Share
Como usuario de la web, de vez en cuando puede encontrar ciertas cosas que son realmente molestas. Tal vez algo acerca de un formulario de inicio de sesión, navegación o una aplicación web en general le dificulte completar una tarea determinada. ¿Por qué alguien ha diseñado y construido algo de esta manera??
La respuesta es complicada. El primer y principal problema es que los responsables pueden haber descuidado probar su diseño con usuarios reales. A menudo, cuando este es el caso, probablemente pensaron que sabían de una buena manera de manejar esa interacción. Después de todo, lo habían visto en otros sitios web, y seguramente esos diseñadores lo probaron. Por qué reinventar la rueda?!
El problema aquí es que, a veces, la competencia puede no ser tan inteligente como para darles crédito. Así que mientras todos estamos ocupados visitando galerías CSS y copiando el trabajo de los demás sin probarlo, involuntariamente estamos creando una biblioteca de patrones.
Algunos de esos patrones funcionan, pero otros no. Si la rueda que está copiando es realmente cuadrada (oye, ¡funciona si se presiona muy fuerte!), Entonces Virginia, realmente necesita reinventar la rueda.
Considera lo siguiente:
Sí. Pero una vez más, eso es un espectro. Hay muy pocos absolutos. Tome, por ejemplo, este reciente estudio realizado por la Universidad de Harvard, que resultó en un juego que podría adivinar su edad con la velocidad de clic del mouse (lo tomé, ¡fue perfecto!)
Los usuarios tienen diferentes necesidades por edad, capacidad física, cultura y más. Es por eso que las soluciones enlatadas pueden tan a menudo ser contraproducentes..
Un anti-patrón es un patrón de diseño de uso frecuente que no funciona o es contraproducente. Los verá en aplicaciones web y sitios web, en cualquier lugar donde un usuario necesite realizar una acción de alguna manera, ya sea el inicio de sesión, el suministro de información o la lectura de información para tomar decisiones..
Como diseñador web, probablemente le resulte fácil reconocer cuándo algo es claramente ineficaz (por ejemplo, un menú que se cierra antes de que pueda hacer clic en un elemento del menú). Sin embargo, los anti-patrones son a menudo más sutiles. Un usuario determinado los superará, pero no sin una cierta cantidad de dolor.
Para identificarlos, es mejor recurrir a las métricas de su web. Si no está usando métricas en su sitio, ¡comience ayer! Para comenzar, Google Analytics es una excelente opción, ya que es gratis y fácil de configurar.
¿Qué estás buscando en tus métricas? Algunas cosas que indicarán la presencia de un problema (y posiblemente un antipatrón) incluyen:
Usuarios que abandonan páginas.
Si muchos usuarios navegan a una determinada página pero luego desaparecen repentinamente, quizás deba tener una mirada más cercana a lo que está sucediendo en esa página. ¿Necesitan completar una acción para proceder? ¿No pueden encontrar dónde ir después? ¿Es toda la página una animación intermitente? No lo sabrás hasta que investigues. Marque esta área para un análisis más profundo y una investigación real de usuarios en vivo..
Clic al azar.
Si los usuarios hacen clic en todo, eso significa que no saben en qué se supone que deben hacer clic.
Desplazarse repetidamente hacia arriba y hacia abajo.
Si los usuarios se desplazan hacia arriba y hacia abajo, significa que no pueden encontrar lo que están buscando o lo que se espera que hagan..
Un problema de usabilidad no equivale necesariamente a la presencia de un anti-patrón, pero podría ser una pista. Muchos anti-patrones han sido estudiados y han demostrado ser ineficientes con la frecuencia suficiente como para ser generalizados como una mala idea. Éstos son algunos de ellos:
Las instancias de esto incluyen:
Accentsconagua
cursor: puntero;.
Es conveniente separar las interfaces ocultando información detrás de objetos que se pueden desplazar, como botones o títulos, pero asegúrese de que la información no vuelva a ocultarse demasiado rápido. Los usuarios no pueden leer tan rápido como crees. Es bastante molesto tener que mantener el mouse para mantener la información visible.
Por ejemplo, la presencia de tres tipos diferentes de enlaces en una página. Un tipo devuelve al usuario a la página de inicio, un tipo lleva al usuario fuera del sitio y el tercero abre una ventana emergente. Esto podría ser confuso y frustrante.
En una lista compleja donde los usuarios realizan acciones como agregar, eliminar o cambiar el estado de los elementos de la lista de alguna manera, ¡proporcione una opción de lote! Ser forzado a realizar ediciones un elemento a la vez es tedioso y doloroso.
Los estudios han demostrado que los usuarios, de hecho, leen debajo del pliegue. Sin embargo, de alguna manera, el mito de mantener el contenido por encima del pliegue tan importante persiste. Espacie su contenido!
saltador la navegación es cuando el usuario debe bajar uno o dos niveles para realizar una acción, volver a subir a la parte superior y luego volver a bajar. El nombre fue acuñado por Jared Spool y describe la acción de saltar de tener que navegar hacia abajo, arriba y abajo otra vez..
Un ejemplo de esto podría ser cualquier forma en que un usuario guarde, active un error y luego se vea obligado a volver a ingresar toda o parte de la información que ingresó previamente.
Esto ocurre cuando se completa una acción y el usuario pasa a una página diferente a la que esperaban. Una ocurrencia común de esto es en los sitios de comercio electrónico, donde se requiere que un usuario inicie sesión para completar una transacción. Sin embargo, cuando inician sesión, regresan a la página principal en lugar de a la página donde estaban listos para ingresar la información de su tarjeta de crédito..
Eche un vistazo a su proyecto actual, observando algunos de estos patrones. Haga que un amigo o compañero de trabajo que no esté involucrado, camine y observe lo que sucede. ¿Se frustran en cualquier parte? Los lugares donde las cosas no parecen ir bien podrían ser un signo de anti-patrón..
¡Estos son sólo unos pocos! ¿Qué anti-patrones has notado en la web? ¿Ha caído en alguno de estos escollos en sus sitios??
