DISEO IU

El diseo de interfaz de usuario es el diseo de computadoras, aplicaciones, mquinas, dispositivos de comunicacin mvil, aplicaciones de software, y sitios web enfocado en la experiencia de usuario y la interaccin.

DISEO IU
Objetivo
Es que las aplicaciones o los objetos sean ms atractivos y adems, hacer que la interaccin con el usuario sea lo ms intuitiva posible,

PRINCIPIOS DE DISEO IU
Familiaridad del usuario
Utilizar trminos y conceptos que se toman de la experiencia de las personas que ms utilizan el sistema

PRINCIPIOS DE DISEO IU
Consistencia
Siempre que sea posible , la interfaz debe ser consistente en el sentido de que las operaciones comparables se activan de la misma forma.

PRINCIPIOS DE DISEO IU
Mnima sorpresa
El comportamiento del sistema no debe provocar sorpresa a los usuarios.

PRINCIPIOS DE DISEO IU
Recuperabilidad
La interfaz debe incluir mecanismos para permitir a los usuarios recuperarse de los errores. Esto puede ser de dos formas: Confirmacin de acciones destructivas Proveer de un recurso para deshacer

PRINCIPIOS DE DISEO IU
Gua al usuario
Cuando los errores ocurren , la interfaz debe proveer retroalimentacin significativa y caractersticas de ayuda sensible al contexto.

PRINCIPIOS DE DISEO IU
Diversidad de usuarios
La interfaz debe proveer caractersticas de interaccin apropiada para los diferentes tipos de usuarios.

PRINCIPIOS DE DISEO IU
Concisin
Es fcil hacer que una interfaz sea fcil de entenderespecificndo y eti quetando todos sus elementos.

PRINCIPIOS DE DISEO IU
Capacidad de respuesta
Esto significa un par de cosas: en primer lugar velocidad. Una buena interfaz no debera hacer esperar, y debera priorizar las tareas ms comunes. En segundo lugar la interfaz debe proporcionar un buen feedback al usuario sobre que esta pasando.

EL PROCESO DE DISEO DE INTERFAZ DE USUARIO

Fase de Anlisis
Reuniones con responsables para establecer una visin clara del site a disear Inclusin de tareas relativas a usabilidad en el plan del proyecto Reunir un equipo multidisplinar para asegurar un conocimiento global Establecer objetivos de usabilidad Organizar estudios de campo Bsqueda de productos competitivos Crear perfiles de usuario Desarrollar un anlisis de tareas Describir y documentar los escenarios de usuario Describir y documentar los requerimientos de operativa de usuario

EL PROCESO DE DISEO DE INTERFAZ DE USUARIO

Fase de Diseo
Brainstormings: diseo de conceptos y metforas Desarrollo del flujo de pantallas y el modelo de navegacin Realizar revisiones de conceptos de diseo Diseo con papel y lpiz Elaborar prototipos "low-fidelity" Organizar tests de usabilidad sobre los prototipos "low-fidelity" Elaborar prototipos detallados "high-fidelity" Organizar tests de usabilidad sobre los prototipos "high-fidelity" Documentacin de estndares y directrices Elaboracin de una especificacin de diseo

EL PROCESO DE DISEO DE INTERFAZ DE USUARIO

Fase de Implementacin
Relizacin de evaluaciones heursticas en curso Trabajar al lado de los responsables finales de la entrega segn se va implementando el diseo Organizar tests de usabilidad inmediatamente a las entregas

LA EVALUACIN HEURSTICA
La evaluacin heurstica es un anlisis de experto en el cual se hace una inspeccin minuciosa a interfaces o sistemas con el fin de determinar si cada uno de sus elementos se adhieren o no a los principios de usabilidad, diseo o arquitectura de informaicin comnmente aceptados en sus respectivas disciplinas.

Rubros de evaluacin
1. 2. 3. 4. 5. Navegacin: Es el cmo se mueve el usuario en la interfaz. Orientacin: Dnde est el usuario y qu tiene que hacer. Interaccin: Cmo interactan el sistema y el usuario. Contenido: Qu hay en el sitio y cmo son comunicados al usuario. Layout: Cmo se distribuyen los espacios en la interfaz.

EL PROCESO DE DISEO DE INTERFAZ DE USUARIO

Fase de Desarrollo
Realizar encuestas para obetener feedback de los usuarios Organizar estudios de campo para obtener informacin de cmo se est usando Comprobar objetivos mediante tests de usabilidad

CATEGORAS DE USUARIOS
Principiantes
En general no tienen conocimientos de la utilizacin de la aplicacin o del sistema.

Usuarios espordicos y con conocimientos

Poseen un conocimiento razonable, pero una retencin baja de la informacin necesaria para utilizar la interfaz.

Usuarios frecuentes y con conocimientos

Poseen el conocimiento suficiente. Tienen el sndrome del usuario avanzado: individuos que buscan interrupciones breves y modos abreviados de interaccin.

REGLAS DE ORO
1. Dar el control al usuario
Es decir un sistema que reaccione a las necesidades del usuario y que le ayude a hacer las cosas.

REGLAS DE ORO
2. Reducir la carga en la me m ora del usuario
Una interfaz de usuario bien diseada no depender de la memoria del usuario. Siempre que sea posible, el sistema debe recordar la informacin pertinente y ayudar al usuario con un escenario de interaccin que le facilite el uso de la memoria.

REGLAS DE ORO
3.Lograr que la interfaz sea consistente
Toda la informacin visual este organizada de acuerdo con un estndar de diseo que se mantenga en todas la presentaciones de pantalla. Los mecanismos de entrada se restrinjan a un conjunto limitado que se utilic de manera consistente en toda la aplicacin. Los mecanismos para ir de una tarea a otra se hayan definido e implementado de manera consistente.

Diseo Preliminar Construir Interfaz Prototipo #1

Construir Interfaz #n Se realizan modificaciones al diseo El diseador estudia la evaluacin

El usuario evala la interfaz

Diseo de interfaz completo

DISEO IU
Gliffy http://www.gliffy.com/uses/wireframe-software/ Lovely Charts http://lovelycharts.com/ Cacoo https://cacoo.com/lang/es/pricing?ref=header FluidIA http://www.fluidia.org/index.php MockFLOW http://www.mockflow.com/pricing/