Prueba Velneo Gratis

Te ofrecemos todo el poder de Velneo durante 1 mes para desarrollar la aplicación que tu empresa necesita.

Saber más
Thank you! Check your email for confirmation.

Tip 3. Interfaz de usuario: Estructura visual clara

Organiza la información, crea una estructura visual clara

Como comenté en anteriores tips, las personas percibimos la información en base a estructuras. Cuanto más sencillas sean estas estructuras, más fácil nos será interpretar la información que contienen.Aparte de la importancia de una estructura simple, existe una relación entre el movimiento del ojo y el procesamiento de la información. Cuanto más movimiento del ojo para recorrer los elementos de una interfaz, menos información podrá ser procesada. Por lo tanto es necesario minimizar el movimiento del ojo.

Tip3-a

Claves

Para crear una estructura visual clara y minimizar el movimiento del ojo hay dos claves:

  • 1. Usar una retícula
  • 2. Alinear elementos

1. Usar una retícula

  • Una retícula es una estructura formada por líneas horizontales y verticales que subdividen la página en áreas más pequeñas
  • Ayuda a hacer las interfaces más bellas y usables
  • Ordena el caos
  • Genera consistencia a lo largo y ancho de distintas pantallas de interfaz
  • Permite localizar y focalizar los elementos de la interfaz con más facilidad

2. Alinear elementos

  • Disminuye el movimiento de los ojos
  • Dirige el ojo al lugar previsible de la información
  • Aumenta la consistencia
  • Genera sensación de orden
  • Disminuye los elementos de atención

Algunos ejemplos

Tip3-b
Tip3-c
Dani Costas
29/4/2013
Regístrate ahora y nuestro equipo se pondrá en contacto muy pronto