Semana 1

22
DISEÑO DE INTERFACES

Transcript of Semana 1

Page 1: Semana 1

DISEÑO DEINTERFACES

Page 2: Semana 1

Qué es una interfaz? Biología:

Ha sido definida como la “capa” de un organismo que separa su interior del exterior

Page 3: Semana 1

Qué es una interfaz? Electrónica y Telecomunicaciones:

Puerto a través del que se envían o reciben señales desde un sistema o subsistemas hacia otros

Page 4: Semana 1

Qué es una interfaz? Química:

Es la superficie entre dos fases distintas en una mezcla heterogénea

Page 5: Semana 1

Qué es una interfaz? Inter proviene del latín inter, y significa,

“entre” o “en medio”, y Faz proviene del latín facĭes, y significa “superficie, vista o lado de una cosa”. Por lo tanto una traducción literal del concepto de interfaz atendiendo a su etimología, podría ser “superficie, vista, o lado mediador”.

Page 6: Semana 1
Page 7: Semana 1

Concepto de Intefaz de UsuarioLas interfaces de usuario (GUI del inglés graphical user interface) cuentan con el diseño gráfico, los comandos, mensajes y otros elementos que permiten a un usuario comunicarse con un programa.

Las microcomputadoras disponen de tres tipos básicos de interfaces de es el software o programa informático que sirve de interfaz para el usuario.Su principal uso, consiste en proporcionar un entorno visual sencillo para permitir la comunicación con el sistema operativo de una máquina o computador.

Page 8: Semana 1

Donde se aplica el diseño de Interfaces

Page 9: Semana 1

Importancia del diseño de la Interfaz gráfica de usuario

• Comunicación visual efectiva para interfaces gráficas de usuario:

El uso de tipografía, símbolos, color y otros gráficos estáticos y dinámicosson comúnmente usados para expresar hechos, conceptos y emociones.Esto compone un diseño gráfico sistemático orientado a la informaciónque ayuda a la gente a comprender información compleja.

• Consideraciones de diseñoEl principal objetivo del desarrollo de interfaces de usuario es el diseñar e implementar interfaces que sean eficientes y efectivas, al ser utilizadas por el usuario.

Page 10: Semana 1

Principios del diseño de interfaces de usuario

Existen tres principios fundamentales relacionados en el uso del lenguaje visible.1. Organizar: Relaciones – Navegabilidad.La Consistencia, disposición de la pantalla, relaciones y navegabilidad, son importantes conceptos de organización.

Organización Caótica Organización Ordenada

Page 11: Semana 1

Principios del diseño de interfaces de usuario

• Relaciones:Conectar los ítems relacionados y disociar los ítems independientes mejora sensiblemente la organización visual.

La localización, forma y valor pueden todas ellas crear relaciones que es posible sean inapropiadas

Relaciones claras, consistentes, apropiadas y

fuertes.

Page 12: Semana 1

Principios del diseño de interfaces de usuario

• Navegabilidad:- Proveer un foco inicial para la atención del usuario.- Dirigir la atención a los ítems importantes, secundarios o

periféricos.- Asistir la navegación a través del material.

Diseño pobre.Diseño mejorado: la disposición

espacial y el color ayudan a centrar la atención del usuario a

las áreas más importantes..

Page 13: Semana 1

Principios del diseño de interfaces de usuario

2. ECONOMIZAR: Simplicidad – Claridad – Singularidad – Énfasis. • Simplicidad:La simplicidad incluye únicamente los elementos que son más importantes para la comunicación. Debería producir también la menor obstrucción posible.

Page 14: Semana 1

Principios del diseño de interfaces de usuario

• Claridad:Todos los componentes deberían ser diseñados para que su significado no sea ambiguo, que no lleve al equivoco.

Page 15: Semana 1

Principios del diseño de interfaces de usuario

• Singularidad:Las propiedades de los elementos necesarios deben ser características singulares.

• Énfasis:Los elementos más importantes deben ser fácilmente percibidos.Se debe restar énfasis a los elementos no críticos y minimizarlos para no ocultar información critica.

Page 16: Semana 1

Principios del diseño de interfaces de usuario

3. COMUNICAR:• Legibilidad:La pantalla debe ser fácil de identificar e interpretar, además de atractiva y agradable.

Page 17: Semana 1

Principios del diseño de interfaces de usuario

• Tipografía:Incluye características de elementos individuales (tipos de letra y estilos) y sus agrupamientos (técnicas de estilo).Se deberá usar un numero reducido de tipos de letra que serán legibles, claros y singulares (por ejemplo, para distinguir diferentes clases de información).

Recomendaciones:- un máximo de 3 tipos de letra en un máximo de 3 tamaños de

puntos.- un máximo de 40-60 caracteres por línea de texto.- ajustar el texto a la izquierda y los números a la derecha. En listas,

usar el centrado de texto.- usar mayúsculas y minúsculas siempre que sea posible.

Page 18: Semana 1

Principios del diseño de interfaces de usuario

• Color:El color es uno de los más complejos elementos a la hora de intentar diseñar una interfaz gráfica correcta. Puede ser una potente herramienta de comunicación usado correctamente. Los colores pueden ser combinados para tomar un sentido visual.

Ventajas en el uso del color para facilitar la comunicación:- enfatizar la información importante.- identificar subsistemas de estructuras.- portar objetos naturales de un modo realista.- portar tiempo y progreso.- reducir los errores de interpretación.- añadir dimensiones a la codificación.- incrementar la comprensibilidad.- incrementar la credibilidad y atractivo.

Page 19: Semana 1

Principios del diseño de interfaces de usuario

Page 20: Semana 1

Las Interfaces en la actualidad y en el Futuro

Page 21: Semana 1

Las Interfaces en la actualidad y en el Futuro

Page 22: Semana 1

Las Interfaces en la actualidad y en el Futuro