1 Followers
26 Following
gymweeder13

gymweeder13

SPOILER ALERT!

Errores más frecuentes de usabilidad web

image

Índice de contenidos


Usabilidad web, un aspecto fundamental a trabajar en marketing digital.


La perfección no existe, mas siempre se debe buscar e procurar alcanzarla, si deseas lograr el éxito con tu página web entre tanta competencia.


Por ello, en esta guía voy a explicar cómo prosperar la usabilidad web de tu página a través de la corrección de determinados fallos frecuentes en la mayoría de sites.


Pero ya antes de todo, ¿
Qué es usabilidad weby por qué es tan necesaria?



Usabilidad Web: Definición


La usabilidad web es la disciplina que se hace cargo de estudiar cómo de fácil le resulta a un usuario navegar emplear una página web.


La propia definición afirma bastante de por qué es fundamental, mas vamos a verlo con más detalle a continuación.


¿Por qué es tan precisa la usabilidad web en nuestros días para una página?


En un entorno cada vez más competido como es Internet la diferenciación es esencial para lograr el éxito con una web.


La usabilidad web supone una magnífica forma de diferenciar tu web de otras con un peor servicio y por consiguiente constituye una gran ventaja a nivel competitivo.


Sea el género de página que sea (ecommerce, plataforma, weblog,…) la
usabilidad webes precisa.


Supone una forma de empatización con las necesidades reales del usuario, para así satisfacerlas de la mejor manera posible y generar engagement con exactamente el mismo.


Además de asegurar un mayor volumen de conversiones y prosperar la imagen de marca.


10 Fallos más usuales de usabilidad web en una página actualmente


Estos son algunos de los fallos más frecuentes y básicos de usabilidad web en cualquier página, aunque hay muchos más.


Aquí muestro algunos buenos ejemplos de buena usabilidad web para que puedas hacerte una idea


de los tipos de errores y los cambios que se deberían realizar.


1. Información clara y útil:


Se trata de uno de los fallos más tontos y al unísono más repetidos en usabilidad web.


Muchas páginas no tienen en cuenta que quien va a usarlas y quien buscará información en las mismas son seres humanos y que absolutamente nadie lo sabe todo.


Por ello, una página con una buena usabilidad web en este sentido, debe tener en consideración la lógica y el comprensión humano. En tanto que no todo el mundo entiende inglés o términos técnicos de cada ámbito en el que operes. Es muy importante:



Conectar con el usuariomediante un lenguaje fácil, brev y agradable.


• Plasmar
información útily fácilmente visible e identificable por cualquier persona.


• Utilizar
creatividades y elementos visualesatractivos y fácilmente identificables para el usuario, colocados en un orden lógico que pueda comprender y proseguir. Imágenes, diseños vectorizados, vídeos, GIF, logotipos, etc.


En este sentido, lo mejor es sostener una coherencia y cohesión en todos los elementos visuales de la web (identidad corporativa y géneros de formatos de contenidos utilizados) y emplear iconos propios o bien armonizados/estandarizados.


Como por ejemplo:


  • La casa para la home.
  • Las barras horizontales para el menú.
  • La lupa para la caja de búsqueda de la página.

A esto me refiero cuando comento, que los elementos visuales sean fácilmente identificables por el usuario.


2. Congruencia y consistencia de los elementos y opciones de estructura de la web


Este es uno de los errores más usuales en accesibilidad y usabilidad web en la mayoría de páginas.


Es necesario mantener ciertos elementos en el mismo lugar como los botones, menús, funciones, logos o bien imágenes de forma siempre alcanzable para el usuario en todos y cada páginas de la página web.


Es decir la estructura y elementos comunes a todas las unas partes de la página como:


– El menú desplegable superior primordial.


– La imagen de fondo del header.


– Las opciones del footer, como el mapa web y las páginas.


– Otras alternativas que ofrece la web


Se trata de un aspecto muy importante de usabilidad web, en tanto que permite al usuario acceder de una página o sección a otra de la web con un solo clic y evitar problemas de confusión y desorientación.


3. Funcionalidad y facilidad de uso


Este es un aspecto que define realmente bien el nivel de usabilidad de una web (indispensable en plataformas).


Esto se debe a que cuantas más y con mejores funciones cuentes en tu web, más utilidad tendrá para el usuario. Pero este no es el único aspecto reseñable en lo que se refiere a utilidad.


La utilidad que hallen los usuarios, también dependerá en buena medida de la facilidad de empleo de las distintas opciones y funciones de la web.


