Este documento presenta los conceptos básicos del diseño de interfaces de usuario (UI) y experiencia de usuario (UX) para aplicaciones móviles. Explica que el diseñador es responsable de decidir qué y cómo mostrar la información al usuario de manera accesible y atractiva. También enfatiza la importancia de enfocarse en el contenido, usar colores neutros, tipografía legible y hacer las interacciones obvias para mejorar la usabilidad y la primera impresión de la aplicación.
2. izaskun sáez velasco
diseñadora ui/ux.
diseño on line-off line
desde 2006
diseñadora gráfica autónoma (o freelance, que suena mejor)
izaskun sáez @isaezdesign
3. ¿por qué es tan
importante el
diseño en una app?
www.izaskunsaez.es @isaezdesign
11. www.izaskunsaez.es @isaezdesign
Es el que se encarga
de decidir/investigar
QUÉ debe mostrar un
interface al usuario.
UX
diseñador
Es el que se encarga de
decidir CÓMO se debe
mostrar un interface al
usuario.
UI
diseñador
12. Qué aspecto tiene,
qué transmite, a
quien va dirigida,
identidad de marca…
Cómo es la
interacción..., la
fluidez y facilidad de
uso, si cumple con
lo que promete…
Look & Feel
UI
¿Qué esel diseño?
13. Usabilidad
“Un atributo de calidad que mide lo
fáciles de usar que son las interfaces web”
Jakob Nielsen 2013
“Encontrar lo que necesitan, entender lo
que encuentran y actuar apropiadamente…
dentro del tiempo y esfuerzo que ellos
consideran adecuado para esa tarea”
Janice C. Redish.
15. Beneficios de la usabilidad
Una mayor probabilidad de...
Ventas o visitas o comentarios
Posicionamiento
Conversión/monetización
ÉXITO
www.izaskunsaez.es @isaezdesign
21. A QUIÉN
se dirige la app
niños adultos
www.izaskunsaez.es @isaezdesign
22. www.izaskunsaez.es @isaezdesign
CÓMOse usará mi app
¿en
movimiento?
¿de forma más
estática o
relajada?
¿para un uso muy
ocasional o más
intenso?
¿en compañía?
¿es para disfrutar
individualmente?
23. www.izaskunsaez.es @isaezdesign
DÓNDEse usaría principalmente
la app
¿de noche?
¿de día?
¿en lugares con
mucha gente?
¿en privado?
¿en ambientes
relajados? ¿al aire libre?
¿en una discoteca?
¿en público?
¿en sitios con
conexión wifi o
3g?
75. www.izaskunsaez.es @isaezdesign
¿Qué quiere un usuario?
Menos pasos para
realizar una acción
Mayor y mejor
visibilidad
de los elementos
Elementos táctiles
fácilmente
seleccionables
Que me muestren la
información
necesaria únicamente
76. www.izaskunsaez.es @isaezdesign
hazte estas preguntas:
1. ¿Se reconocen las principales acciones de la app?
2. ¿Hay algo que pueda distraer de ese contenido
importante y que no sea relevante?
3. ¿Está el contenido (imágenes/iconos - textos) bien
relacionados?
4. ¿hay que dar muchos pasos para realizar una acción?
5. ¿Ves claramente donde están los elementos de
navegación e info.?
6. ¿Sigue una lógica con lo que se espera de la app?
80. PORQUE ES NUESTRA
TARJETA DE
PRESENTACIÓN
PORQUE ACTÚA
COMO PEQUEÑO
RECORDATORIO
PARA QUE UTILICE LA
APP
¡Soy una
App
que molo mucho!
¡eh!
¡estoy aquí!
89. El icono de una app aporta una
información inicial al usuario
un diseño correcto
visualmente y atractivo
un mejor funcionamiento
de la app y más fiabilidad
se percibe
como