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
120
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Diseño Centrado en el Usuario - Introducción
Pablo Lobos
August 22, 2013
More Decks by Pablo Lobos
See All by Pablo Lobos
Responsive Web Design para todos
pablolobos
0
200
Diseño Centrado en la Experiencia
pablolobos
1
120
Responsive Web Design, más allá de la adaptación
pablolobos
0
180
Other Decks in Design
See All in Design
研修担当者が一番伸びた 熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
garyuten
2
460
「おすすめ」はなぜ信用されないのか - 信頼を築くUI/UX設計
ryu1013
0
210
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
securecat
1
430
AI時代に求められるUXデザインのアプローチ
xtone
1
7.8k
言幹と言葉(Stems & Leaves)
kakukoki
0
180
富山デザイン勉強会_デザイン思考.pdf
keita_yoshikawa
2
110
Accelerating performance improvement based on a software review evaluation matrix
kitanosirokuma
0
280
AI-Slopなデザインを生まないためのデザインプロセス戦略
takanorip
7
5.4k
Build for the Web, Build on the Web, Build With the Web
csswizardry
0
500
Design dependencies
teba_eleven
0
150
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
securecat
1
230
「惜しいデザイン」 を生み出さないための AIレビューループ
0b1tk
3
2.9k
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
232
55k
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
1
370
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
790
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
170
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.7k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Speed Design
sergeychernyshev
33
2k
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
430
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
Principles of Awesome APIs and How to Build Them.
keavy
128
18k
Unsuck your backbone
ammeep
672
58k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
170
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!