Fundamentos de la Interfaz Hombre-Máquina y Diseño Web Eficaz

Interfaz Hombre-Máquina y Principios de Diseño

Llamamos Interfaz Hombre-Máquina al mecanismo usado para relacionarse con el usuario.

Principios de Diseño

• Conocer al usuario: capacidades, necesidades funcionales.
• Minimizar la memorización.
• Optimizar las operaciones.
• Permitir los errores.

Iteraciones sucesivas sobre los 5 pasos básicos

El proceso se basa en realizar iteraciones sobre las siguientes etapas:

1. Recogida de información: Objetivos, requerimientos del mercado, requerimientos técnicos y tecnología disponible.
2. Diseño del sistema.
3. Implementación.
4. Evaluación.
5. Entrega del sistema.

Principios de Diseño Gráfico

• Principio del agrupamiento: Organización del espacio visible en bloques separados de controles similares y con un título para cada bloque.
• Principio de la visibilidad y utilidad: Los controles usados frecuentemente deberán ser visibles y de fácil acceso. Análogamente, se deberán diseñar sistemas para esconder o para comprimir los menos utilizados.
• Principio de la consistencia inteligente: Utilizad una distribución de información similar para funciones similares.
• Principio de la economía de diseño: Omitir cualquier elemento que no aporte ninguna información.
• Principio del color como suplemento: Utilizad el color con medida para enfatizar información, pero sin que llegue a ser el elemento exclusivo para comunicarla.

El principio de reducción del desorden

Si solo son visibles los controles utilizados más frecuentemente, agrupados en grupos con sentido, con un uso minimalista del color y sin elementos superfluos, entonces tendremos una interfaz suficientemente atractiva y funcional en la que el desorden y la arbitrariedad se habrán reducido al mínimo.

Diseño Web: Contenidos y Principios Básicos

Para la creación de contenidos efectivos, se deben seguir estos cuatro principios:

1. Escribir de manera concisa.
2. Utilizar lenguaje llano.
3. Permitir el escaneo visual (evitando párrafos largos).
4. Utilizar el hipertexto.

Todo ello bajo el Modelo de Pirámide Invertida.

Estructuras de la Información

• Estructura de la información secuencial: La información se presenta de manera lineal, siguiendo un hilo narrativo como en una novela.
• Estructura de malla: Se presenta como una tabla bidimensional donde se correlacionan dos valores que comparten una estructura común.
• Estructura jerárquica: Las páginas disponen de una jerarquía, desde la página principal hasta las páginas menos relevantes.
• Estructura en red: El diseño en red debe prever todos los posibles caminos que un usuario puede seguir al acceder a la información contenida en nuestra web.