Diseño de Interfaces

Elliot Jay Stocks Eduardo Mercovich

Interfaz

³Punto, área o superficie en el que convergen dos cosas de naturaleza diferente.´

Interfaz de usuario
La interfaz de usuario es el medio con que el usuario puede comunicarse con una máquina, un equipo o una computadora, y comprende todos los puntos de contacto entre el usuario y el equipo.1

Importancia ‡ Representa el primer punto de contacto de un usuario con la aplicación ‡ Es el aspecto de la misma con el que estará en contacto todo el tiempo ‡ Son el punto medio entre el usuario y el objetivo .

Interfaz Funcionalidad Interfaz Funcionalidad Estética Funcionalidad Estética Usabilidad Interfaz .

. facilidad de aprendizaje y apreciación para una tarea. un usuario y un contexto dado. facilidad de uso.Usabilidad Medida de su utilidad.

Usuario Contexto Tarea Usabilidad .

3. 2.Proceso de Diseño 1. Concepto Comportamiento Estética Documentación . 4.

1. Concepto ‡ Investigación ‡ Estructura ± AI ± Wireframe ± Tono y Atmósfera .

Investigación Resolución monitor Plugins Desempeño Objetivo Qué otro software usan Experiencia Ancho de banda Conocimientos específicos .

Estructura .

Wireframe .

com/ .Tono / Atmósfera http://socialsnack.

com.keyhole.ar/ .http://www.

http://www.bristolarchiverecords.com/ .

Comportamiento ‡ Navegación ‡ Formularios ‡ Audio y video .2.

Navegación http://estebanmunoz.com .

Clásica .com/ .base6design.Linked http://www.

electricurrent.com/ .Drop down http://www.

yootheme.Tabs http://demo.com/ .

yootheme.Expandable .Collapsible http://demo.com/ .

Formularios ‡ Coherentes con el diseño ‡Simples ‡Previenen el error ± Paso a paso ± Validación de campos ± Ejemplos ± Instrucciones ± Marcar requeridos .

You Tube .

Vimeo .

DailyMotion .

Viddler .

My Play .

3. Estética ‡ Layout ‡ Tipografía ‡ Imágenes .

Layout Lay = disponer ‡ Decorados ‡ Marcos ‡ Bullets ‡ Fondos ‡ Imágenes .

pero no es necesariamente mala.Tipografía ‡ Balancear arte y legibilidad ‡ La variedad no es la norma. ‡Considerar fuentes instaladas por defecto .

Fuentes instaladas por defecto en Windows Arial Arial Black Comic Sans Courier New Georgia Impact Lucida Console Lucida Sans Unicode Palatino Tahoma Times New Roman Trebuchet Verdana MS Sans Serif .

ff0000.com/ .Tipografía http://www.

com/ .http://thebignoob.

getfinch.http://www.com/ .

com/ .http://www.jrvelasco.

com .fl-2.http://www.

http://www.rs/ .grafik.

Imágenes ‡ Fotografías ‡ Ilustraciones ‡ Infográficos ‡ Iconografía .

Entregables ‡ Fuentes (Design Comp) ‡ Manual de Estilo .3.

Manual de estilo ‡ Consideraciones Generales ‡ Paleta de colores ‡ Tipografías y estilos ‡ Fotografías .

Sign up to vote on this title
UsefulNot useful