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
110
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
180
Diseño Centrado en la Experiencia
pablolobos
1
97
Responsive Web Design, más allá de la adaptación
pablolobos
0
160
Other Decks in Design
See All in Design
12年続くB2DサービスとUXデザイン / UX Design keeps B2D service alive over 12 years
tnj
0
280
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
190
ZKK_001.pdf
nicholaspegu
0
1.5k
20250129_DAST28_実空間にデジタル資源の接点をデザインする
majimasachi
0
210
Tableau曲線表現講座(2024.11.21)
cielo1985
0
250
発表資料テンプレート / My slide template
thatblue
0
200
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
3
2.9k
富山デザイン勉強会_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
140
FANCL×CA流アプリリニューアルPJ 成功の秘訣とそのプロセス / dx-fancl-renewal
cyberagentdevelopers
PRO
2
810
How to go from research data to insights?
mastervicedesign
0
220
Fem tips om ux-text • WSA-dagen 29 jan 2025
jonas_blind_hen
PRO
0
130
ENEOS社事例|アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
820
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.2k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
A Philosophy of Restraint
colly
203
16k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
Building Adaptive Systems
keathley
40
2.4k
Git: the NoSQL Database
bkeepers
PRO
427
64k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Optimizing for Happiness
mojombo
376
70k
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!