1 Busca la consistencia

Secuencias coherentes de acciones deben ser necesarias en situaciones

similares.

Las personas funcionamos por costumbres. Un conductor habitual puede cambiar de modelo
de coche y sabr utilizarlo de forma casi inmediata, ya que todos los coches se conducen de
forma similar y esperamos de ellos un funcionamiento siempre semejante. Es decir, el flujo de
uso sigue unos patrones. Microsoft estableci otro patrn con su famosa aspa para cerrar
una ventana (previamente una flecha), utilizada desde 1995.

Un buen software debe presentar una estructura de comandos, pantallas, mens y

terminologa coherente al margen de la situacin.
Una interfaz no vive aislada, por lo que la consistencia debe ser coherente con el propio
entorno. Es nuestra misin conocer el entorno de los usuarios, el tipo de aplicacin, la
plataforma y las costumbres regionales.

2. Permite a los usuarios frecuentes utilizar

atajos
Mientras la frecuencia de uso aumenta, lo hace por igual el deseo del
usuario de reducir el nmero de interacciones y aumentar el ritmo del
uso. Abreviaciones, teclas de funcin, comandos ocultos, y macros son
imprescindibles para el usuario experto.

En Adobe conocen este principio a la perfeccin. En su solucin Photoshop facilitan un

catlogo enorme de combinaciones de teclado para que usuarios avanzados puedan trabajar
mucho ms rpido. Tambin incluye un generador de acciones que permite personalizar
flujos de tareas programarlas de forma automtica. Ahorrando en ocasiones cientos de horas
de trabajo manual y repetitivo.

Concepto de slide por lvaro Carreras. Un usuario avanzado no necesita hacer tap en el
botn de men, ya sabe que con un gesto del dedo es posible desplegarlo.

3. Ofrece respuestas a las acciones

Para cada accin del operador, debe haber una respuesta del sistema. Para
acciones frecuentes y menores la respuesta debe ser modesta, mientras que
para acciones raras y de peso, la respuesta debe ser sustancial.

Ahora que la nube es una realidad, este punto debe ser tratado con especial cuidado ya que
los tiempos de repuesta del software han aumentado ligeramente. Y seguir siendo as por
unos aos. Cualquier accin cuya reaccin tarde ms de un segundo, debe ofrecer una
informacin en relacin a la espera.
En este sentido, Jochen Wolters lista los siguientes tiempos de reaccin:

Menos de 0,1 segundos: Experiencia de causa efecto. Click de ratn,

teclear

1 segundo: Juego de turnos. Abrir una ventana, un fichero pequeo, enviar

una peticin.

10 segundos: Aunque en internet se habla de la regla de los 6 segundos. Es

el tiempo medio de atencin de una persona. Si existen acciones que requieren
este tiempo, es necesario incluir una barra de progreso, o un texto informando
de las acciones que est llevando a cabo el software.
Este tipo de respuestas puede ser tambin la modificacin del cursor del ratn, mensajes de
confirmacin a nuestras acciones y modificaciones de la interfaz cuando por ejemplo, tenemos
seleccionado un filtro.

La app Covert, de @CreativeDash muestra una elegante animacin cuando refrescamos

nuestra bandeja de entrada. Indicando que la peticin de refresco se est llevando a cabo.

4. Disea acciones secuenciales

Una interfaz no es excepcin en la estructuracin de contenidos mediante presentacin, nudo
y desenlace. Las secuencias de acciones deben organizarse en grupos coherentes bajo este
principio.

El feedback obtenido tras la realizacin de un conjunto de acciones da a los

usuarios la satisfaccin de haber cumplido, una sensacin de alivio y
una indicacin de que el camino est libre para prepararse para el
siguiente paso.

Cuidado, porque las personas podemos asumir un determinado nmero de pasos. Si creamos
un proceso de 25 pasos el usuario perder de vista donde empez y la agrupacin se
convierte en enemigo. Los procesos se deben dividir entonces en subgrupos ms pequeos.

MailChimp resume en 5 pasos la creacin y envo de un email. No slo eso, nos felicita tras
haber realizado el proceso, fortaleciendo la sensacin de xito y potenciando la marca.

