Share
Con más de 644 millones de sitios web en Internet, no es fácil diferenciarse de la multitud. Naturalmente, los diseñadores hacen todo lo posible para evitar el diseño mundano, olvidable y, en cambio, crean algo moderno y memorable..
A veces, sin embargo, estos esfuerzos causan problemas incluso para sus usuarios más leales. Esto se debe a que en el diseño web, una mejora visual a veces puede traducirse en una degradación de la usabilidad. Antes de implementar todas las técnicas de estilo en su repertorio de diseño, considere las consecuencias involuntarias de usabilidad..
En este artículo, analizaremos cinco técnicas comunes de diseño web y sus posibles problemas de usabilidad..
El desplazamiento infinito permite a los usuarios experimentar un flujo infinito de contenido con una navegación mínima. Cuando los usuarios llegan al final de la página, no necesitan acceder a los enlaces de paginación: se entrega más contenido automáticamente.
Es posible que haya implementado el desplazamiento infinito porque introduce una elegante fluidez y vitalidad a la página..
Si los usuarios han encontrado algo interesante en la página de hoy, ¿pueden volver a ese elemento mañana sin despojarse de su vida con la desesperada esperanza de encontrarlo de nuevo? ¿Su sitio ofrece a los usuarios enlaces para visitar aquellos artículos vistos recientemente? ¿Su sitio proporciona una función de búsqueda lo suficientemente precisa para ubicar ese elemento después de ingresar las pocas palabras clave que el usuario aún puede recordar? Si la tendencia de tus respuestas fuera No, El rollo infinito ha robado a sus usuarios la alegría de volver al contenido que era importante para ellos. Cuando trata su contenido como una fase pasajera, devalúa inadvertidamente su contenido y su sitio..
Sus usuarios han elegido visitar su sitio web porque contiene un elemento de interés o significado personal para ellos. Cuando la página se carga, alegremente golpean Ctrl-F para buscar una palabra o frase, solo para encontrar resultados que coincidan con el cero porque el contenido que desean aún no se ha cargado y, por lo tanto, no se puede encontrar. Si cree que sus usuarios ocupados se desplazarán pacientemente hasta que se cargue el contenido que necesitan, piénselo nuevamente. Considere priorizar la capacidad de búsqueda sobre la capacidad de desplazamiento en su metodología de diseño.
El menú de navegación multinivel presenta múltiples niveles anidados de elementos de navegación. Solo cuando navegas a un elemento individual, sus elementos secundarios están disponibles.
Es posible que haya implementado la navegación de múltiples niveles porque su sitio tiene múltiples niveles de temas anidados y desea reducir el desorden y el espacio de la página de un menú de navegación tradicional en el que todos estos niveles de temas están disponibles desde el principio. Después de todo, el menú de navegación multinivel mantiene las interrelaciones entre los temas y lo hace de manera elegante y compartimentada..
En lugar de reducir la complejidad de un sitio con una jerarquía de temas anidados, el menú de navegación multinivel simplemente oculta esa complejidad de la vista. Los usuarios todavía tienen que tratar de dar sentido a una gran cantidad de temas que no se clasifican intuitivamente. Examine sus razones para querer minimizar y disfrazar los niveles de navegación adicionales. ¿Podría ser que su objetivo real sea aplanar la propia arquitectura del sitio para que los temas se presenten en un formato lógicamente agrupado y más fácil de consumir? Si es así, no tenga miedo de abordar el problema raíz y reconsiderar sus decisiones de arquitectura de información. Recuerde que el trabajo de un menú de navegación es habilitar la navegación y la accesibilidad, no ocultar una falta de navegación o accesibilidad.
Todos hemos visto menús de navegación de niveles múltiples que requieren que los usuarios se desplacen sobre los elementos del menú con la precisión de un cirujano para localizar un elemento de interés. Si el cursor de su usuario se desliza fuera de un elemento del menú, maricón, todo el menú de navegación se colapsa de la vista y deja a los usuarios en el lugar donde comenzaron. Su menú de navegación multinivel ahora es más como un videojuego frustrante: los usuarios más ávidos y determinados seguirán intentando triunfar sobre el menú de navegación, pero la mayoría simplemente se irá y encontrará la información que buscó en una fuente más práctica..
Un icono en un sitio web a menudo es interactivo y sirve como una representación visual simbólica de una función disponible para los usuarios. Es posible que haya implementado iconos llamativos en su sitio para provocar una respuesta inmediata del usuario que cree que las palabras por sí solas no pueden lograr. Después de todo, una imagen vale más que mil palabras, y los íconos se utilizan en la señalización en todas las industrias del mundo para transmitir instantáneamente mensajes e instrucciones importantes..
Es posible que haya creado un conjunto de iconos deslumbrantes tan ingenioso y sofisticado que podría aparecer en la página de inicio de Dribbble, pero si la gente no entiende lo que significan, es mejor que describa las funciones con palabras sencillas. Cuando se trata de íconos, la belleza es solo superficial. El valor de los íconos en su sitio puede evaluarse principalmente por su relatabilidad y reconocibilidad..
Sus usuarios se centrarán en los aspectos de un sitio que usted destaca más prominentemente. Por lo tanto, si los íconos son una característica omnipresente en su sitio, está comunicando a sus usuarios que deben prestar atención primaria a su iconografía y atención secundaria al contenido del texto. Sus usuarios ahora están privados de contenido relevante y, en cambio, son bombardeados por imágenes que ni esperaban ni deseaban. Si esa no es su intención, considere elevar la importancia del contenido de texto en su sitio presentándolo de manera más prominente y presentando la iconografía con moderación. Lograr un equilibrio entre el texto y los elementos visuales es vital si desea mantener el interés del usuario..
Un pie de página del mapa del sitio es un pie de página que contiene enlaces a los diversos temas que contiene su sitio web. Estos enlaces se presentan normalmente en una jerarquía o estructura que imita la estructura real del sitio. Esto hace que el pie de página del mapa del sitio aparezca de forma similar a un archivo de mapa del sitio real que los rastreadores de los motores de búsqueda utilizan para evaluar la lista acumulativa de páginas en un sitio web, así como las relaciones entre las páginas..
Es posible que haya implementado un pie de página de mapa del sitio porque su sitio contiene varios temas en una jerarquía y le gustaría proporcionar a los usuarios una ventanilla única y consolidada de enlaces que les permitirán saltar fácilmente a cualquier tema de su elección. Después de todo, si su sitio web tiene una gran cantidad de contenido, un pie de página del mapa del sitio puede evitar que los usuarios busquen sin ningún objetivo el enlace al contenido que necesitan..
¿El pie de página del mapa del sitio contiene enlaces a temas a los que no se puede acceder alternativamente a través de otro elemento de navegación que aparece anteriormente en la página? Si es así, después de visitas repetidas, sus usuarios se entrenarán para depender del pie de página para encontrar enlaces que no pueden encontrar a través de la navegación de otra página. Su pobre pie de página se enfrenta ahora a la gran presión de compensar la falta de acceso a la información en un nivel de sitio más amplio. ¿Realmente quieres que tus usuarios pasen por alto tu contenido principal cuidadosamente construido y salten directamente al pie de página? Si no es así, considere la posibilidad de mejorar la disponibilidad general del enlace y la ubicación en su sitio. Si los enlaces a temas de alto valor se hacen visibles para los usuarios al principio de la página, tanto su contenido como sus usuarios subirán a la cima.
Antes de que sus usuarios hagan clic en un enlace, necesitarán que usted los aliente para proporcionarles la motivación y el contexto para hacer clic en ese enlace. Lo brillante de un menú de navegación es que proporciona a los usuarios este mismo contexto. Ayuda a los usuarios a orientarse proporcionando enlaces a temas del sitio de una manera ordenada y lógica. Contrasta esto con la falta inherente de contexto en un pie de página del mapa del sitio. El usuario se encuentra en la parte inferior de la página y es probable que haya terminado de leer detenidamente el contenido principal de la página para la que vino. No tienen incentivo para seguir leyendo, pero ahora se les presenta un aluvión de enlaces en el pie de página. Si los enlaces cubren todos los temas del sitio de la A a la Z y no se ha establecido un contexto de su relación entre sí, no se puede esperar razonablemente que los usuarios se aventuren en este desierto..
Una fuente ornamental es simplemente una fuente altamente estilizada, decorada o pictórica. Todos los hemos visto en sitios que utilizan fuentes embellecidas como el divertido "Curlz", el elegante "Voluta Script" o el innovador "Ecofont". Es posible que haya utilizado una fuente ornamental en su sitio porque quería dar una nueva vida al texto normal y pensó que al agregar una fuente animada se lograría eso.
Pocas cosas en la web son más decepcionantes que una fuente sorprendentemente diseñada que es tan ilegible en la pantalla que simplemente no vale su peso de fuente. El contenido es el rey en su página, por lo que si los usuarios no pueden leer ni ganar valor de su contenido, es poco probable que permanezcan en su página y admiren el mérito artístico de la fuente. Use su criterio y realice una prueba de legibilidad de cualquier fuente ornamental que use. ¿Puede leer cómodamente la fuente en sus variantes en mayúsculas, minúsculas, negrita y cursiva? Si no, considere eliminar la fuente y reemplazarla con algo más utilitario. La fuente más efectiva es aquella cuya claridad le permite hablar por sí misma, sin adornos de mano dura..
Supongamos que ha decidido implementar en su sitio una fuente de cuerpo que se parece a su escritura a mano cuando tenía 12 años. Digamos también que el contenido de su sitio es de naturaleza profesional y está dirigido a la comunidad médica. Además de ser difícil de leer en la pantalla, su elección de fuente está notablemente desalineada en el tono de su contenido y el propósito general de su sitio. Las banderas rojas se enviarán a sus usuarios mientras se preguntan cómo percibir su sitio cuando hay una desconexión tan evidente entre el contenido real y la forma en que se presenta. No es probable que tus usuarios encuentren tu fuente linda y caprichosa. En cambio, su fuente mal ajustada le ha hecho una injusticia real. Si no quieres que tus usuarios experimenten esto, considera elegir una fuente que sea apropiada y relevante para el tono general de tu contenido y sitio..
En diseño web, no todo lo que brilla es oro, y no todo lo que es memorable, estéticamente agradable o incluso funcionalmente innovador es necesariamente utilizable o accesible. Si usted es un diseñador nuevo o experimentado, con el tiempo continuará adquiriendo numerosas técnicas poderosas en su repertorio de diseño. Como dice el dicho, con gran poder viene una gran responsabilidad. Asuma la responsabilidad del poder de su diseño y asuma la responsabilidad de sus usuarios pensando cuidadosamente antes de implementar características que usted cree que mejorarán su sitio..
No permita que su metodología de diseño o arquitectura de información demore u obstruya a sus usuarios para que encuentren y usen su contenido. Si sus usuarios pueden contar con su contenido y pueden contar con su diseño para permitirles un acceso simple a ese contenido, puede contar con ellos para regresar a su sitio durante los próximos años. Ahora eso es diseño memorable.
Accentsconagua