2. ¿Qué es una interfaz de usuario?
Para interactuar con algún sistema, lo vamos a tener que hacer a través de algún medio.
Dicho medio es la interfaz, que va a actuar como límite y espacio común entre nosotros y
el sistema.
¿Por qué es importante la interfaz
de usuario?
Por el simple hecho de que el mejor
sistema o la herramienta perfecta, son inútiles si no
podemos interactuar con ellos. Una UI bien diseñada
optimiza la Relación Persona-Tarea-Máquina.
Una interfaz mal diseñada va a acarrear problemas
de usabilidad.
La capacidad que
tiene una
herramienta para
ayudar a cumplir
tareas específicas.
¿Qué es la usabilidad?
La apreciación: Es una medida de
las percepciones, opiniones,
sentimientos y actitudes
generadas en el Usuario por la
herramienta o sistema; una
medida, si se quiere, de su
seducción o elegancia.
La Usabilidad de
un sistema o
herramienta
esta dada por la
medida de
La facilidad de uso: está en
relación directa con la
eficiencia o efectividad,
medida como velocidad o
cantidad de posibles errores.
La facilidad de aprendizaje: es una medida del tiempo
requerido para trabajar con cierto grado de
eficiencia en el uso de la herramienta, y alcanzar un
cierto grado de retención de estos conocimientos
luego de cierto tiempo de no usar la herramienta o
sistema.
3. Para completar el proceso de desarrollo de una interfaz de usuario, se deben cumplir ciertos
pasos para garantizar buenos niveles de usabilidad en el producto final.
•Reuniones con responsables
para establecer una visión clara
de la interfaz a diseñar,
establecer objetivos de
usabilidad, crear perfiles de
usuario, describir y documentar
los requerimientos de
operativa de usuario, etc.
•Realizar encuestas para obtener
feedback de los usuarios, organizar
estudios de campo para obtener
información de cómo se está usando,
comprobar objetivos mediante tests de
usabilidad
•Diseño con papel y lápiz,
elaboración de prototipos,
elaboración de una
especificación de diseño,
realización de revisiones de
conceptos de diseño
Fase de análisis
Fase de diseño
Fase de
desarrollo
Fase de
implementación
•Realización de evaluaciones
heurísticas en curso, trabajar al lado
de los responsables finales de la
entrega según se va implementando
el diseño, organizar tests de
usabilidad inmediatamente a las
entregas
5. Composición de elementos en el diseño de la ventana
Estructura de la información y las tareas del
usuario en la aplicación.
La posición y la
jerarquía de los
elementos visuales
que componen la
ventana son de suma
importancia.
Se debe establecer
un orden de
prioridades para la
ubicación de los
elementos mas
importantes de la
ventana.
Ejemplo
Configuración
de
Tabulación.
Debe facilitarse la
comprensión del
orden de ejecución de
las tareas por parte
del usuario.
Punto focal en la ventana
En nuestra cultura
por lo general se lee
de izquierda a
derecha y de arriba
hacia abajo.
Por lo tanto
Los elementos más
importantes deben
estar situados en la
parte superior
izquierda de la
ventana
6. Composición de elementos en el diseño de la ventana
Estructura y consistencia entre ventanas
Botones
El Usuario
Etiqueta
Menús
Otros
Elementos
Estandarizados
Facilita
Haz que las acciones sean reversibles,
Siempre permite el "deshacer".
La asimilación
de la interfaz
por parte del
usuario.
Explora
A veces quieren saber que
pasaría si hiciesen una
acción potencialmente
peligrosa
Se Equivoca
Otras veces lo hacen por
accidente
Si es reversible
Los usuarios pueden
experimentar o equivocarse sin
problemas.
7. Composición de elementos en el diseño de la ventana
Legibilidad y flujo entre los elementos
Integración
Se logra al medir la relación entre el diseño visual
de la aplicación y las aplicaciones del sistema u otras
aplicaciones del entorno gráfico que se utilizan.
La alineación y el
espacio entre los
elementos de la
interfaz.
Textos con alto
contraste.
Ayuda
consecuentemente
a la comprensión de
la ventanas.
Evita fondos grises
cuando haya texto.
Relación entre elementos
Utilizar tamaños de
letra que se lean
bien en los
monitores más
comunes.
Consiste en que los elementos de la interfaz que
tengan algún tipo de relación se ubiquen cerca unos
de otros.
8. Color
No debe ser considerado como una herramienta principal.
Se debe evitar mostrar información importante en función del color ya que, por ejemplo,
el usuario puede ser daltónico y no podrá percibir dicha información de forma correcta.
Por lo cual la interfaz perdería usabilidad.
9. Redacción de textos en la interfaz
Brevedad: eliminar las palabras
innecesarias y redactar textos
breves sin sacrificar la claridad y
facilidad de comprensión.
Lenguaje: Utilice la gramática correcta
y estándar, un lenguaje claro y
coherente en la interfaz mejora la
facilidad de uso de la aplicación.
10. Fuentes:
Ponencia sobre Diseño de Interfaces y Usabilidad,
http://www.gaiasur.com.ar/infoteca/siggraph99/diseno-de-interfaces-y-usabilidad.html#5
[Consulta: 11/11/2013 ]
Proceso de diseño del Interfaz de Usuario, http://www.webusable.com/useProcess.htm
[Consulta: 11/11/2013]
First Principles of Interaction Design, http://www.asktog.com/basics/firstPrinciples.html
[Consulta: 12/11/2013]
Universidad Central de Venezuela,
http://www.ucv.ve/fileadmin/user_upload/sadpro/Documentos/docencia_vol4_n2_2003/7_Art.4_
Gregoria_Romero.pdf [Consultado: 12/11/2013]