¿Cuáles son algunas teorías de diseño visual que se pueden probar durante los estudios de usabilidad?

Estaré encantado de conocer los resultados de las pruebas de algunas de las tendencias modernas en diseño web (en mi opinión, todas son incorrectas y perjudiciales tanto para los usuarios como para las empresas):

(1) Botones de aspecto 3D “esceomórficos” frente a botones planos frente a botones fantasma frente a botones sin bordes. Predicción: los botones “skeuomorphic” vencerán a todos los demás tipos de botones.

(2) Iconos “eskeomorfos” versus iconos planos. Predicción: “skeuomorphic” latirá de plano.

(3) Botones con esquinas redondeadas vs botones con esquinas rectangulares. Predicción: redondeado vencerá a rectangular.

(4) Botones cromáticos vs botones acromáticos (negro / gris / blanco). Predicción: el cromático vencerá al acromático.

(5) Fondos fotográficos de pantalla completa frente a fondos fotográficos de tamaño razonable (30% de la pantalla). Predicción: los fondos más pequeños vencerán a pantalla completa.

(6) Fondos fotográficos vs fondos sólidos / rellenos degradados. Predicción: los fondos de las fotos fallarán.

(7) Fondos de video versus fondos estáticos. Predicción: los fondos estáticos vencerán al video.

(8) Avatares circulares vs avatares rectangulares. Predicción: rectangular batirá círculo.

(9) Páginas web de desplazamiento largo frente a páginas web de longitud razonable. Predicción: el desplazamiento largo fallará.

(10) Objetos innecesariamente animados vs objetos estáticos. Predicción: estática vencerá animada.

(11) Menús fijos versus menús no fijos. Predicción: pegajoso fallará.

(12) Enlaces que se abren en nuevas pestañas del navegador vs enlaces que se abren en la pestaña actual. Predicción: los enlaces que se abran en la pestaña actual ganarán.

(13) Objetos ocultos antes de pasar el mouse sobre objetos visibles permanentemente Predicción: los objetos permanentemente visibles ganarán.

(14) Llamadas a la acción flotantes frente a llamadas a la acción estáticas. Predicción: la estática vencerá a la flotación.

(15) Expandir cuadros de búsqueda frente a cuadros de búsqueda estáticos. Predicción: estática superará la expansión.

(16) Cuadros de búsqueda largos versus cuadros de búsqueda cortos. Predicción: largo vencerá a corto.

(17) Cuadros de búsqueda con el botón textual “Buscar” vs cuadros de búsqueda con el icono de lupa. Predicción: “Buscar” vencerá al icono.

(18) Menús de hamburguesas versus menús normales. Predicción: la hamburguesa fallará.

(19) Páginas web de desplazamiento modular frente a páginas estáticas. Predicción: estática ganará.

(20) Desplazamiento de paralaje versus desplazamiento estático. Predicción: la estática superará el paralaje.

(21) Forme etiquetas / sugerencias de campo dentro de los campos de entrada versus etiquetas / sugerencias fuera de los campos. Predicción: las etiquetas sobre los campos ganarán.

(22) Campos de entrada rectangulares vs campos de entrada de “estilo postal”. Predicción: rectangular ganará.

(23) Superposiciones de pantalla completa (ventanas emergentes) frente a ventanas emergentes de tamaño razonable. Predicción: las ventanas emergentes de pantalla completa fallarán.

(24) Logotipos centrados frente a logotipos alineados a la izquierda. Predicción: centrado fallará.

(25) Diseños de texto de imagen en zigzag frente a diseños lineales. Predicción: lineal batirá en zigzag.

(26) Gráficos de rosquillas vs gráficos circulares vs histogramas. Predicción: los histogramas vencerán a las donas y pasteles, los pasteles vencerán a las donas.

(27) Texto de bajo contraste versus texto de alto contraste. Predicción: el alto contraste ganará.

(29) MAYÚSCULAS vs Título del caso vs Sentencia. Predicción: El caso de sentencia ganará.

(30) Fuentes condensadas vs fuentes normales. Predicción: normal batirá condensado.

Puede agregar cualquier otra tendencia de diseño y probarla contra el diseño de la vieja escuela.

Las “teorías de diseño” son demasiado amplias para abordarlas en una publicación, pero lo intentaré. 🙂

Permítanme, en aras de esta discusión, retomar una teoría del diseño de uso frecuente: la teoría de la percepción visual de la Gestalt. Las leyes de percepción: figura / base, continuación, cierre, proximidad, similitud, simetría, destino común, pragnanz (diseño simple y claro), regularidad y principios generales de emergencia, reificación, multi-estabilidad e invariancia se derivan de la psicología cognitiva y la evaluación psicométrica. de la agudeza perceptiva humana.

Técnicamente, probar estos preceptos no está dentro del ámbito del análisis de usabilidad, sino que se utilizan como pautas para informar el diseño. Sin embargo, a partir de esto, los expertos en usabilidad han derivado heurísticas de usabilidad para evaluar el diseño visual.

Ayuda, capacidad de descubrimiento, simplicidad, consistencia, color y estética y continuidad son algunos preceptos de diseño visual e interacción que pueden evaluarse en un estudio de usabilidad.

Las pruebas de captura de pantalla (SSCT), las pruebas de tiempo de espera de captura de pantalla (SSTT), las pruebas basadas en tareas / escenarios son algunos de los métodos de estudio que se pueden utilizar para evaluar y medir específicamente los preceptos del diseño visual y de interacción mencionados anteriormente.

Aquí hay algunas referencias útiles:

SSCT y SSTT:
http://www.userzoom.com/uxguide/
Pruebas basadas en tareas / escenarios:
http://www.userzoom.com/remote-u

Diseño visual y usabilidad:
http://www.smashingmagazine.com/
http://changingminds.org/explana
http://asktog.com/atc/principles

Al ejecutar las pruebas de usabilidad, a menudo necesitamos asesorar a las partes interesadas sobre la percepción del usuario del diseño visual de un sitio web / aplicación.
Un método que usamos bastante al lado de las pruebas A / B es la escala de calificación bipolar, donde los anclajes finales son antónimos directos para un atributo visual particular.

Un ejemplo de una escala de calificación bipolar de la web (tenga en cuenta que la muestra está en el contexto del seguro, no del diseño visual)