Dise O De Interfaces Enfocadas En Usuarios

Diseño de Interfaces
enfocadas en Usuarios
Ing. Karla Arosemena
Karla.arosemena@utp.ac.pa

Introducción al diseño de
interfaces enfocadas a usuarios

© Karla Arosemena. Para uso académico.

Familiar?

© Karla Arosemena. Para uso académico.

Capas de las Aplicaciones
Personas
•Tienen información
•Usan información
•Desean más información

Interfaz

Interfaz
•App. que conectan a las personas
conla información. Facebook,
Amazon, Google, el sistema en tu
empresa..
Datos
• Todo lo que las personas
necesitan conocer:
estadística, finanzas, película,
como hacer palomitas de
maíz, etc.

© Karla Arosemena. Para uso académico.

Interfaces
• Las interfaces gráficas de
usuarios
▫ Menús, ventanas, teclado,
ratón, sonidos …
▫ Todos aquellos canales
por los cuales se permitela comunicación entre el
hombre y la
computadora.

© Karla Arosemena. Para uso académico.

Diseño de Interfaces
• Características
▫ Intuitivo: tal que el usuario que lo use
atribuya su habilidad a usarlo
efectivamente gracias a su sentido común.
▫ Claro
▫ Simple para entenderlo, fácil de aprender,
bien organizado.

© Karla Arosemena. Para uso académico.

Qué no son interfaces orientadas a
usuarios?
• Interfaces que nosfuerzan a entender
cómo funcionan para que aprendamos a
hacer cosas con ellos.
▫ Ejemplos?

• Que nos hacen perder tiempo y esfuerzo,
interrumpiendo nuestro trabajo para
decirnos que un error ha sucedido y que
no hay nada que hacer al respecto, más
que hacer clic en OK.. OK???
© Karla Arosemena. Para uso académico.

OK??

© Karla Arosemena. Para uso académico.

Cualidades de una buena aplicación
•Características absolutamente necesarias.
• Ayuda a los usuarios a empezar su uso
rápidamente.
▫ Usuarios básicos -> usuarios intermedios

• Ayuda a recuperar/prevenir errores
fácilmente
• Elementos de diseño uniformes, haciendo
evidente aspectos que puedan ser
relevantes.
• Reduce el ruido innecesario (desorden).
© Karla Arosemena. Para uso académico.

© Karla Arosemena. Para uso académico.

Dedónde viene todo esto?
• Interacción Hombre – Computador (Ordenador)
▫ Interacciones entre el ser humano y las computadoras
 Usables según las necesidades del usuario

▫ Áreas
 Humano
 Comportamiento (psicología cognitiva), Ciencias Sociales,
Ergonomía, Diseño físico e interfaces, Teoría de la Comunicación,
Lingüística

 Computadora
 Gráficos por computadora, sistemas operativos, lenguajesde
programación

▫ Considera en gran medida la satisfacción del Usuario

• Dos tendencias: interfaces gráficas de usuarios,
interfaces web.
© Karla Arosemena. Para uso académico.

© Karla Arosemena. Para uso académico.

Interacción Hombre
Ordenador

• Principios de diseño de interfaces de
usuario
▫ Principios
▫ Principios
▫ Principios
▫ Principios

perceptuales
de modelos mentales
basados enatención
de memorización

• Metodologías de diseño de interfaces
▫ Método del diseño centrado en usuarios

• Sistemas de medición
▫ Usabilidad

© Karla Arosemena. Para uso académico.

Los conceptos de IHO se aplican en:
• Diseño de experiencia para usuarios (UX)
• Análisis de audiencia
• Arquitectura / Diseño de Información
• Diseño de Interfaces para Usuarios
• Ingeniería de Usabilidad
• HumanFactor / Ergonomía
• Calidad de Software

© Karla Arosemena. Para uso académico.

Conociendo para quién
diseñas…

© Karla Arosemena. Para uso académico.

Cómo piensan los Usuarios?
• No, no piensan como los técnicos..
• Nosotros usuarios
▫ Aprendemos solo un 20% de lo que la app. es
capaz de hacer. Ej.: Word?
▫ Aprendemos una forma de hacer algo, y nos
pegamos a ello.
▫ Nos formamos nuestro propioentendimiento de
cómo las aplicaciones funcionan.
▫ Deseamos características que la aplicación no
tiene.
▫ Nos adaptamos a la tecnología… Ej. Celular..
© Karla Arosemena. Para uso académico.

Más sobre los Usuarios
• No tienen idea de lo que el software puede
hacer. No tienen conocimientos técnicos.
▫ Pero…
 Qué hacen?
 Cómo lo hacen?
 Qué más querrán hacer?

• No des por sentado que lo...