Simplifica el diseño con iconos estándar

11/02/2013
Miguel Angel Acera
Lectura: 1 minuto

Es importante conocer hacia dónde van los estándars de diseño para aplicarlos y reducir la curva de aprendizaje del usuario para conseguir una mayor y más rápida aceptación del sitio web o aplicación web/móvil. Un ejemplo simple, si sabemos que el icono de una lupa significa “Buscar”, no hace falta complicarnos más, usemos sólo este icono, no hace falta texto. El diseño quedará más limpio si, además, utilizamos sólo dos colores. Vemos algunos iconos estándar en la figura 1.

Figura 1. Ejemplo de algunos iconos estándar.

Figura 1. Ejemplo de algunos iconos estándar.

En aplicaciones para dispositivos móviles está siendo habitual usar el icono “Atrás” (figura 1) en la esquila superior izquierda, mientras que el icono “Menú” suele situarse en el extremo derecho. En la figura 2 vemos como ejemplo la interfaz de Skype para tablet.

Figura 2. Iconos estándar en Skype para tablet.

Figura 2. Iconos estándar en Skype para tablet.

Figura 3. Barra con opciones de Evernote.

Figura 3. Barra con opciones de Evernote.

Otra tendencia es simplificar la barra de menú usando sólo dos colores y sólo iconos, sin texto, algo a lo que anteriormente había hecho referencia. En la figura 2 ya podíamos ver esto. En la figura 3 vemos otro ejemplo, en este caso de Evernote.

Pensar que estos diseños de menús y opciones sólo deben aplicarse a dispositivos móviles es un error. Si es un diseño con el cual se ha familiarizado el usuario y es más simple o sencillo que lo que tenemos ahora, entonces debemos usarlo.

En la figura 4 muestro la estructura general de un menú de este tipo.

Figura 4. Estructura de una barra de menú con inconos estándar.

Figura 4. Estructura de una barra de menú con inconos estándar.


Estos artículos también te pueden interesar:

Tendencia: Cómo la crisis ha disparado la industria del running

La simplicidad del diseño de la landing page móvil de Charity Water

Claves y prototipo de página de inicio de dollarshaveclub.com

Barbas y desaceleración de la industria del afeitado

Las tendencias que te interesan de Internet en 2014

Publica tu comentario

Los comentarios enviados serán publicados después de ser aprobados, por lo que no aparecerán inmediatamente.

 

Etiquetas: ···

diseño

11/02/2013 - Miguel Angel Acera en Google+