 Biología:   Ha sido definida como la “capa” de un organismo que     separa su interior del exterior
 Electrónica y Telecomunicaciones:   Puerto a través del que se envían o reciben señales     desde un sistema o subsiste...
 Química:   Es la superficie entre dos fases distintas en una mezcla    heterogénea
 Inter proviene del latín inter, y significa, “entre” o “en   medio”, y Faz proviene del latín facĭes, y significa   “sup...
Las interfaces de usuario (GUI del inglés graphical user interface) cuentancon el diseño gráfico, los comandos, mensajes y...
•  Comunicación visual efectiva para interfaces gráficas de usuario:El uso de tipografía, símbolos, color y otros gráficos...
Existen tres principios fundamentales relacionados en el uso del lenguajevisible.1. Organizar: Relaciones – Navegabilidad....
•  Relaciones:Conectar los ítems relacionados y disociar los ítems independientes mejorasensiblemente la organización visu...
•   Navegabilidad:        - Proveer un foco inicial para la atención del usuario.          - Dirigir la atención a los íte...
2. ECONOMIZAR: Simplicidad – Claridad – Singularidad – Énfasis.•   Simplicidad:La simplicidad incluye únicamente los eleme...
•   Claridad:Todos los componentes deberían ser diseñados para que su significado no seaambiguo, que no lleve al equivoco.
•   Singularidad:Las propiedades de los elementos necesarios deben ser características singulares.• Énfasis:Los elementos ...
3. COMUNICAR:• Legibilidad:La pantalla debe ser fácil de identificar e interpretar, además de atractiva yagradable.
• Tipografía:Incluye características de elementos individuales (tipos de letra y estilos) y susagrupamientos (técnicas de ...
•   Color:El color es uno de los más complejos elementos a la hora de intentar diseñar una interfazgráfica correcta. Puede...
Semana 1
Semana 1
Semana 1
Semana 1
Semana 1
Semana 1
Semana 1
Próxima SlideShare
Cargando en…5
×

Semana 1

494 visualizaciones

Publicado el

Publicado en: Educación
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
494
En SlideShare
0
De insertados
0
Número de insertados
41
Acciones
Compartido
0
Descargas
7
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Semana 1

  1. 1.  Biología:  Ha sido definida como la “capa” de un organismo que separa su interior del exterior
  2. 2.  Electrónica y Telecomunicaciones:  Puerto a través del que se envían o reciben señales desde un sistema o subsistemas hacia otros
  3. 3.  Química:  Es la superficie entre dos fases distintas en una mezcla heterogénea
  4. 4.  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”.
  5. 5. Las interfaces de usuario (GUI del inglés graphical user interface) cuentancon el diseño gráfico, los comandos, mensajes y otros elementos quepermiten a un usuario comunicarse con un programa.Las microcomputadoras disponen de tres tipos básicos de interfaces de esel software o programa informático que sirve de interfaz para el usuario.Su principal uso, consiste en proporcionar un entorno visual sencillo parapermitir la comunicación con el sistema operativo de una máquina ocomputador.
  6. 6. • 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 eimplementar interfaces que sean eficientes y efectivas, al ser utilizadas porel usuario.
  7. 7. Existen tres principios fundamentales relacionados en el uso del lenguajevisible.1. Organizar: Relaciones – Navegabilidad.La Consistencia, disposición de la pantalla, relaciones y navegabilidad, sonimportantes conceptos de organización. Organización Caótica Organización Ordenada
  8. 8. • Relaciones:Conectar los ítems relacionados y disociar los ítems independientes mejorasensiblemente la organización visual. La localización, forma y valor pueden todas Relaciones claras, consistentes, ellas crear relaciones que es posible sean apropiadas y fuertes. inapropiadas
  9. 9. • 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 mejorado: la disposición espacial Diseño pobre. y el color ayudan a centrar la atención del usuario a las áreas más importantes..
  10. 10. 2. ECONOMIZAR: Simplicidad – Claridad – Singularidad – Énfasis.• Simplicidad:La simplicidad incluye únicamente los elementos que son más importantes parala comunicación. Debería producir también la menor obstrucción posible.
  11. 11. • Claridad:Todos los componentes deberían ser diseñados para que su significado no seaambiguo, que no lleve al equivoco.
  12. 12. • 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 ocultarinformación critica.
  13. 13. 3. COMUNICAR:• Legibilidad:La pantalla debe ser fácil de identificar e interpretar, además de atractiva yagradable.
  14. 14. • Tipografía:Incluye características de elementos individuales (tipos de letra y estilos) y susagrupamientos (técnicas de estilo).Se deberá usar un numero reducido de tipos de letra que serán legibles, claros ysingulares (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.
  15. 15. • Color:El color es uno de los más complejos elementos a la hora de intentar diseñar una interfazgráfica correcta. Puede ser una potente herramienta de comunicación usadocorrectamente. 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.

×