El dan\u00e9s Jacob Nielsen , referente en usabilidad y experiencia de usuario a nivel mundial, es uno de los impulsores de la aplicaci\u00f3n de las t\u00e9cnicas de usabilidad en el dise\u00f1o de interfaces de usuario.\u00a0Ha escrito innumerables art\u00edculos de referencia y ha estudiado m\u00e1s de 250 problemas de usabilidad que le han servido de base para la definici\u00f3n de las \u201creglas generales\u201d relacionadas con esta tem\u00e1tica.<\/p>\n
Detallamos los 10 de los aspectos m\u00e1s importantes que hay que analizar al momento de verificar si tu web es usable<\/strong>.<\/p>\n Significa informar siempre al usuario lo que est\u00e1 sucediendo en la web durante el proceso de interacci\u00f3n con la misma. Es importante que en la web se hable el mismo lenguaje que utiliza nuestro usuario de manera clara y sencilla, evitando tecnicismos y terminolog\u00edas dif\u00edciles de entender. El usuario debe tener total libertad de acci\u00f3n dentro de la web. Nos referimos a navegaci\u00f3n y realizaci\u00f3n de acciones. No debemos limitarlo o forzarlo a realizar determinadas acciones que no sabemos si est\u00e1 dispuesto a hacer, ya sea de manera consciente o inconsciente. Tu sitio web debe mantener una consistencia durante toda la navegaci\u00f3n. Esto significa por ejemplo no cambiar los men\u00fas de navegaci\u00f3n en las diferentes \u00e1reas de la web, no cambiar los t\u00edtulos de lugar, la posici\u00f3n del buscador, los colores, los formatos, los nombres de diferentes \u00e1reas, etc. Trata de no esperar a que los usuarios cometan errores para luego mostrarles un mensaje de aviso y decirle que lo ha hecho mal. Intenta resolverlos antes de que se cometan. La navegaci\u00f3n de la web debe ser simple e intuitiva \u00a0para que el usuario no tenga que detenerse y recordar c\u00f3mo debe hacer algo dentro de la web. Es importante que el usuario no tenga que estar probando, adivinando o buscando la informaci\u00f3n dentro de nuestra web. Tu web debe estar adaptada para los diferentes perfiles de usuarios, ya sean principiantes o expertos. Puedes incorporar \u201caceleradores\u201d para los usuarios m\u00e1s avanzados sin que estos confundan a los novatos. Estos aceleradores son atajos o accesos directos a determinadas \u00e1reas, evitando los pasos intermedios. Es muy importante que el dise\u00f1o contenga la informaci\u00f3n relevante y necesaria para el usuario. Hay que tener en cuenta que la informaci\u00f3n adicional innecesaria incorpora ruido y compite en visibilidad con los elementos m\u00e1s importantes de la web. Los mensajes de error de una web deben ser lo suficientemente claros para que cualquier usuario pueda comprenderlos, ofreciendo adem\u00e1s una soluci\u00f3n o salida. En muchas ocasiones es necesario incorporar contenido de ayuda para que el usuario pueda consultar en cualquier momento independientemente de que la web no lo necesite. Con esta peque\u00f1a gu\u00eda inicial puedes\u00a0comenzar a analizar tu\u00a0web para ver si realmente cumple\u00a0con los criterios b\u00e1sicos de usabilidad<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":" El dan\u00e9s Jacob Nielsen , referente en usabilidad y experiencia de usuario a nivel mundial, es uno de los impulsores de la aplicaci\u00f3n de las t\u00e9cnicas de usabilidad en el dise\u00f1o de interfaces de usuario.\u00a0Ha escrito innumerables art\u00edculos de referencia y ha estudiado m\u00e1s de 250 problemas de usabilidad que le han servido de base […]<\/p>\n","protected":false},"author":2,"featured_media":12600,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[447],"tags":[],"class_list":["post-11987","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-customer-experience"],"yoast_head":"\n1- \u00bfQu\u00e9 est\u00e1 sucediendo en tu web?<\/h2>\n
Visibilidad del estado del sistema<\/h3>\n
\nAlgunos ejemplos que no siempre se cumplen.
\n–<\/strong> Informar el proceso de carga de la web. En ocasiones hay webs que requieren de tiempos de espera y que si no se comunican al usuario, \u00e9ste no sabe si es un fallo de la web, corriendo el riesgo de abandono de la misma.
\n–<\/strong> Confirmaci\u00f3n de acciones. Mensajes de confirmaci\u00f3n como por ejemplo al momento de registrarse en la web, confirmaci\u00f3n de compra (pedidos), confirmaci\u00f3n de env\u00edo de formularios, etc.
\nNo dejes nunca que tu usuario tenga que adivinar qu\u00e9 es lo que est\u00e1 sucediendo en tu web.<\/strong><\/p>\n2- \u00bfHablamos el mismo idioma que el usuario?<\/h2>\n
Relaci\u00f3n l\u00f3gica entre el sistema y el mundo real<\/h3>\n
\nEsto no solo es aplicable a los contenidos o textos, sino tambi\u00e9n a todos los elementos incluidos en la web. Nos referimos a las im\u00e1genes, procesos, formato de presentaci\u00f3n de la informaci\u00f3n, etc.
\nCuanto m\u00e1s simple y claro, mejor.<\/strong><\/p>\n3- \u00bfEl usuario puede navegar y realizar acciones libremente?<\/h2>\n
Control y libertad del usuario<\/h3>\n
\nNo debemos poner nunca limitaciones, sino ayudar al usuario a solucionar cualquier problema que se pueda encontrar durante la interacci\u00f3n con nuestra web.
\nPor ejemplo: control de campos en los formularios (\u201cdebe rellenar este campo\u201d), recuperaci\u00f3n de contrase\u00f1a, volver, o modificar datos personales mal introducidos durante el registro.
\nSi el usuario se siente forzado o limitado, se ir\u00e1 r\u00e1pidamente de nuestra web.<\/strong><\/p>\n4- \u00bfUtilizas elementos claros, consistentes y est\u00e1ndar?<\/h2>\n
Consistencia y est\u00e1ndares<\/h3>\n
\nAsimismo, es importante tener en cuenta los est\u00e1ndares que se utilizan casi por defecto, no queriendo marcar tendencia y cambiarlos porque lo que lograremos es que el usuario no entienda que es lo que tiene que hacer o c\u00f3mo funciona nuestra web.
\nHay que priorizar en funcionalidad sobre temas est\u00e9ticos o de dise\u00f1o. Referentes como Amazon o Google son ejemplos a seguir.<\/strong><\/p>\n5- \u00bfTienes en cuenta los posibles errores futuros de los usuarios para adelantarte y evitarlos?<\/h2>\n
Prevenci\u00f3n de errores<\/h3>\n
\nPodemos evitar estos errores incorporando textos o mensajes de ayuda, pidiendo confirmaci\u00f3n al usuario, haciendo comprobaciones en tiempo real, eliminando informaci\u00f3n innecesaria.
\nPor ejemplo se puede evitar un posible error a futuro incorporando el doble campo en la confirmaci\u00f3n de contrase\u00f1a en el registro de usuario, y un aviso en tiempo real cuando la contrase\u00f1a del primer campo no coincide con la del segundo.
\nEs mejor prevenir que curar.<\/strong><\/p>\n6- \u00bfRecuerda tu web las acciones que tienen que realizar los usuarios?<\/h2>\n
Mejor reconocer que memorizar<\/h3>\n
\nY m\u00e1s a\u00fan en aspectos claves como pueden ser el proceso de compra, registro de usuario o gesti\u00f3n de datos personales.
\nHay opciones que se pueden incorporar para facilitar la b\u00fasqueda y acceso a la informaci\u00f3n como por ejemplo los \u00faltimos productos vistos, o las sugerencias de productos en el buscador, o indicar en que paso del proceso de compra se encuentra.<\/p>\n7- \u00bfTu web est\u00e1 preparada para todo tipo de usuarios?<\/h2>\n
Flexibilidad y experiencia de uso<\/h3>\n
\nLa personalizaci\u00f3n de la interfaz es una forma de adaptar la web a cada perfil de usuario, ajust\u00e1ndose a sus necesidades en base a la experiencia de navegaci\u00f3n de cada uno.
\nLa web debe estar concebida para que cualquier usuario inexperto pueda navegar, comprender y realizar cualquier acci\u00f3n que necesite.<\/strong><\/p>\n8- \u00bfTiene tu web un dise\u00f1o minimalista con una est\u00e9tica adaptada a tu negocio?<\/h2>\n
Dise\u00f1o est\u00e9tico y minimalista<\/h3>\n
\nEsto debe aplicarse a los contenidos, forma de presentaci\u00f3n, im\u00e1genes y dise\u00f1o visual en general.
\nMenos es m\u00e1s…<\/strong><\/p>\n9- \u00bfAyuda tu web a reconocer los errores, diagnosticarlos y obtener una soluci\u00f3n?<\/h2>\n
Reconocimiento, diagn\u00f3stico y recuperaci\u00f3n de errores.<\/h3>\n
\nUno de los ejemplos m\u00e1s claros es la famosa p\u00e1gina de error que debe ser personalizada, ofreciendo un mensaje cercano con opciones para seguir navegando por la web.
\nOtro ejemplo es la p\u00e1gina de \u201ccesta vac\u00eda\u201d que en muchas ocasiones no nos ofrece opciones para seguir navegando por la web.
\nComunicar un mensaje negativo de manera amena y ayudar al usuario a seguir en nuestra web.<\/strong><\/p>\n10- \u00bfTienes incorporado en tu web un apartado de ayuda o preguntas frecuentes?<\/h2>\n
Ayuda y documentaci\u00f3n<\/h3>\n
\nEstos apartados dise\u00f1ados especialmente suelen ser el de Ayuda o FAQ (preguntas frecuentes) y deben cubrir todas las necesidades de los clientes. \u00a0No solo desde el punto de vista t\u00e9cnico, sino tambi\u00e9n sobre temas relacionados con gastos y plazos de env\u00edo, medios de pago, seguridad, devoluciones, privacidad, etc.<\/p>\n