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
100
Responsive Web Design, más allá de la adaptación
pablolobos
0
160
Other Decks in Design
See All in Design
サービスデザインにおける、 映像活用の可能性(Spectrum Tokyo Meetup #18)
ka71
0
120
ポートフォリオ_藤田歩希(ほまれ)
akifujita_homarecreate
0
590
#yumemi_grow 読書シェア会 vol.1 - スコット・バークン著『デザインはどのように世界をつくるのか』
kaitou
1
180
NAHO SHIMONO_Portfolio2025
nahohphp
0
830
UXデザインはなぜ定着しないのか?
designstudiopartners
0
700
Fem tips om ux-text • WSA-dagen 29 jan 2025
jonas_blind_hen
PRO
0
180
AI動画生成ガチャ紹介
piyo7
1
110
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
250
minpaku-community-scrum-patterns
norinity1103
1
110
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
150
Building foundations 堅牢なデザイントークンの設計
hilokifigma
2
3.5k
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
1
150
Featured
See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
How to train your dragon (web standard)
notwaldorf
92
6.1k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Practical Orchestrator
shlominoach
188
11k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Optimizing for Happiness
mojombo
379
70k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Scaling GitHub
holman
459
140k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
930
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
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!