Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Diseño Centrado en el Usuario - Introducción
Search
Pablo Lobos
August 22, 2013
Design
0
100
Diseño Centrado en el Usuario - Introducción
Pablo Lobos
August 22, 2013
Tweet
Share
More Decks by Pablo Lobos
See All by Pablo Lobos
Responsive Web Design para todos
pablolobos
0
170
Diseño Centrado en la Experiencia
pablolobos
1
92
Responsive Web Design, más allá de la adaptación
pablolobos
0
160
Other Decks in Design
See All in Design
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
670
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
170
デザインの専門性を活かしたナレッジマネジメント活動の実践と研究
chiemitaki
0
490
ZOZO CDO Office Design
zozodevelopers
PRO
1
450
Картирование процесса фасилитация стратсессий с Картой гипотез при помощи Карты процесса-опыта
ashapiro
0
410
ito aya|Portfolio2409
itoaya116
0
260
root COMPANY DECK / We are hiring!
root_recruit
1
15k
超・ファシリテーション 無理ゲー課題を軽やかに超える MIMIGURI流チームデザイン|TOKYO CREATIVE COLLECTION
madue
1
1.2k
今日から始める グラレコ チャレンジ DevRel/Tokyo #94 〜グラレコ チャレンジ〜
moshimoshiyuki
0
110
1年目のクリエイターがつくりあげた!採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
200
みんなに知って欲しい 視覚過敏のアクセシビリティ
0opacity_
4
830
Commune_Brand_Guideline_JA
commune
1
160
Featured
See All Featured
Become a Pro
speakerdeck
PRO
25
5k
How GitHub (no longer) Works
holman
310
140k
Rails Girls Zürich Keynote
gr2m
94
13k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
0
110
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
[RailsConf 2023] Rails as a piece of cake
palkan
52
4.9k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
Raft: Consensus for Rubyists
vanstee
136
6.6k
Navigating Team Friction
lara
183
14k
The Cult of Friendly URLs
andyhume
78
6k
A Philosophy of Restraint
colly
203
16k
Transcript
Diseño centrado en el usuario @pablo_lobos Introducción
Aclaración De aquí en adelante con la palabra web me
re ero a soportes digitales de información interactiva, esto incluye sitios web, web apps, aplicaciones móbiles, etc.
Interfaz La interfaz es el vínculo entre el usuario y
un sistema, permite que se realice el proceso de comunicación.
El diseño es el lenguaje que facilita este el proceso.
None
Palabra mágica Nº1 Interfaz (UI)
Interfaz
v Interfaz Proceso de comunicación
v Interfaz Proceso de comunicación
v Interfaz Proceso de comunicación Experiencia
Palabra mágica Nº2 Experiencia de usuario (UX)
La experiencia puede ser positiva o negativa.
La experiencia puede ser positiva o negativa. Toda interacción es
una experiencia.
Lo básico Usabilidad
Que una interfaz sea usable es lo mínimo.
Lo que buscamos realmente es que la experiencia sea:
Lo que buscamos realmente es que la experiencia sea: Inolvidable
y placentera.
Piramide de la experiencia Aaron Walter - http://bit.ly/piramide-experiencia
Funcional Piramide de la experiencia Aaron Walter - http://bit.ly/piramide-experiencia
Funcional Confiable Piramide de la experiencia Aaron Walter - http://bit.ly/piramide-experiencia
Funcional Confiable Usable Piramide de la experiencia Aaron Walter -
http://bit.ly/piramide-experiencia
Funcional Confiable Usable Placentero (Experiencia inolvidable) Piramide de la experiencia
Aaron Walter - http://bit.ly/piramide-experiencia
Etapas de Diseño centrado en el usuario
None
Analizar / Definir
Analizar / Definir Diseñar
Analizar / Definir Diseñar Implementar
Analizar / Definir Diseñar Implementar Testear
Analizar / Definir Diseñar Implementar Testear
Definir Entender cual es nuestro usuario, su problemática, necesidad, comportamientos,
gustos. Analizar / Definir
Definir Entender cual es nuestro usuario, su problemática, necesidad, comportamientos,
gustos. Definir cuales son nuestros objetivos y nuestro alcance. Analizar / Definir
Diseñar Entender y organizar nuestra información (AI). Analizar / Definir
Diseñar
Diseñar Entender y organizar nuestra información (AI). Look & Feel,
cual va a ser la voz y el tono de nuestro "lenguaje" visual. Analizar / Definir Diseñar
Diseñar Entender y organizar nuestra información (AI). Diseño de interfaz
(UI). Look & Feel, cual va a ser la voz y el tono de nuestro "lenguaje" visual. Analizar / Definir Diseñar
Implementar Prototipos interactivos. Analizar / Definir Diseñar Implementar
Implementar Prototipos interactivos. Tecnología. Analizar / Definir Diseñar Implementar
Testear Recordemos que nuestro diseño es para las personas, por
esto los más importante es testear para verificar la validez del diseño en todo momento. Analizar / Definir Diseñar Implementar Testear
Iterar Luego del testeo incorporar el feedback nuevamente en el
proceso. Analizar / Definir Diseñar Implement Testear
Concluyendo, debemos tener en cuenta nuestro usuario durante todo el
proceso de diseño, no podemos perder de vista sus necesidades, problemáticas y gustos.
Concluyendo, debemos tener en cuenta nuestro usuario durante todo el
proceso de diseño, no podemos perder de vista sus necesidades, problemáticas y gustos. Nuestro foco deben ser los usuarios.
Gracias!