Para ello, es esencial que la web pueda ser usada tanto por:


  • Usuarios expertos (opciones de filtrado de la información, herramientas complementarias, opciones complejas y muy técnicas…). seo en españa /li>
  • Noods o bien novatos (opciones más básicas de uso, como motores de búsqueda, comparadores, etcétera).

Tenemos que tener un sitio web dispuesto para todo tipo de usuarios. Para ofrecer así la máxima flexibilidad posible, a menos que nuestro público esté compuesto únicamente de expertos (algo extraño).



4. Opciones de rectificación y libertad de usuario


Como errar es humano, y todos nos equivocamos alguna vez, contar con esa posibilidad es esencial para ofrecer una adecuada usabilidad web a los usuarios. Por ello se deben tener en consideración opciones como:


• Editar


En perfiles, registros, contenidos, etc. Ojo, este tipo de cambios de usabilidad web son fundamentales en plataformas web.


• Botones.


Para regresar atrás, borrar y deshacer acciones efectuadas en la página web.


• Autocompletado de campos y búsquedas.


Son siempre una gran ayuda para acotar su búsqueda (filtrado de resultados) y facilitar exactamente la misma cuando el usuario se confunde al escribir algo en una web.



• Métodos de confirmación de la dirección de correo electrónico o contraseña con doble campo en los formularios para validar y confirmar si el e-mail y/o la contraseña son adecuados.




Validaciones o comprobaciones de formulariosy campos de formulario en tiempo real.


Se trata de una enorme opción a fin de que cuando los usuarios rellenen los campos de un formulario no se olviden de rellenar el siguiente hasta llenar al menos los obligatorios. Y que de este modo no puedan enviar campos vacíos a la base de datos.


5. Información suficiente y necesaria:


Uno de los grandes problemas que persisten aún hoy en día en usabilidad web, son los relacionados con la visibilidad del estado de procesos o bien estado del sistema de cara al usuario.


Es común (a todos nos ha pasado alguna vez) efectuar un registro, completar un formulario o descargar un fichero y no saber si el proceso se ha completado con éxito o no.


Por este motivo, es fundamental, que el usuario sepa en todo instante que está ocurriendo en la página y ofrecerle información lo más rápido posible.


Para ello, puedes:



Crear una landing page


Crear una landing que se cargue una vez el usuario complete o esté llevando a cabo la acción en la página web. Informándole sobre el proceso y la forma en que contactarás con la persona.


Además, te servirá para poder ofrecer contenidos interesantes y captar su atención cara otras unas partes de la página web entre otras muchas posibilidades. Aquí la inventiva juega un enorme papel.



• Si cuentas con elementos para su descarga por la parte de los usuarios, usar barras de carga de procesos puede ofrecer una gran usabilidad web a tus usuarios.




Emplear migas de pan.


Las migas de pan o Breadcrumbs en inglés, son uno de los requerimiento del W3C para lograr el nivel A de accesibilidad web.


Ya que se trata de una opción que se muestra en todos y cada página, a fin de que el usuario pueda encontrar el lugar en que se encuentra relación a la home o bien página de inicio. Es decir, la ruta que ha seguido el usuario en comparación con la estructura de contenidos del lugar.


Esta es una opción que además de prosperar la usabilidad web, te ayudará a crear una estructura más lógica de información y contenidos en la página.



• Utilizar
indicadores en procesos de adquiere online.


Son una enorme forma de informar al usuario sobre la fase en que se halla del proceso de adquiere en tu página web.


También es una buena opción reducir y simplificar el proceso de compra lo máximo posible, para que el usuario deba hacer los mínimos clicks y scroll posibles.



• Emplear
pop ups o bien página de aterrizaje de situación de la conversión(registro / suscripción / adquiere de producto o servicio) con confirmación.




Confirmación donde se indique al usuario el envío de un mail para que haga clic en el link y así poder confirmar y acabar el proceso.


6. Facilitar la búsqueda al usuario


Es mucho más fácil que una persona reconozca algo, que lo deba rememorar.


Por desgracia el día de hoy en día, el bombardeo de información es bestial, y resulta más que imposible poder recordar todos y cada uno de los datos y también informaciones que recibimos.


Por este motivo, es necesario facilitar la búsqueda del usuario mediante el reconocimiento de elementos, y no mediante la memorización de las funciones y elementos de interés en la web.


Esto es un tema fundamental en ecommerce. En tanto que una pequeña previsualización del elemento, producto, artículo, servicio, herramientas, etcétera, puede facilitar enormemente la búsqueda y acceso a la información de los usuarios.



También es importante tener en consideración qué es lo que procuran más habitualmente los usuarios en la web. Y cómo realizan dicha búsqueda para ir mejorando la contestación de usuario.


