SlideShare una empresa de Scribd logo
1 de 10
1.   Claridad: Evitando ambigüedades, dejando los elementos claros a través de
     metáforas, jerarquía, lenguaje y flujo visual. Las interfaces claras no necesitan
     manuales y aseguran que el usuario cometa menos errores. Etiquetas, textos
     destacados, numeración y flujo visual a través de path.

2.   Concisión: Es fácil hacer que una interfaz sea fácil de entender especificándo
     y etiquetando todos sus elementos, pero corremos el peligro de diseñar una
     interfaz sobrecargada donde hay demasiadas cosas en la pantalla, haciendo que
     al usuario le resulte difícil encontrar lo que busca.

El verdadero reto será hacer una interfaz concisa y clara al mismo tiempo.
3.   Familiaridad: Algo resulta familiar cuando nos recuerda a cosas con las que ya
     hemos trabajado anteriormente. Podemos usar metáforas de la vida real para dar
     significado a los elementos de nuestra interfaz.

4.   Capacidad de respuesta: Esto significa un par de cosas: en primer lugar velocidad.
     Una buena interfaz no debería hacer esperar, y debería priorizar las tareas más
     comunes. En segundo lugar la interfaz debe proporcionar un buen feedback al
     usuario sobre que esta pasando y si las acciones del mismo están siendo procesadas
     correctamente ( ej. mensaje 'si no es redirigido a la página en unos segundos haga
     click aquí' ).

5.   Consistencia: Mantener el diseño de nuestra interfaz consistente a lo largo de toda
     la aplicación es importante porque permite a los usuarios reconocer patrones de uso.
     Por otro lado evita ambigüedades y confusiones. Una vez que los usuarios aprenden
     cómo funcionan ciertas partes de la interfaz, pueden aplicar éste conocimiento al
     resto de áreas y funcionalidades dado que la interfaz y su funcionamiento se
     mantienen constantes.
6.   Estética: Aunque no sea el primer objetivo, no deja de ser un objetivo a cumplir. Una
     interfaz no necesita ser bonita para poder funcionar, sin embargo hacer un diseño
     agradable contribuirá a que la experiencia de usuario mejore.

7.   Eficiencia: El tiempo es dinero, y una buena interfaz debería conseguir que los
     usuarios obtuvieran mayor productividad a través de atajos y de un buen diseño. Al fin
     y al cabo éste es uno de los beneficios inherentes de la tecnología: nos permite
     realizar tareas en menos tiempo y con menos esfuerzo, haciendo la mayoría del
     trabajo por nosotros. Quien no recuerda el copiar pegar, o el comando deshacer.

8.   Gestión de errores: Todo el mundo comete errores, y cómo se encargue de gestionar
     los errores de usuario será un test de calidad. Será fácil deshacer acciones, recuperar
     archivos borrados, una buena interfaz no debería castigar a los usuarios por sus
     errores sino más bien facilitarles los medios para arreglarlos.
Recordar datos, acceso rápido si
olvidas la clave y resalta el login
Crear algo que sea simple y elegante y al mismo tiempo claro y consistente es el objetivo
que debemos perseguir como diseñadores de interfaces de usuario.

Consejos:

     • Antes de programar haz bocetos de las pantalla (prototipos de papel)

     • Recuerda que no estas diseñando para ti, desarrollas para los usuarios.

     • Trata de usar colores neutros y de contraste no molesto para las áreas de mayor
     tamaño de tu aplicación

     • Los colores llamativos de alto contraste deberán usarse para indicar acción.
     Ejemplo: rojo indica alerta peligro mientras que el amarillo llama la atención pero
     con menos urgencia. El verde indica continuidad, invita a continuar una acción.

     •Usar iconos, siempre es mejor sugerir algo por medio de gráficos que por la lectura
     de una descripción.
Bibliografía:

•Diseño de interfaz, Victor Tisnao
•Características comunes a toda interfaz bien diseñada José Balaguer

Más contenido relacionado

Similar a Diseño de Interfaz

Presentación sist de informacion
Presentación sist de informacionPresentación sist de informacion
Presentación sist de informacionRaquel Scoppa
 
Interfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioInterfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioLucasDanielB
 
Trabajo Práctico - Metodología de Sistemas I - UTN
Trabajo Práctico - Metodología de Sistemas I - UTNTrabajo Práctico - Metodología de Sistemas I - UTN
Trabajo Práctico - Metodología de Sistemas I - UTNseeba23
 
2.1 Diseño, prototipo y construcción
2.1 Diseño, prototipo y construcción2.1 Diseño, prototipo y construcción
2.1 Diseño, prototipo y construcciónkamui002
 
Diseño de Interfaz web
Diseño de Interfaz webDiseño de Interfaz web
Diseño de Interfaz webAlexis Morillo
 
Diseño de interfaces de usuario
Diseño de interfaces de usuarioDiseño de interfaces de usuario
Diseño de interfaces de usuarioDiego Rosas
 
Clase Diseño para la interacción
Clase Diseño para la interacciónClase Diseño para la interacción
Clase Diseño para la interacciónGustavo Soto Miño
 
17 evaluacion heuristica basica
17 evaluacion heuristica basica17 evaluacion heuristica basica
17 evaluacion heuristica basicaUVM
 
Dia de la usabillidad 2013 - Clínica de UX para apps
Dia de la usabillidad 2013 - Clínica de UX para appsDia de la usabillidad 2013 - Clínica de UX para apps
Dia de la usabillidad 2013 - Clínica de UX para appsMauricio Angulo
 
10 heurísticas de usabilidad para el diseño de.pptx
10 heurísticas de usabilidad para el diseño de.pptx10 heurísticas de usabilidad para el diseño de.pptx
10 heurísticas de usabilidad para el diseño de.pptxRafaelZapata26
 

Similar a Diseño de Interfaz (20)

Presentación sist de informacion
Presentación sist de informacionPresentación sist de informacion
Presentación sist de informacion
 
Diseno de interfaces zyndi.pptx
Diseno de interfaces zyndi.pptxDiseno de interfaces zyndi.pptx
Diseno de interfaces zyndi.pptx
 
Interfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioInterfaz Gráfica de Usuario
Interfaz Gráfica de Usuario
 
Gui
GuiGui
Gui
 
Gui
GuiGui
Gui
 
Gui
GuiGui
Gui
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 
Trabajo Práctico - Metodología de Sistemas I - UTN
Trabajo Práctico - Metodología de Sistemas I - UTNTrabajo Práctico - Metodología de Sistemas I - UTN
Trabajo Práctico - Metodología de Sistemas I - UTN
 
11.interfaz de usuario
11.interfaz de usuario11.interfaz de usuario
11.interfaz de usuario
 
2.1 Diseño, prototipo y construcción
2.1 Diseño, prototipo y construcción2.1 Diseño, prototipo y construcción
2.1 Diseño, prototipo y construcción
 
Diseño de la interfaz de usuario
Diseño de la interfaz de usuarioDiseño de la interfaz de usuario
Diseño de la interfaz de usuario
 
Reglas de Oro
Reglas de OroReglas de Oro
Reglas de Oro
 
Interfaces de usuario
Interfaces de usuarioInterfaces de usuario
Interfaces de usuario
 
11.interfaz de usuario en java
11.interfaz de usuario en java11.interfaz de usuario en java
11.interfaz de usuario en java
 
Diseño de Interfaz web
Diseño de Interfaz webDiseño de Interfaz web
Diseño de Interfaz web
 
Diseño de interfaces de usuario
Diseño de interfaces de usuarioDiseño de interfaces de usuario
Diseño de interfaces de usuario
 
Clase Diseño para la interacción
Clase Diseño para la interacciónClase Diseño para la interacción
Clase Diseño para la interacción
 
17 evaluacion heuristica basica
17 evaluacion heuristica basica17 evaluacion heuristica basica
17 evaluacion heuristica basica
 
Dia de la usabillidad 2013 - Clínica de UX para apps
Dia de la usabillidad 2013 - Clínica de UX para appsDia de la usabillidad 2013 - Clínica de UX para apps
Dia de la usabillidad 2013 - Clínica de UX para apps
 
10 heurísticas de usabilidad para el diseño de.pptx
10 heurísticas de usabilidad para el diseño de.pptx10 heurísticas de usabilidad para el diseño de.pptx
10 heurísticas de usabilidad para el diseño de.pptx
 

Diseño de Interfaz

  • 1.
  • 2. 1. Claridad: Evitando ambigüedades, dejando los elementos claros a través de metáforas, jerarquía, lenguaje y flujo visual. Las interfaces claras no necesitan manuales y aseguran que el usuario cometa menos errores. Etiquetas, textos destacados, numeración y flujo visual a través de path. 2. Concisión: Es fácil hacer que una interfaz sea fácil de entender especificándo y etiquetando todos sus elementos, pero corremos el peligro de diseñar una interfaz sobrecargada donde hay demasiadas cosas en la pantalla, haciendo que al usuario le resulte difícil encontrar lo que busca. El verdadero reto será hacer una interfaz concisa y clara al mismo tiempo.
  • 3.
  • 4. 3. Familiaridad: Algo resulta familiar cuando nos recuerda a cosas con las que ya hemos trabajado anteriormente. Podemos usar metáforas de la vida real para dar significado a los elementos de nuestra interfaz. 4. Capacidad de respuesta: Esto significa un par de cosas: en primer lugar velocidad. Una buena interfaz no debería hacer esperar, y debería priorizar las tareas más comunes. En segundo lugar la interfaz debe proporcionar un buen feedback al usuario sobre que esta pasando y si las acciones del mismo están siendo procesadas correctamente ( ej. mensaje 'si no es redirigido a la página en unos segundos haga click aquí' ). 5. Consistencia: Mantener el diseño de nuestra interfaz consistente a lo largo de toda la aplicación es importante porque permite a los usuarios reconocer patrones de uso. Por otro lado evita ambigüedades y confusiones. Una vez que los usuarios aprenden cómo funcionan ciertas partes de la interfaz, pueden aplicar éste conocimiento al resto de áreas y funcionalidades dado que la interfaz y su funcionamiento se mantienen constantes.
  • 5.
  • 6.
  • 7. 6. Estética: Aunque no sea el primer objetivo, no deja de ser un objetivo a cumplir. Una interfaz no necesita ser bonita para poder funcionar, sin embargo hacer un diseño agradable contribuirá a que la experiencia de usuario mejore. 7. Eficiencia: El tiempo es dinero, y una buena interfaz debería conseguir que los usuarios obtuvieran mayor productividad a través de atajos y de un buen diseño. Al fin y al cabo éste es uno de los beneficios inherentes de la tecnología: nos permite realizar tareas en menos tiempo y con menos esfuerzo, haciendo la mayoría del trabajo por nosotros. Quien no recuerda el copiar pegar, o el comando deshacer. 8. Gestión de errores: Todo el mundo comete errores, y cómo se encargue de gestionar los errores de usuario será un test de calidad. Será fácil deshacer acciones, recuperar archivos borrados, una buena interfaz no debería castigar a los usuarios por sus errores sino más bien facilitarles los medios para arreglarlos.
  • 8. Recordar datos, acceso rápido si olvidas la clave y resalta el login
  • 9. Crear algo que sea simple y elegante y al mismo tiempo claro y consistente es el objetivo que debemos perseguir como diseñadores de interfaces de usuario. Consejos: • Antes de programar haz bocetos de las pantalla (prototipos de papel) • Recuerda que no estas diseñando para ti, desarrollas para los usuarios. • Trata de usar colores neutros y de contraste no molesto para las áreas de mayor tamaño de tu aplicación • Los colores llamativos de alto contraste deberán usarse para indicar acción. Ejemplo: rojo indica alerta peligro mientras que el amarillo llama la atención pero con menos urgencia. El verde indica continuidad, invita a continuar una acción. •Usar iconos, siempre es mejor sugerir algo por medio de gráficos que por la lectura de una descripción.
  • 10. Bibliografía: •Diseño de interfaz, Victor Tisnao •Características comunes a toda interfaz bien diseñada José Balaguer