Usabilidad General – Interacción Personas Ordenador (IPO)
Código:
usabilidad_general
Área que trata la interacción entre personas y ordenadores con el objetivo de mejorar el intercambio de información entre ambos, consiguiendo los beneficios de la usabilidad. Se incluyen pautas para cumplir los objetivos de un intercambio de información más eficiente: minimizar errores, incrementar la satisfacción, etc. Se tienen en cuenta elementos como una jerarquía visual clara, mostrar información de la ubicación del usuario en todo momento, un diseño similar en toda la aplicación y existencia de una navegación global.
Objetivos
- Eficiencia. Relacionada con el tiempo y esfuerzo que realiza el usuario para llegar a su objetivo. La eficiencia depende de la facilidad de aprendizaje, que es una medida del tiempo requerido para trabajar con facilidad con una herramienta, y de alcanzar una retención de estos conocimientos tras cierto tiempo de usar la herramienta o sistema. Es decir, cuanto menos tiempo necesite un usuario para aprender a usar una aplicación, más eficiente será el uso de ésta.
- Fidelización. Se da a través de la creación de una aplicación dinámica y con contenidos que susciten el interés de los distintos usuarios. El objetivo es que el usuario encuentre ventajas y beneficios para sus tareas en el uso de la aplicación; esto hará que haga de ella una herramienta de trabajo de uso frecuente.
- Perdurabilidad. Los diseños para aplicaciones deben prescindir de modas tendenciosas que rápidamente quedan obsoletas. El diseño debe ser corporativo y consistente. Deberá ser coherente con la identidad global de la entidad.
- Reducción de errores. Una herramienta muy fácil de usar permitirá a su usuario efectuar más operaciones por unidad de tiempo, o consumir menos tiempo para la misma operación, disminuyendo la probabilidad de que ocurran errores.
Jerarquía visual clara
Se ofrecen unas indicaciones a seguir para obtener una jerarquía visual clara
Pautas
Jerarquizar la información que se muestra en una aplicación o sistema en diferentes niveles.
La información que se muestre en una aplicación debe estar jerarquizada en diferentes niveles. Es probable que con ello aumente el número de clicks para acceder a la misma pero será una molestia leve siempre que se pueda tener la convicción de que se sigue el camino adecuado hasta la información buscada. Además, cada elemento debe dejar claro de quién proviene y qué elementos descienden de él.
Agrupar contenidos similares
Agrupar los contenidos del mismo tipo que aparezcan a la vez en pantalla.
Si en una pantalla se muestran diferentes contenidos de tipos distintos, los elementos del mismo tipo deben ir agrupados para facilitar su comprensión y selección.
Áreas de la pantalla
Dividir la pantalla en diferentes áreas claramente delimitadas.
Las diferentes áreas que componen la pantalla deben tener una limitación clara para facilitar al usuario el uso de cada una de ellas.
Limitar el tamaño de los menús y submenús a seis o siete elementos.
Siempre que sea posible, se debe limitar el número de ítems que componen un menú ya que un número elevado dificulta la navegación.
Navegación
Pautas
El usuario debe conocer dónde se encuentra
Dar a conocer al usuario de la aplicación en todo momento en qué área o sección se encuentra.
Es importante que un usuario no se encuentre perdido cuando utiliza un sistema. Para evitarlo se deben utilizar títulos que indiquen la sección en la que se halla. Estos títulos deberían coincidir, en la medida de lo posible, con el texto sobre el que se hizo clic para llegar a la sección actual.
Navegación constante
Crear un conjunto de elementos de navegación que sea común a todas las pantallas.
Manteniendo la navegación constante un usuario no tendrá que averiguar cómo funciona una aplicación más de una vez. Esta navegación debe incluir:
- Identificación del sistema o aplicación que se está utilizando.
- Rutas de navegación, para poder volver a la pantalla anterior o subir niveles en la estructura jerárquica.
- Proporcionar una forma para buscar contenido.
La pantalla principal de la aplicación puede incumplir esta pauta.
Ruta de navegación
Proporcionar una ruta de navegación o "breadcrumb" que facilite al usuario subir niveles en la jerarquía de información y muestre el camino hasta ese contenido.
La ruta de navegación debe cumplir las siguientes especificaciones:
- Comenzar con la palabra "Inicio", que dará acceso a la pantalla principal de la aplicación.
- Cada nivel que se descienda en la jerarquía de información debe estar separado por el símbolo ">" y su texto debe coincidir con el del elemento o menú que se ha pulsado para desplazarnos por los contenidos.
- La ubicación actual, que será el último nivel, debe estar escrita en negrita.
Este elemento no debe sustituir al nombre de la página.
Seguimiento de las acciones del usuario
Almacenar información de las acciones realizadas por el usuario.
El seguimiento de las acciones del usuario permitirá ofrecer la realización de las acciones de mayor frecuencia así como las últimas que se han registrado de una manera sencilla, cómoda y eficiente.
Contenidos
Se indican unas recomendaciones para los contenidos de las páginas
Pautas
Acceso a contenidos más significativos
Reducir el tiempo de acceso y/o de búsqueda para acceder a los contenidos más importantes.
Los contenidos más significativos deben estar situados en los primeros niveles en la jerarquía de información, para permitir un acceso más rápido y simple.
Conclusiones
Situar las conclusiones al principio de los contenidos.
Al situar las conclusiones al principio de un contenido se evita que un usuario pierda tiempo en su lectura si no está interesado en la información que ofrece.
Redacción de contenidos
Redactar los contenidos de manera muy clara y concisa.
La redacción de contenidos debe de estar orientada a la facilidad de compresión y legibilidad de los mismos. Es recomendable desarrollar contenidos que sean directos y eficientes. La mayoría de los usuarios no leen todo el contenido que encuentran, en vez de eso escanean la pantalla buscando palabras relevantes que coincidan con lo que buscan. Por tanto los contenidos deben adaptarse a este comportamiento, evitando grandes masas de texto y mostrándose en secciones manejables. De esta manera, el usuario deberá realizar un menor esfuerzo en la asimilación y compresión del texto.
Deben cumplir los siguientes puntos:
- Utilizar frases cortas y claras.
- Limitar los párrafos a 2 o 3 frases.
- Separar los párrafos con líneas en blanco.
- Utilizar listas con viñetas o listas numeradas.
- Usar imágenes que representen las ideas expresadas en el texto.
- Usar títulos y subtítulos.
- Añadir una tabla de contenidos o una conclusión en la parte superior.
- Incorporar contenidos alternativos para todos los elementos no textuales.
Colores
Utilizar preferiblemente el color de fondo blanco para la zona de contenidos y un gris oscuro para el texto.
Los textos que están escritos con un gris oscuro y un fondo blanco son los más fáciles de leer y tienen mejor aceptación por parte de los usuarios.
Tipo de fuente
Utilizar los siguientes tipos fuentes, en orden: Verdana, Arial y Georgia
Los tipos de fuentes que se utilicen para redactar contenidos deben poseer una alta disponibilidad y gran facilidad de lectura. Para ello es comendable utlizar tipos de letra que permanezcan legibles en tamaños pequeños, preferiblemente del grupo sans-serif.
Uso de pestañas
Usar pestañas para dividir la información en una pantalla.
Las pestañas poseen un funcionamiento muy intuitivo que resulta práctico al usuario y son difíciles de pasar por alto. Además, permiten que se muestre sólo la información de la(s) pestaña(s) que se desea. Sugieren un espacio físico que no existe pero que es muy útil cuando la información a mostrar no cabe en pantalla.
Siempre que se muestre un conjunto de pestañas debe haber una seleccionada por defecto.
Formularios
En este libro se describe un conjunto de pautas cuyo objetivo es garantizar un buen nivel de usabilidad en los formularios.
Pautas
Solicitar sólo la información necesaria.
Uno de los peores momentos a la hora de utilizar una aplicación o sistema es el de la introducción de datos. Formularios muy extensos y complicados hacen que el usuario desista en su intento de completarlos, por ello deben solicitar la menor cantidad de información posible que les permita cumplir su objetivo.
Número de campos
Reducir número de campos del formulario.
Los siguientes puntos nos ayudarán a reducir el número de campos de un formulario:
- Reutilizar campos cuando sea posible.
Por ejemplo, en ocasiones se puede utilizar el correo electrónico como nombre de usuario.
- Deducir información a partir de otra que esté disponible.
Por ejemplo, a partir del código postal podemos obtener la localidad y la provincia.
- No pedir información dos veces.
A la hora de introducir direcciones, es muy frecuente solicitar varias con diferentes objetivos. En estos casos se debe dar al usuario la posibilidad de reutilizar la dirección escrita con anterioridad para no tener que reescribirla.
- No fragmentar la petición de información.
Por ejemplo, al solicitar una dirección no fragmentar en diferentes campos el tipo de vía, el nombre de la misma, el número, portal, planta, etc.
Título
Asignar un título a cada formulario
Cada formulario debe poseer un título que exprese claramente su función.
Disposición de los campos
Ubicar los campos en una sola columna de datos, alineándolos entre sí a la izquierda.
Al crear formularios con una sola columna se estará creando una única forma de recorrer los campos y se reduce la probabilidad de que el usuario se salte alguno. A pesar de que el formulario incrementará su tamaño vertical, ganará en claridad y facilidad de uso. Además todos los campos deben estar alineados entre sí a la izquierda.
Agrupación de campos
Agrupar los campos en grupos lógicos situando, si es posible, los campos obligatorios al principio del formulario.
Agrupar los campos de forma lógica y separar cada grupo con espacios en blanco. Además intentar situar todos los campos obligatorios al comienzo del formulario para que al usuario le sean más fáciles de localizar y su cansancio de a la hora de introducir datos sea menor.
Redactar opciones
Redactar los textos que describan una pregunta con opciones de forma afirmativa.
Cuando redactamos una pregunta que aparecerá en un formulario, ésta siempre debe estar redactada de forma afirmativa. Por ejemplo, utilizaremos "Deseo recibir una notificiación por email" en vez de "No deseo recibir una notificación por email".
Campos deshabilitados
Distinguir claramente los campos deshabilitados.
Los campos deshabilitados deben estar diferenciados utilizando un fondo de color gris claro.
Tamaño de los campos
Hacer que se correspondan el tamaño de los campos con la longitud del texto que pueden contener.
La longitud de un campo debe ser suficiente como para mostrar toda la información que contiene. Es una buena práctica añadirle algunos píxeles más para que el texto no termine exactamente donde termina el campo.
Los campos que posean una longitud similar deben homogeneizarse con la longitud del mayor para que sean similares en tamaño y reducir así el ruido visual.
Evitar el uso de combos con un número de opciones muy elevado y siempre que se utilicen deben incluir una opción del tipo "otros". Sustituir los combos con 5 opciones o menos por un radio button.
Se debe evitar el uso de combos cuando poseen un número elevado de opciones. En estos casos es más rápido ofrecer al usuario la posibilidad de escribir el texto que desea, en vez de buscarlo entre las diferentes opciones. Además, siempre debe aparecer un ítem que englobe todas las opciones que no están recogidas por los demás, como podría ser "otros".
Si un combo posee 5 opciones o menos debe ser sustituido por un radio button, que faciliará la búsqueda de la opción correcta sin necesidad de ninguna acción por parte del usuario. Estas opciones siempre deben ser claramente excluyentes.
Cuando se utilicen combos o radio buttons siempre se debe seleccionar por defecto la opción más probable. Si esto impide que el usuario pueda volver al estado inicial del formulario, incluir una opción que excluya a todas las demás, por ejemplo "Ninguna".
Uso de check box
No marcar por defecto los check box que se utilicen para presentar una opción que no sea obligatoria.
Cuando se utilice un check box para mostrar ocpiones que no son obligatorias, como podría ser solicitar el envío de cierta información, éste debe estar desmarcado por defecto.
Control de caracteres
Limitar la introducción de determinados caracteres en cierto tipo de campos.
Cuando tratamos con campos de tipos concretos como puede ser el DNI, las fechas, los nombres de usuario, etc. es recomendable limitar los caracteres que pueden introducirse para reducir la probabilidad de error.
Si los campos deben completarse con un formato específico, siempre debe mostrarse un ejemplo del mismo.
Cambios de foco
No provocar automáticamente cambios de foco sobre los controles de la pantalla.
Existen aplicaciones o sistemas en los que cuando se está insertando información en ciertos campos, como por ejemplo cuentas bancarias, se producen saltos del foco de uno a otro. Estos saltos deben estar siempre provocados por el usuario ya que el hacerlo de forma automática dificulta la corrección de caracteres equivocados, además de obligar a mirar la pantalla para saber sobre qué campo se está actuando.
Tecla "Intro" o "Enter"
Realizar la acción principal del formulario al pulsar la tecla "Intro" o "Enter".
Utilizar la tecla "Intro" o "Enter" para ejecutar la acción principal del formulario es un estándar extendido. Esto permite al usuario ejecutar la operación asociada en cualquier momento desde cualquier punto del formulario, sin necesidad de pasar por el resto de campos ni de utilizar elementos como el ratón para evitarlo.
Tabulación
Dar el orden de tabulación a los campos de la pantalla según son mostrados al usuario.
Los campos de un formulario deben tener un orden de tabulación que permita recorrerlos en el mismo orden en el que son mostrados en la pantalla. Además, al acceder a una pantalla con un formulario el foco se debe encontrar en el primer campo del mismo.
Botones
Nombrar los botones del formulario en función de la acción que realizan.
Un botón de un formulario no debe contener una etiqueta que indique una acción de caracter general. Su nombre debe indicar una acción específica.
Por ejemplo, utilizar "Buscar" en vez de "Aceptar".
Errores
Presentar la información de los errores que se produzcan al enviar un formulario en la parte superior del mismo.
Si al enviar un formulario se producen errores, se debe informar de ellos en la parte superior del formulario utilizando para ello un texto claro y sencillo y en un color con suficiente contraste. Debe quedar totalmente especificado qué campo ha provocado cada error y cómo solucionarlo.
Los campos que han producido los errores deben mostrarse destacados. Para ello se debe utilizar un cambio de color y algún icono que también se encuentre al inicio de los mensajes de error.
La información que el usuario haya introducido en otros campos de forma correcta no debe perderse para no obligar a que vuelva a introducirla.
Feedback
Informar al usuario del resultado del envío de un formulario.
Cuando un usuario envía un formulario debe ser informado de si el proceso se ha completado correctamente o si se ha producido algún error.
Etiquetado de los campos
Ubicar las etiquetas a la izquierda de los campos y las respuestas de "radio button" y "check box" a la derecha.
El diseño debe ser ordenado:
- Las etiquetas deben estar siempre a la izquierda del campo.
En un formulario con datos familiares y fácil de completar, las etiquetas podrán estar alineadas a la derecha.
En un formulario complejo, las etiquetas deben estar alineadas a la izquierda.
- Las respuestas de los campos "radio button" y "check box" deben estar situadas después de los mismos.
- Si un "radio button" posee más de dos respuestas, éstas deben estar colocadas en vertical.
Búsqueda y filtro de contenidos
Se ofrecen unas indicaciones para sobre el uso de filtro y funciones de búsqueda en las páginas
Pautas
Búsqueda ordenada
Ofrecer siempre los resultados de una búsqueda ordenados por algún criterio.
Al realizar una búsqueda, los resultados deben mostrarse ordenados por algún criterio del que debe informarse al usuario. Además, en el caso de búsquedas en las que se utilicen palabras clave, éstas deben resaltarse en los resultados.
Paginación
Limitar el número de resultados de una búsqueda.
Cuando se muestre el resultado de una búsqueda, debe limitarse el número que aparecerá en cada pantalla. Para mostrar el resto de elementos se utilizará la paginación de resultados que contendrá, al menos, la siguiente información:
- Página en la que se encuentra el usuario
- Acceso a la página siguiente
- Acceso a la página anterior
Asociación Interacción Persona-Ordenador
Tipo de recurso:
Referencia
Descripción
Página web de AIPO: asociación profesional abierta a todas las personas interesadas en la Interacción Persona-Ordenador. Sus objetivos son promover y difundir la Interacción Persona-Ordenador y servir de vínculo entre los científicos y profesionales que desarrollen actividades en este ámbito.
Idioma: español.
Informe de corrección - STILUS
Tipo de recurso:
Herramienta
Descripción
Corrector ortográfico, gramatical y de estilo para el español.