El documento presenta los puntos más importantes a considerar al diseñar una interfaz de usuario, incluyendo elementos de la interfaz, control del usuario, ayuda y memorabilidad. Explica ejemplos de errores comunes como botones del mismo tamaño y falta de indicaciones claras, y formas más efectivas de brindar estas funciones al usuario.
1. Responsable: Roco Federico
Asignatura: Metodología de Sistemas I
Curso: 4° B
Fecha de presentación: 18 de Noviembre de 2014
2. Es necesario aclarar antes de comenzar con la
presentación que abarcaremos solo los puntos
más destacables, donde normalmente un
diseñador comete errores a la hora de comenzar
con el diseño de la UI. Tendremos en cuenta:
Elementos de la UI
Control del usuario
Ayuda
Memorabilidad
Preferencias del usuario
3. Elementos de la UI – Ejemplos –
Este es un claro ejemplo de un error muy
habitual en los navegadores, los 5 objetos
tienen el mismo tamaño. Esto deja a pensar,
¿Es tan importante el botón de detener que el
botón anterior?. Obviamente que no.
La forma correcta de representar el botón
anterior dentro del navegador es esta. Un
tamaño mayor hace que se destaque del
resto, permitiendo al usuario encontrar
dicha herramienta de forma más sencilla.
4. Control del usuario
Los usuarios a menudo eligen funciones
del sistema por error, en estos casos
necesitarán un claro «Salida de
emergencia» para salir del estado no
deseado, solucionando su problema sin la
necesidad de pasar por un diálogo
extenso de salida.
5. Ayuda – Ejemplo -
En este primer caso nos encontramos frente a
un error, donde el usuario no va a poder
solucionarlo, o va a tener que buscar con la
documentación adjunta al programa, la
solución. Este tipo de «Indicaciones» genera
una improductividad en el usuario final, junto a
una distracción en su trabajo.
Este segundo caso podemos indicarlo como
mas amigable frente al usuario, en el mismo se
informa que esta sucediendo un error y
automáticamente se entrega un detalle de la
solución para poder continuar con la ejecución
del programa o la solución del inconveniente.
6. Memorabilidad – Ejemplo -
Es un claro ejemplo de como Word con el paso del tiempo a logrado introducir en
sus nuevas versiones mejoras que eliminan la preocupación del usuario por recordar
la ruta de acceso a cada herramienta que la aplicación proveía.
Es común notar como en las primeras versiones de este procesador de texto era
necesario utilizar el menú y navegar dentro de los distintos submenús hasta
encontrar la herramienta deseada. En las nuevas versiones se brindan todas las
herramientas en solapas gráficas, más amigables con el usuario final.
7. Preferencias del usuario
La ubicación y tamaño de la ventana del
programa es una de las primeras
modificaciones que realiza el usuario, pero
que casi ningún programa las guarda.
Esto lo único que genera es forzar al
usuario a que, cada vez que abra el
programa, tenga que modificar de nuevo
dichas preferencias, pudiendo utilizar unos
pocos bytes para almacenar esta
información.
8. Bibliografía
Jakob Nielsen (Página consultada el 12 de Noviembre de
2014). «Usabilidad heurística para User Interface Design»
[On-line]. Dirección: http://www.nngroup.com/articles/ten-usability-
heuristics/
Benjamin Roe (Página consultada el 12 de Noviembre de
2014). «Diseño de interfaces de usuario usables» [On-line].
Dirección: http://mundogeek.net/traducciones/interfaces-usuario-
usables/gui.html
Bruce Tognazzini (Página consultada el 16 de Noviembre de
2014). «Primeros principios de diseño de interacción» [On-line].
Dirección: http://asktog.com/atc/principles-of-interaction-
design/