Incluso la vilipendiada web de renfe (https://www.facebook.com/odiowebrenfe) utiliza un

proceso de pasos. Algo habitual en cualquier compra online.
Por ahora lo dejamos aqu, en un prximo post, tratar los 4 principios que an nos
quedan: Limitacin de impacto de errores, reversin de las acciones, interfaz amigable,
reduce la carga de memoria.

5. Gestin de errores sencilla

En la medida de lo posible, disea el sistema para que el usuario no pueda
cometer un error grave. Si se comete uno, el sistema debe detectarlo y
ofrecer una solucin sencilla y comprensible para poder manejarlo.
Aunque el objetivo es crear una interfaz que directamente evite que se produzcan errores,
estos siempre estarn ah. Es imposible prever todas las variables y el usuario entiende esto.
Lo que es realmente grave es que si se produce un error, el usuario desconozca qu ha
ocurrido y como puede solucionarlo.
Es importante que nuestro software sea capaz de detectar cuando algo no va bien, y no
delegar la misin en el usuario. Por ejemplo, cuando el resultado de un clculo es en el
contexto incorrecto, debemos informar al usuario y no dejar que sea el quien tenga que darse
cuenta.

Excel tiene una excelente deteccin de errores en frmulas, sumado a una propuesta de
solucines perfectamente integrada.

Un error tan sencillo como que el usuario ya exista puede convertirse en una pesadilla en un
formulario de registro mal diseo. No es el caso de Gmail, que nos indica el problema y ofrece
una solucin.

Debemos ofrecer ayuda en el contexto del error:

Y cuando todo lo dems falla

6. Fcil reversin de las acciones.

Esta funcin alivia la ansiedad, ya que el usuario sabe que los errores se
pueden deshacer, adems de que fomenta la exploracin de opciones
desconocidas. Las unidades de reversibilidad puede consistir en una sola
accin, una entrada de datos, o un grupo completo de acciones.

Este punto no necesita mucha explicacin. Cuando un usuario sabe que dispone de una red
de seguridad, se anima a utilizar sin miedo nuevas funcionalidades, de este modo su
aprendizaje es ms rpido. Si queremos aumentar la reversibilidad, el software puede incluir
un histrico sobre el que podemos navegar. Photoshop permite no slo mantener un histrico
de todas nuestras acciones para volver al punto justo donde nos equivocamos, sino que
tambin nos permite guardar diferentes estados de un documento para volver ah cuando el
usuario lo desee.

6. Apoya al usuario con una interfaz

amigable.
Los usuarios experimentados desean tener la sensacin control y que el
sistema responda a sus acciones adecuadamente. Disear el sistema para
que los usuarios sean los que inicien cada accion y no los que respondan.
Este punto es el ms subjetivo de todos. Que hace a una interfaz amigable no est claro. Las
dimensiones que inciden en este punto son visuales y funcionales. Visualmente debemos
conocer principios de diseo como la jerarqua, estructura En el lado funcional debemos
crear interfaces que responden a las acciones del usuario. Los elementos interactivos deben
estar claramente identificados, los contenidos deben ser explotables y la capacidad de
interactuacin con cada elemento debe quedar visualmente representado.

Una interfaz debe situar el poder en el

usuario.

El usuario debe tener siempre el control. Por ejemplo, para pausar o cancelar una tarea que
se est llevando a cabo. Adems de ofrecerle la informacin necesaria para tomar esa
decisin.

Modal VS Non-Modal
Las alertas No Modales, no requieren de una respuesta del usuario, pero le otorgan el poder
de decisin. Siempre que sea posible, debemos ofrecer este tipo de cuadros de dilogo en el
software. En ocasiones es imposible que un proceso contine sin una decisin por parte del
usuario, en ese caso se utilizan cuadros de dilogo modales, que en exceso, producen una
mala experiencia de uso.

Ejemplo Modal, donde para seguir su curso, el programa requiere de una accin del usuario.

Ejemplo no modal, ya que el usuaro puede tomar accin o ignorar la llamada. Pero el sistema
seguir funcionando como antes. Resultando menos intrusivo.

8. Reduce la carga de memoria a corto

plazo
La limitacin humana para procesar informacin a corto plazo requiere
que las pantallas se mantengan simples, la paginacin debe consolidarse,
reducir el movimiento entre ventanas, y se debe ofrecer un tiempo de
aprendizaje adecuado para comprender los cdigos, datos tcnicos y
secuencias del programa.
Si seguimos unas simples reglas, cumplir este principio es posible.

No interrumpas al usuario en medio de una accin que requiere un esfuerzo

cognitivo.

Ofrece la informacin dividida de 2 a 7 partes, aunque si la interfaz es clara

puede contener ms elementos.

Ofrece pistas de donde est, y que est haciendo.

Conclusiones
Estos 8 principios representan slo una base y un camino para aprximarse al desarrollo de
interfaces. Por si slos no garantizan el xito y son difcilmente medibles. Slo a travs de la

experiencia en el diseo podemos crear interfaces elegantes y funcionales, que minimizan el

esfuerzo del usuario mientras le brinda poder de accin. Debemos ser conscientes de que una
interfaz nunca se termina, son estructuras vivas que evolucionan segn las necesidades y el
feedback que obtenemos de los usuarios o de los tests de usabilidad. Por lo que la regla de
oro es medir y corregir de forma contnua.