Hacerse creativo con la usabilidad
Cuando se trata de diseñar un sitio web realmente intuitivo, receptivo y coherente que también sea único e interesante, a menudo se siente difícil conciliar los dos conjuntos de prioridades. Pero, de hecho, nada está más lejos de la verdad: solo hay unas pocas ideas fundamentales que deben emplearse para poder tomar fácilmente las mejores decisiones en sus diseños.
El más esencial de estos conceptos es que los diseños bellos y útiles no son difíciles de realizar cuando se le da prioridad al UX, y el diseño se adapta para adaptarse a él. Después de todo, la naturaleza de la experiencia del usuario dicta que hay 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, debe estar en el buen camino para convertir una batalla en un tratado de paz.
Anticipar el error del usuario; disminuir la irritación del usuario
Siempre considere 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 dar una explicación de cuál podría ser el problema y, si corresponde, dónde deberían acudir para obtener ayuda. Balancee estas consideraciones con lo que podría mejorarse en su extremo. No importa lo hermoso que sea un sitio, si lleva demasiado tiempo cargarlo, 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 cortos e inimitables posible; si la información no es necesaria, no la solicite. Si aún no lo hiciste, considera 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 de 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 ni domine su diseño, sino que también es fácilmente identificable, como el Trabaja en Play sitio web. Pequeñas adiciones como esta son las que se suman en una simplificación acumulativa de la experiencia del usuario.
Para ello, es importante tener en cuenta algunos estándares que deberían ser bastante consistentes en cualquier tipo de sitio web.
Mantener estándares web
Algunos elementos comunes de un sitio, como los enlaces de pie de página o una barra de búsqueda, pueden sufrir de una creatividad excesiva. Si bien hay espacio para la originalidad en muchos de estos elementos, es importante mantenerlos en más o menos la misma forma que se ve en cualquier otro sitio, porque son lo suficientemente ubicuos para que los usuarios esperen que se presenten de cierta manera. . Siga estas pautas:
- Asegúrese de que las áreas clicables sean inmediatamente identificables (como los enlaces de este sitio ) y son lo suficientemente grandes como para activarlo fácilmente;
- Rompe bloques de texto con imágenes y otros estímulos visuales;
- Utilizar migas de pan cuando sea aplicable;
- Intente evitar la difusión de la misma búsqueda de artículos o 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's El sitio web es llamativo y emocionante, también es increíblemente confuso. Si bien hay una explicación de cómo arrastrar las columnas para revelar el contenido, se pierde en el revoltijo de otra tipografía. Se puede acceder a un menú tradicional, pero solo si se ve 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 verán frustrados. Pero si el sitio incorpora las sugerencias anteriores en su diseño, aún podría mantener su factor positivo y proporcionar un buen UX.
Por ejemplo, aunque el Comic Soda los demás elementos de diseño del sitio web distraen bastante, el usuario aún puede encontrar fácilmente la barra de búsqueda; su etiqueta y posición es lo suficientemente clara como para minimizar la confusión. Estas pequeñas presentaciones a la confusión del usuario son las que marcan la diferencia.
Donde dibujar la linea
Hay otras reglas de UX que pueden doblarse pero no romperse. Pero, ¿en qué momento 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 de una de dos maneras:
- Horizontalmente en la parte superior de la página; esto permite un aspecto espacioso para listas cortas;
- Verticalmente a lo largo del lado izquierdo de una página; esta disposición puede acomodar listas más largas.
Pero hay otros estilos y sistemas de navegación que pueden funcionar si se usan cuidadosa y cuidadosamente. Por ejemplo, este sitio de cartera tiene una lista de navegación que ocupa la mayoría de la página, y cada palabra está parcialmente oscurecida. Además, los elementos no permanecen estacionarios; se despliegan y se separan para mostrar el contenido dentro de cada sección. Todos estos florecimientos 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 en virtud de 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. En general, es un sistema ostensiblemente diferente que evita por poco ser problemático.
En el otro lado de la línea hay un concepto que se ha denominado navegación de carne misterio, en el que las consideraciones estéticas del diseño desbordan por completo la usabilidad. En el caso de Sitio web de FlatPak, la navegación tiene que ser transferida 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 nuevas ideas que hacen que la interacción sea menos intuitiva y viejas prácticas pesadas que quizás no sean la mejor solución, pero a las que los usuarios están acostumbrados. Un ejemplo de este problema a menudo surge cuando se considera el diseño esquemático; que es un estilo que imita al predecesor 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 y biselado. 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 se puede ilustrar 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 de papel físicas, algo que los usuarios pueden encontrar reconfortantemente familiar. Sin embargo, a pesar de la longitudes ridículas la empresa acudió para crear este efecto, le resta valor a la experiencia del usuario. Tarda fraccionalmente más en cargarse, y dar un golpecito en la página es un movimiento más difícil de llevar a cabo que un simple empujón; un movimiento difícil de manejar podría enviar al usuario por el camino equivocado.
Use un embudo de conversión claro
Si está trabajando en un sitio web complejo con muchas vías de navegación, es muy importante permitir que el usuario se mueva lógicamente a través del sitio, y mantenerlos informados en cuanto a dónde se encuentran en el mapa del sitio como un todo. Aquí es donde pan rallado y otros dispositivos de navegación son útiles. Los temidos enlaces predeterminados de color púrpura no necesitan ser empleados para mostrarle a un usuario que ya han visitado; hay muchas otras soluciones más atractivas que logran el mismo efecto.
Los sitios de comercio electrónico suelen ser los más criticados por sus embudos de conversión mal concebidos, pero hay muchos buenos ejemplos de tiendas web diseñadas con UX y 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 de back-end personalizado y complicado; 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 muestre que los usuarios de la web revisan toda la página (centrándose primero en el contenido en la esquina superior izquierda), buscando elementos llamativos como titulares, comillas o imágenes. Luego profundizan en secciones que parecen interesantes. Es fundamental diseñar para este tipo de mentalidad y asegurarse de que emplea una jerarquía visual que dirige al usuario hacia donde desea que vaya.
los Blog de Thrive Solo tiene mucho contenido, pero mantiene un aspecto amplio e interesante al usar gran cantidad de espacio en blanco, imágenes grandes, íconos y tipos de letra variados. Los títulos grandes y centrados son especialmente útiles para escanear 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 da al usuario una experiencia duradera a la que esperemos volver. No hay ninguna situación donde las consideraciones de diseño y funcionalidad no se puedan conciliar; 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 compromete la usabilidad por estética? ¿El diseño puede ser bueno sin usabilidad? Háganos saber sus pensamientos en los comentarios.
Imagen / miniatura destacada, imagen funcional a través de Shutterstock.