Más

    Ser creativo con la usabilidad

    - Advertisement -

    Cuando se trata de diseñar un sitio web realmente intuitivo, receptivo y coherente que también sea único e interesante, a menudo parece que es difícil reconciliar los dos conjuntos de prioridades. Pero, de hecho, nada más lejos de la realidad: solo hay algunas ideas fundamentales que deben emplearse para tomar fácilmente las mejores decisiones en sus diseños.

    El más esencial de estos conceptos es que los diseños hermosos y utilizables no son difíciles de hacer cuando se da prioridad a la UX y el diseño se adapta a ella. Después de todo, la naturaleza de la experiencia del usuario dicta que existen ciertas reglas inflexibles, mientras que el diseño es casi infinitamente flexible. Una vez que aprenda las formas y los medios por los cuales debe adaptar sus diseños, debería estar bien encaminado para convertir una batalla en un tratado de paz.

    Anticipar el error del usuario; disminuir la irritación del usuario

    Considere siempre lo que podría suceder si el usuario se extravía en su página web. Error de mensajes no debe oscurecerse en la jerga técnica, sino que debe brindar una explicación de cuál podría ser el problema y, si corresponde, a dónde deben acudir para obtener ayuda. Equilibre estas consideraciones con lo que se podría mejorar de su parte. No importa cuán hermoso sea un sitio, si tarda demasiado en cargarse, no vale la pena el esfuerzo. Los expertos dicen que si una página web tarda más de 3 segundos en cargarse, debe simplificarse.

    Mantenga los formularios lo más breves y poco intimidantes posible; si la información no es necesaria, no la pida. Si aún no lo ha hecho, considere ofrecer un inicio de sesión opcional a través de Facebook o Twitter; los sitios que ofrecen esto a menudo encuentran que sus tasas de conversión aumentan porque el usuario lo encuentra más conveniente y, por lo tanto, es más probable que se tome el tiempo para registrarse. Además, asegúrese de que el resto de su sitio tenga una presencia integrada en las redes sociales, que no entre en conflicto con su diseño ni lo domine, pero que también sea fácilmente identificable, como el trabajar en el juego sitio web. Pequeñas adiciones como esta son las que se suman en una optimización acumulativa de la experiencia del usuario.

    Con este fin, es importante tener en cuenta algunos estándares que deben permanecer bastante consistentes en cualquier tipo de sitio web.

     

    Mantener los estándares web

    Algunos elementos comunes de un sitio, como los enlaces de pie de página o una barra de búsqueda, pueden verse afectados por un exceso de creatividad. Si bien hay espacio para la originalidad en muchos de estos elementos, es importante mantenerlos más o menos en la misma forma que se ve en cualquier otro sitio, porque son lo suficientemente omnipresentes como para que los usuarios esperen que se presenten de cierta manera. . Siga estas pautas:

    • Asegúrese de que las áreas en las que se puede hacer clic sean inmediatamente identificables (como los enlaces en este sitio) y son lo suficientemente grandes para activarse fácilmente;
    • Dividir bloques de texto con imágenes y otros estímulos visuales;
    • Usar migas de pan cuando sea aplicable;
    • Trate de evitar la difusión del mismo artículo o búsqueda de productos en varias páginas;
    • Haga que la información de contacto, las preguntas frecuentes, una barra de búsqueda y otras características estándar sean fáciles de encontrar y usar.

    A pesar de que Grip Limited sitio web es llamativo y emocionante, también es increíblemente confuso. Si bien hay una explicación sobre cómo arrastrar las columnas para revelar el contenido, se pierde en el revoltijo de otras tipografías. Se puede acceder a un menú tradicional, pero solo si observa el pequeño menú desplegable. Es un diseño de sitio tan genial que a algunos usuarios no les importaría lo difícil que es usarlo, pero muchos otros se desanimarían. Pero si el sitio incorporara las sugerencias anteriores en su diseño, aún podría mantener su factor genial y proporcionar una buena experiencia de usuario.

    Por ejemplo, aunque el Refresco cómico los otros elementos de diseño del sitio web distraen bastante, el usuario aún puede encontrar fácilmente la barra de búsqueda; su etiquetado y posición son lo suficientemente claros como para minimizar la confusión. Estos pequeños envíos a la confusión del usuario son los que marcan la diferencia.

     

    Donde dibujar la linea

    Hay otras reglas de UX que se pueden doblar pero no romper. Pero, ¿en qué punto un diseñador va demasiado lejos? Los elementos de navegación son un buen ejemplo para trabajar, porque cada sitio tiene alguna forma de ellos. Convencionalmente, están dispuestos en una de dos formas:

    • Horizontalmente a lo largo de la parte superior de la página; esto permite una apariencia espaciosa para las listas cortas;
    • Verticalmente a lo largo del lado izquierdo de una página; este arreglo puede acomodar listas más largas.

    Pero hay otros estilos y sistemas de navegación que pueden funcionar si se usan con cuidado y consideración. Por ejemplo, este sitio de cartera tiene una lista de navegación que ocupa la mayor parte de la página y cada palabra está parcialmente oculta. Además, los elementos no permanecen estacionarios; se despliegan y se separan para mostrar el contenido dentro de cada sección. Todas estas florituras podrían haberse combinado para formar un sistema confuso que frustraría rápidamente al usuario. Sin embargo, el diseño evita ser problemático por ser tan simple; las palabras aún son legibles; los menús desplegables tienen una cantidad de información tan pequeña que el resto de la lista de navegación no corre peligro de perderse. Con todo, es un sistema audazmente diferente que evita por poco ser problemático.

    Al otro lado de la línea se encuentra un concepto al que se ha denominado navegación de carne misteriosa, en el que las consideraciones estéticas del diseño superan por completo la usabilidad. en el caso de la sitio web FlatPak, la navegación tiene que girarse para leer a qué se refiere; una característica de usabilidad terrible que nunca debe ser emulada.

     

    Familiaridad versus funcionalidad

    En muchos sentidos, la verdadera batalla del diseño web actual parece ser entre ideas nuevas y frescas que hacen que la interacción sea menos intuitiva y viejas prácticas aburridas que pueden no ser la mejor solución, pero son a lo que los usuarios están acostumbrados. Un ejemplo de este problema surge a menudo cuando se considera el diseño esqueomórfico; que es un estilo que imita al antecesor de un artículo que se hizo en otro medio.

    Este tipo de diseño ocurre todo el tiempo en la web, desde su calculadora de escritorio que se ve y funciona como su contraparte de la vida real, hasta los botones en un sitio web que tienen un efecto realista de sombra paralela y bisel. Tiene sentido hasta cierto punto, porque la familiaridad de estos diseños hace que los usuarios se sientan inmediatamente cómodos usándolos. Sin embargo, no son necesariamente la mejor solución porque son increíblemente limitantes.

    El choque entre estas dos prioridades puede ilustrarse con la tecnología realista de «cambio de página» de Apple, que se utiliza para la lectura digital. Es una idea atractiva porque hace que la experiencia se parezca un poco más a pasar páginas físicas en papel, algo que los usuarios pueden encontrar reconfortantemente familiar. Sin embargo, a pesar de lo bastante longitudes ridículas a la que acudió la empresa para crear este efecto, resta valor a la experiencia del usuario. Se tarda un poco más en cargar, y hojear la página es un movimiento más difícil de realizar que un simple empujón; un movimiento difícil de manejar podría enviar al usuario por el camino equivocado.

    Utilice un embudo de conversión claro

    Si está trabajando en un sitio web complejo con muchas rutas de navegación, es muy importante permitir que el usuario se mueva lógicamente a través del sitio y mantenerlo informado sobre dónde se encuentra en el mapa del sitio como un todo. Aquí es donde las migas de pan y otros dispositivos de navegación son útiles. Los temidos enlaces morados predeterminados no necesitan emplearse para mostrarle a un usuario que ya ha visitado; hay muchas otras soluciones más atractivas que logran el mismo efecto.

    Los sitios de comercio electrónico suelen ser los que son criticados por sus embudos de conversión mal concebidos, pero hay muchos ejemplos excelentes de tiendas web optimizadas para UX bellamente diseñadas. Tomemos por ejemplo el Fruit of the Loom sitio, que tiene una interfaz limpia y amigable que todavía está construida lógicamente. Ni siquiera es el resultado de un desarrollo backend complicado y personalizado; el sitio fue creado usando simple software de comercio electrónico de amazon, que cualquier pequeña empresa podría aprovechar.

     

    Acomode el escaneo y agregue interés visual

    Tenga en cuenta que las personas leen las páginas web de una manera diferente a los medios impresos. Estudios de seguimiento ocular muestran que los usuarios de la web hojean toda la página (enfocándose primero en el contenido en la esquina superior izquierda), buscando elementos llamativos como titulares, citas o imágenes. Luego profundizan en las secciones que parecen interesantes. Es crucial diseñar para este tipo de mentalidad y asegurarse de emplear una jerarquía visual que dirija al usuario a dónde quiere que vaya.

    los Prosperar solo blog tiene mucho contenido, pero mantiene una apariencia espaciosa e interesante mediante el uso de muchos espacios en blanco, imágenes grandes, íconos y tipos de letra variados. Los títulos grandes y centrados son especialmente útiles para escanear a los espectadores.

     

    La línea de fondo

    Si bien la estética de un sitio crea una primera impresión, la funcionalidad es lo que le brinda al usuario una experiencia duradera a la que, con suerte, querrá volver. No existe ninguna situación en la que las consideraciones de diseño y funcionalidad no puedan reconciliarse; de hecho, es la interacción entre estas dos prioridades lo que termina creando los mejores y más memorables sitios en la web.

    ¿Alguna vez comprometes la usabilidad por la estética? ¿Puede el diseño ser bueno sin usabilidad? Háganos saber sus pensamientos en los comentarios.

    Imagen/miniatura destacada, imagen funcional a través de Shutterstock.

    Populares

    Más de esta categoría

    DEJA UNA RESPUESTA

    Por favor ingrese su comentario!
    Por favor ingrese su nombre aquí

    Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.