Reglas de diseño IPO




UNIVERSIDAD DE CASTILLA-LA MANCHA
ESCUELA SUPERIOR DE INFORMÁTICA



1ª Actividad Evaluación Continua
ANÁLISIS DE LA INTERFAZ GRÁFICA DE USUARIO DE UNA APLICACIÓN.







Asignatura: Interacción Persona-Ordenador I.
Grupo de Titulación (2013/2014): 3ºA.
Titulación: Grado en Ingeniería Informática.
Fecha: 25/10/2013.

Enunciado: El trabajo consiste en realizar un informesobre una interfaz que resulte confusa para el usuario debido a una de las siguientes causas:
a) Por incumplir algunas de las características de usabilidad incluidas en el documento anexo 5.

b) La interfaz presente algún tipo de problema relacionado con la percepción visual (mal uso del color, distribución inadecuada de los elementos, expresión inadecuada de la función de los objetos…,)que dificulte su manejo.

c) La interfaz impida la creación en el usuario de un modelo mental acerca de su funcionamiento o provoque la creación de un modelo mental incorrecto.
La interfaz podrá ser tanto de un programa como de una página web. El informe se acompañará de capturas de pantalla de la interfaz.
Solución: Para esta actividad he decido buscar una página web existente en Internet yestudiar sus contenidos en base a las reglas anteriormente mencionadas en el enunciado. La página es http://fuzzymartian.tripod.com. Esta página nos narra una historia que sucedió hace un tiempo, en una base aérea en el sur de California, un marciano Fuzzy vino a la Tierra. Él era un ser extraño silencio, concentrado en la observación de la humanidad. Entonces, un día, él se asustó. Después de untiempo, decidió que esto no era necesariamente algo malo, y se comprometió a disfrutar de la diversidad que existe en su propio ser.
a) Para este aparatado vamos a utilizar las 10 reglas de la Usabilidad de Molich y Nielsen que nos identifican los fallos que tiene las aplicaciones o páginas web, las reglas son las siguientes:

• Visibilidad del estado del sistema
• Utilizar el lenguaje de losusuarios
• Control y libertad para el usuario
• Consistencia y estándares (familiaridad)
• Prevención de errores
• Minimizar la carga de memoria del usuario
• Flexibilidad y eficiencia de uso
• Diálogos estéticos y diseño minimalista
• Ayudar al usuario a reconocer y recuperar los errores
• Ayuda y documentación

Vamos a usar alguna de ellas para identificarlas en nuestra página webescogida para esta actividad.

• Utilizar el lenguaje de los usuarios: en esta página no se habla en un lenguaje claro de que ofrece o que servicios puedes tener de cara al usuario, no usa convenciones del mundo real.
• Control y libertad para el usuario: en la página no tiene menú, ni link para volver a la página principal “Home” o una página anteriormente visitada, además no se ve en que página seencuentra el usuario en ese momento.



Al presionar en el link Me(Circulo naranja con amarillo), se va a una página donde encontramos otra donde no indica al usuario en que apartado de la página nos encontramos, aun así nos da la opción de volver a la página principal. Sin embargo no hay un botón de deshacer y rehacer.



• Consistencia y estándares (familiaridad): Esta es la regla quemás se incumple en la página, su color de fondo, huérfana de menús, la colocación de los botones, la carencia de estándar de diseño en general, la página viola esta regla en todos los aspectos.


• Minimizar la carga de memoria del usuario: por la posición de sus botones y los links (todos en el centro y carencia de menús), es difícil recordar en que parte de la página esta cada servicio oacción, además de los colores y la carga de información en toda la página nos da la impresión de no saber por dónde andamos en la misma.
• Flexibilidad y eficiencia de uso: la página no hace referencia a que usuario está orientada, ni está claro que servicios ofrece, aparte de todos los banners y link inservibles. Tanto un usuario novel, como uno experimentado no pueden personalizar sus acciones o...