Preguntas que hacerse al diseñar para la interacción

Fotografía de primer plano de Iker Sesma Martínez

Iker Sesma Martínez

Licencia de este artículo ↓
PRUEBA EN ELABORACIÓN  En la web de referencia 'usability.gov', leemos1: «Interaction design focuses on creating engaging interfaces with well thought out behaviors». Para cuidar estos comportamientos proponen una serie de preguntas que hacernos para que ningún fleco se nos quede suelto. Humildemente he añadido algunas anotaciones más.
----
I. El contexto en el que el usuario use nuestro producto condicionará toda su experiencia. Es de vital importancia conocerlo e idear nuestra interfaz en función de las necesidades que puedan existir. Por ejemplo, en la imagen vemos cómo el usuario interactúa en unas condiciones que no son las habituales; guantes, doble mascarilla, gafas de trabajo... además de una continua necesidad de levantarse y sentarse. ¿Cómo deberían ser los tamaños de los textos? ¿Cómo deberían ser los tamaños de los botones y la distancia entre ellos?/ Irwan @blogcious (Unsplash)
 

Estas preguntas deberíamos hacérnoslas en las fases más tempranas (antes incluso de empezar a bocetar) para que nos lleven a la reflexión y podamos considerar aspectos esenciales para nuestro producto.
El fin es anticiparnos para evitar usos indebidos, cubrir holgadamente lo básico y, por supuesto, idear nuevas formas para llevar a cabo una tarea concreta.

 

▌ 1. Define how users can interact with the interface

 

· What can a user do with their mouse, finger, or stylus to directly interact with the interface?
This includes pushing buttons, dragging and dropping across the interface, etc.

En pantallas táctiles y/o dispositivos que se sostienen con las manos, habría que preguntarse si es conveniente que el usuario pueda girar la pantalla o pueda hacer zoom con los dedos (además de otros gestos reconocibles2). También habrá que tener en cuenta el contexto del usuario. Es decir, preguntarse por las condiciones en las que se encontrará cuando utilice el producto; si dispondrá de las dos manos o solo de una, si la interfaz quedará a una distancia y altura óptima de su vista...
//

· What commands can a user give, that aren’t directly a part of the product, to interact with it?
An example of an “indirect manipulation” is when a user hits “Ctrl+C”, they expect to be able to copy a piece of content.

Otra posibilidad sería cualquier atajo universal, como el imprimir. Valorar también las combinaciones con Alt utilizadas para la accesibilidad.
//

----
I. El contexto en el que el usuario use nuestro producto condicionará toda su experiencia. Es de vital importancia conocerlo e idear nuestra interfaz en función de las necesidades que puedan existir. Por ejemplo, en la imagen vemos cómo el usuario interactúa en unas condiciones que no son las habituales; guantes, doble mascarilla, gafas de trabajo... además de una continua necesidad de levantarse y sentarse. ¿Cómo deberían ser los tamaños de los textos? ¿Cómo deberían ser los tamaños de los botones y la distancia entre ellos?/ Irwan @blogcious (Unsplash)
 

▌ 2. Give users clues about behavior before actions are taken

 

· What about the appearance (color, shape, size, etc) gives the user a clue about how it may function?
These help the user understand how it can be used.

...
//

· What information do you provide to let a user know what will happen before they perform an action?
These tell users what will happen if they decide to move forward with their action. This can include meaningful label on a button, instructions before a final submission, etc.

...
//


▌ 3. Anticipate and mitigate errors

 

· Are there constraints put in place to help prevent errors?
The Poka-Yoke Principle says that placing these constraints forces the user to adjust behavior in order to move forward with their intended action.

...
//

· Do error messages provide a way for the user to correct the problem or explain why the error occurred?
Helpful error messages provide solutions and context.

...
//

 

▌ 4. Consider system feedback and response time

 

· What feedback does a user get once an action is performed?
When a user engages and performs an action, the system needs to respond to acknowledge the action and to let the user know what it is doing.

...
//

· How long between an action and a product’s response time?
Responsiveness (latency) can be characterized at four levels: immediate (less than 0.1 second), stammer (0.1-1 second), interruption (1-10 seconds), and disruption (more than 10 seconds).

...
//

 

▌ 5. Strategically think about each elements

 

· Are the interface elements a reasonable size to interact with?
Fitts’ Law says that elements, such as buttons, need to be big enough for a user to be able to click it. This is particularly important in a mobile context that likely includes a touch component.

...
//

· Are edges and corners strategically being used to locate interactive elements like menus?
Fitts’ Law also states that since the edge provides a boundary that the mouse or finger cannot go beyond, it tends to be a good location for menus and buttons.

...
//

· Are you following standards?
Users have an understanding of how interface elements are supposed to function. You should only depart from the standards if a new way improves upon the old.

...
//

 

▌ 6. Simplify for learnability

 

· Is information chunked into seven (plus or minus two) items at a time?
George Miller found that people are only able to keep five to nine items in the short-term memory before they forgot or had errors.

...
//

· Is the user’s end simplified as much as possible?
Tesler’s Law of Conservation notes that you need to try to remove complexity as much as possible from the user and instead build the system to take it into account. With that said, he also notes to keep in mind that things can only be simplified to a certain point before they no longer function.

...
//

· Are familiar formats used?
Hick’s Law states that decision time is affected by how familiar a format is for a user to follow, how familiar they are with the choices, and the number of choice they need to decide between.

...
//

 
 
* * *

Créditos:

I: dibujo realizado por Reki.

 

Referencias:

[1]: Usability.gov (2014-02-19). Interaction Design Basics.
<https://www.usability.gov/what-and-why/interaction-design.html>

[2]: Las 'Human Interfaz Guidelines' de Apple y las de Material Design recogen una serie de gestos que las personas podemos hacer para interactuar con sus productos.

 

Relacionado en giveevig:

· Sección Design!

· Temas:

 

Más:

· 'Accordions are not always the answer for complex content on desktops' - Artículo en nngroup.com

· 'Search is not enough: synergy between navigation and search' - Artículo en nngroup.com