La usabilidad es un poco psicológica; hay bastante que puedes aprender. A un nivel muy alto, aquí hay algunos temas importantes:
Memoria de trabajo
Los humanos pueden tener de 5 a 9 piezas de información en sus cabezas al mismo tiempo. Por lo tanto, si los menús comunes como su navegación principal exceden este rango, puede ser muy difícil de usar ya que un usuario no podrá recordar todos los elementos cuando termine de escanear el menú.
Atención y búsqueda visual
Cuando un usuario llega a una página web, emplea una búsqueda visual para encontrar la cosa o cosas que le interesan. Esto requiere Atención, que es un cuello de botella cognitivo. Los seres humanos solo pueden atender de manera realista una sola cosa a la vez, por lo que escanear una página web requiere examinar cada elemento y satisfacer (ver más abajo) a qué prestar más atención.
- ¿Cuál es la mejor certificación de análisis web (más creíble y completa)?
- ¿Cómo actualizo una página HTML en tiempo real tan pronto como se actualiza la base de datos, sin actualizar la página y usar Ajax?
- ¿Cuáles son los pros y los contras de Twitter Bootstrap versus Angular Material?
- ¿Puedo aprender C ++ para ser un desarrollador de pila completa?
- ¿Cuál es la diferencia entre categoría o etiqueta en WordPress?
La forma en que diseña una página web puede hacer que esta búsqueda sea mucho más fácil. Por un lado, reduzca el número de elementos en la página: si hay mucho que revisar, ralentizará a su usuario y lo frustrará potencialmente. También debe centrarse en la jerarquía tipográfica. Dividir el contenido escrito en párrafos más cortos con encabezados fáciles de escanear hace que la búsqueda visual sea mucho más eficiente.
Satisfacción, toma de decisiones y “aroma”
La gente realmente apesta al tomar decisiones y no les gusta pensar en las cosas. En la norma, las personas usan una pieza de información para tomar una decisión sobre algo. Piensa en eso en términos de búsqueda visual. Un usuario escanea cada elemento, decide si cumple con algunos criterios básicos y luego interactúa o pasa al siguiente. Eso es “satisfactorio”. Cuando consideramos múltiples puntos de decisión juntos, el comportamiento de la red comienza a parecerse a un perro que sigue un rastro, por lo que podemos llamarlo “olor”.
Digamos que alguien va a un sitio de comercio electrónico en busca de juguetes para perros. Se presentan con un menú de categorías a lo largo del lado izquierdo. El comportamiento predominante es escanear esa lista hasta que vean algo que cumpla con los requisitos de los juguetes para perros; harán clic en el primer enlace que cumpla con ese criterio, para que puedan reaccionar a “Artículos para mascotas”, “Perros”, etc. Pero suponga que en su lista tiene “Juguetes” como categoría. Es posible que su usuario haya tomado el camino equivocado sin haber visto Juguetes.
Esta es generalmente la primera forma en que las personas se pierden en los sitios web. La implicación para un diseñador web es doble aquí. (1) La forma en que clasifica la información es crítica para poder encontrar cosas, y (2) Las etiquetas que son ambiguas pueden crear confusión.
gestalt
Los psicólogos de la Gestalt trabajaron con formas visuales. Su contribución clave fue la frase “El todo es mayor que la suma de sus partes”. En términos de psicología, lo que esto significa es que los elementos de una página interactúan entre sí y adquieren un nuevo significado que no está exactamente presente en una interpretación directa de los píxeles.
Este cuadro es un gran ejemplo de lo que se trata Gestalt. Esta imagen es una serie de círculos con algunas líneas recortadas. Pero, a pesar de que en realidad no hay un dibujo de un cubo presente, el cerebro probablemente junte el cubo de alambre.
Hay muchas palabras elegantes si profundizas en el trabajo de Gestalt, así que aquí hay algunas aplicaciones prácticas.
- Efecto de contraste: un color brillante junto a un color oscuro aparecerá más brillante que si está al lado de otro color brillante. Esto es crítico para mejorar la búsqueda visual mencionada anteriormente.
- Proximidad: las cosas que están más juntas parecerán más relacionadas que los objetos que están más lejos. Esto es importante para las listas o menús relacionados. O bien, un encabezado debe estar más cerca de su contenido acompañante que de un párrafo sobre él, por ejemplo.
- Orientación: las cosas que comparten una orientación similar, como en una fila o en una columna, parecerán relacionadas. La proximidad y la orientación son muy similares y a menudo se superponen.
- Finalización: la imagen de arriba es un ejemplo de eso. No necesita definir objetos completamente para que los usuarios obtengan la imagen. Esto es importante cuando se piensa en el minimalismo en su diseño.