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
190
Diseño Centrado en la Experiencia
pablolobos
1
110
Responsive Web Design, más allá de la adaptación
pablolobos
0
170
Other Decks in Design
See All in Design
研修担当者が一番伸びた 熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
garyuten
2
310
アイデアを加速させる!Firefly ボードで発想の幅を広げよう
connecre
1
350
Spacemarket Brand Guide
spacemarket
2
300
AI時代に求められるUXデザインのアプローチ
xtone
0
950
30分でわかるインサイトマネジメント(2025年12月バージョン)
centou
1
470
図じゃなく言語で描く - Common Ground for Design AI Operations.
kazukiikeda
2
720
ClaudeCodeでマーケターの課題を解決する
kenichiota0711
7
9.5k
Ralph Penel Portfolio
ralphpenel
0
350
AIでデザインをつくる:基礎編
kenichiota0711
3
2.9k
OJTで学んだ 「心を動かす」ファシリテーション
saki822
1
270
CULTURE DECK/Marketing Director
mhand01
0
990
文化のデザイン - Soft Impact of Design
atsushihomma
0
160
Featured
See All Featured
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
110
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
199
73k
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
A Tale of Four Properties
chriscoyier
163
24k
Raft: Consensus for Rubyists
vanstee
141
7.4k
sira's awesome portfolio website redesign presentation
elsirapls
0
190
The browser strikes back
jonoalderson
0
800
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.2k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
290
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.1k
Abbi's Birthday
coloredviolet
2
5.4k
Faster Mobile Websites
deanohume
310
31k
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!