Esto se puede lograr incorporando mapas de calor y un análisis del comportamiento de visitas en la web (análisis del funnel y las conversiones).


7. Diseño Minimalista


Actualmente el usuario busca encontrar la información de forma rápida y simple. Y no hay mejor manera de lograrlo que diseñando un web sencilla, con un diseño espacioso y luminoso. Una estructura clara, con información relevante y concisa y al alcance de pocos clics.


8. Prevenir y sanar fallos o fallos en la web:


Algo con lo que muchas páginas no cuentan en la actualidad son landing pages personalizadas para los diferentes errores. Fallos que se pueden producir en una web a lo largo de la navegación por exactamente la misma.


Me refiero a una landing. Donde en vez de aparecer el clásico mensaje error 404 not found, aparezca un mensaje afable que diga algo así:



De esta manera, vamos a poder redireccionar al usuario a otras unas partes de la web que puedan ser de su interés. A pesar de no poder hallar lo que buscaba en un principio e informarle sobre que está ocurriendo en ese instante y que debe hacer para salir de esa página sin abandonar tu página web.


9. Información y capacitación de usuarios


En ocasiones, un proyecto web puede resultar de empleo complicado incluso para usuarios especialistas (esto ocurre mucho en las plataformas on line como las herramientas de analítica web).


Por fortuna existen varias soluciones para poder aportar conocimientos e información de utilización a tus usuarios:


• Creación de documentación, instrucciones o un pequeño manual básico de funcionamiento.



• Creación de una
con las contestaciones a las preguntas más frecuentes que suelen hacer los usuarios para solucionar las dudas generales que pueden surgir. Tanto en el uso de las funciones de una página como en su estructura.


Son las conocidas como (FAQs o bien Frequently Asked Questions).



• Los mensajes e iconos de ayuda (puede ser la clásica interrogación) próxima a aquellas opciones que puedan resultar más complejas al usuario mejorarán formidablemente la usabilidad de una web.




Creación de tours y demos virtualesde la página web donde se muestre lo más diferencial y también esencial de exactamente la misma de forma rápida y simple.


10. Tiempos de carga en la página web, clave para la usabilidad web


Por regla general, una web jamás debe tardar más de cinco segundos en cargar. En tanto que más de ese tiempo la ralentizaría demasiado y sería motivo suficiente a fin de que los usuarios la abandonen.


Los usuarios tienen una necesidad de inmediatez de la información importante en nuestros días.


Por ello, se debe reducir al mínimo la percepción que tienen sobre la lentitud de la velocidad de carga de la página web.


No tomar en consideración este factor, puede ser muy contraproducente para la página y mostrará una deplorable usabilidad web en tanto que genera muy poca confianza que un sistema funcione de este modo.


Para solventar estos inconvenientes, puedes realizar acciones de WPO o bien Web Performance Optimization (optimización de rendimiento web):



Habilitar la compresión gzipen servidor la cual te deja comprimir los recursos antes de ser servidos a los navegadores de los visitantes.



Comprimir y optimizar las imágenesde la web.



Colocar los códigos CSS,más rápido en cargar siempre al principio de los ficheros.


Y poner los códigos JavaScript (más lento en cargar) siempre al final de exactamente los mismos. Para que la web se vaya cargando aunque el código JavaScript tarde un poco más.


• Usar
versiones minimizadasdel código.


• Escoger un buen
servicio de hosting.


La velocidad de tu sitio, está muy ligada a la elección de un buen alojamiento web.


Un hosting web de determinada calidad puede ser una buena manera de mejorar el tiempo de respuesta en tu web.


Por ello, os aconsejo usar páginas de comparativa de servicios de alojamiento en línea como
a la hora de escoger el hosting que más se adapte a las necesidades de tu sitio en cuanto a precio, calidad, servicios y demás características a tomar en consideración.


No olvides nunca, que la mejor página, será la que mayor usabilidad web ofrezca y la que más alcanzable resulte y sea percibida por los usuarios.


Os dejamos pero información en otra guía de usabilidad y
con los fallos más frecuentes, quizás te sea útil para encontrar más aspectos de mejora en tu página.


También puedes hallar muchos más cambios y fallos de usabilidad web en esta completa Guía en PDF descargable.


Espero que la lectura haya sido entretenida y útil.


Y tú, ¿qué errores de usabilidad web has detectado en tu página y cuáles crees que se deberían incluir en esta lista?


Déjanos tu comentario, todas y cada una de las aportaciones y también ideas son siempre bienvenidas.