guía imprescindible sobre cómo mejorar la usabilidad web ......la usabilidad web son el conjunto...

Guía imprescindible sobre cómo mejorar la usabilidad

web de tu páGina

n esta guía quiero hablar sobre la usabilidad web, ese concepto y término tan temido todavía hoy en día por muchos desarrolladores y programadores de páginas (se trata de algo que hasta hace no mucho no con-trolaban demasiado y que no suele agradarles demasiado), pero a la vez muy importante para el éxito de un proyecto online.

Empiezo la guía con polémica, ya que habrá muchos que digan “que afirmación más genérica y gratuita”. Pues al respecto, tengo que decir que está basada y constatada en mi experiencia personal y en lo que he ido apren-diendo a lo largo de estos maravillosos años en neoattack.

Por ello, cada vez es más imperativo el complemento de profesionales y empresas con un perfil más especiali-zado en diseño web frontend y marketing online para este tipo de proyectos.

Bajo mi punto de vista un buen equipo de desarrollo web debe contar con dos tipos de perfiles diferenciados (diseñador y desarrollador) que sean especialistas cada uno en su campo y se complementen en la elaboración del proyecto.

He visto muchos profesionales y autónomos que hacen las web de arriba abajo de forma completamente per-sonalizada a un precio bastante competitivo, pero con un diseño anticuado, poco atractivo y una mala o baja usabilidad web para el usuario. Esto es debido a que en muchos casos no suelen contar con partners en otras áreas de proyecto realmente especializados en los distintos campos de la producción web para competir en precio y no encarecer sobre medida los proyectos.

Pero se olvidan de algo muy importante: Si la web se hace difícil de manejar, poco atractiva o poco eficaz de nada servirá el desarrollo.

Un programador o desarrollador web, es un profesional del código y sabe hacer maravillas en este sentido, pero no es un especialista en diseño, usabilidad,

experiencia de usuario y marketing online.

Con esto no quiero decir que todos los desarrolladores autónomos sean así, ojo. Los hay muy completos (cada vez más) con muchísima creatividad y clarividencia para el tema del diseño y el marketing.

De hecho, hay grandísimos profesionales que dominan muy bien sus técnicas y saben cómo hacer que un proyecto funcione ellos solitos, pero por regla general es mejor contar con un profesional en la materia ya que cuesta bastantes horas pulir todos los detalles de usabilidad y experiencia de usuario en un proyecto mediano o grande.

“Es necesario pensar en el usuario”

e2.

@gomezzorrillalaculturadelmarketing.com

https://twitter.com/gomezzorrilla

https://laculturadelmarketing.com/

Por este motivo, para lograr los objetivos planeados y conseguir que los usuarios lleven a cabo las acciones previstas para un proyecto online resulta necesaria una mejora continua, sistemática y reiterada de la usabili-dad web, y para ello, es imprescindible contar con los servicios de profesionales especializados en la materia.

Los usuarios son cada día más exigentes y la competencia es absolutamente brutal.

Por ello, en esta guía voy a daros unas claves de la evolución, la importancia y las posibles mejoras de usabili-dad web que puedes poner en práctica en tu página para lograr el mayor de los éxitos con tu proyecto online.

“Los desarrolladores crean webs, no las posicionan, ni promocionan ni consiguen

más o menos ventas.”

“El que no se diferencia y no ofrece calidad e implicaciónen todos los aspectos de negocio con el cliente,

no se come un rosco.”

3.




Lo primero de todo será definir el concepto de usabilidad web.

Usabilidad definición:

¿por qué es tan importante la usabilidad web y cuál ha sido su evolución en los últimos años?

Se trata de una serie de buenas prácticas que empezaron a usarse ya hace algunos años (concretamente “un tal” Jakob Nielsen formuló los primeros principios de usabilidad allá por el 95) por la propia necesidad que te-nían los usuarios online de poder buscar y acceder a funciones, contenidos, etc., de una forma sencilla, rápida y eficaz.

Jakob detectó que determinados fallos de usabilidad en las web, generaban el abandono de páginas, la reduc-ción de visitas a aquellas webs que no pulían este tipo de detalles, unos malos porcentajes de conversiones, la creación de una mala imagen de la marca, el no cumplimiento de las expectativas y necesidades de los usuarios para con la web, etc.

Otro enfoque para definirla sería el siguiente:

La usabilidad web son el conjunto de técnicas que han ido poniendo en práctica los SEO’s y desarrolladores a lo largo de todos estos años para con-seguir que el tráfico de las webs que posicionan fuese convirtiendo cada vez más y a su vez fuese gustando más al usuario y a Google.

El concepto de usabilidad web del inglés web usability, hace referencia a la facilidad de uso con la que los usuarios interactúan con un sitio web y el conjunto de técnicas utilizadas para la mejora de este aspecto.

Hasta ese momento, las páginas web (salvo algunas excepciones claro está), eran un caos en cuanto a diseño, estructura, manejabilidad, funcionalidad y búsqueda. Pronto empezaron a aparecer algunos proyectos y marcas que comenzaron a darse cuenta de que por este camino no iban a ninguna parte y comenzaron a aplicar nuevas técnicas y mejores diseños web que pensaran más en el usuario (la forma de utilización, utilidad, sencillez y rapidez de la web) que en el fin, así como la imple-mentación de cambios relativos a la mejora de la usabilidad web (siguiendo los principios que formuló Jakob Nielsen sobre usabilidad).

¿QuÉ es la usabilidad web?

4.




Lo fueron logrando principalmente mediante la satisfacción del cliente/usuario, los diseños optimizados y funcionales, las estructuras de contenidos identificables y claras, el correcto enlazado interno de la web,…

Google, el rey de los motores de búsqueda, por su parte, también fue teniendo cada vez más en cuenta este tipo de factores negativos de cara a los usuarios y fue acabando poco a poco con la falta de usabilidad en las web utilizando el gran poder de presión del que disponía y dispone. Y te preguntarás:

Pues como te estarás imaginando, mediante el posicionamiento orgánico en las SERP’s.

Al aplicar sus conocidos factores de posicionamiento web seo fuertemente relacionados con la usabilidad UX y la experiencia de usuario (métricas como la tasa de rebote y el tiempo de estancia son métricas claramente indicativas de ello), no dieron opción a que esto continuara.

Fue entonces, cuando todo el mundo se dio cuenta de que el usuario es lo que realmente importa (si es que quedaba alguno todavía que pensara lo contrario) y que si se quiere tener éxito con un proyecto se ha de ofre-cer tanto una buena imagen, como una buena funcionalidad y sencillez de uso.

La tecnología y el aumento de la tecnificación (nuevos dispositivos móviles, nuevas opciones de desarrollo, etc.) han hecho imprescindible la evolución de forma paralela a estas, de la usabilidad web llevándonos al pun-to de una necesaria simplificación, adecuación y armonización de ciertos aspectos de forma común a todas las webs para poder ofrecer una experiencia de usuario única, positiva y efectiva.

En este gráfico se puede apreciar de forma clara la importancia y necesidad de esta evolución de la usabili-dad web a lo largo del tiempo en función de sus principales factores explicativos.

¿Cómo lo hizo y cuál es ese poder?

5.


https://laculturadelmarketing.com/posicionamiento-seo-12-puntos-basicos/



Bien, una vez que hemos visto la importancia, origen y evolución de la usabilidad web, te estarás planteando, ¿cómo se consigue crear una web usable?

Pues mediante la implementación y mejora continua de:

Ten en cuenta que todas las estrategias de Marketing Online deben tener como pilar o eje central un diseño de página web, ya sea el Marketing de Contenidos, el posicionamiento natural en buscadores, el emailing o email Marketing, la publicidad de pago o el Social Media Marketing.

Si la web no está bien desarrollada y diseñada y no ofrece las expectativas que esperan los usuarios, es más que probable que tus acciones fracasen estrepitosamente, ya que será el punto al que llegue el usuario para su conversión final. Personalmente es un tema que me apasiona y se trata de una disciplina a la cual dedico gran parte de mi trabajo desde hace algún tiempo.

En esta guía voy a intentar centrarme únicamente en el tema de la usabilidad web y daros algunos de los con-sejos y aspectos más importantes a tener en cuenta, por que como tenga que hablar de cada detalle o cambio y sus múltiples aspectos y posibilidades, tendría que escribir una enciclopedia y ya me he alargado bastante con la introducción, lo sé ;)

Presta mucha atención a continuación, porque aquí viene la miga de esta guía.

La experiencia de usuario (muchos de los aspectos a pulir respecto a la experiencia de usuario, están íntimamente relacionados con la implementación de mejoras en usabilidad).

La usabilidad web

El diseño centrado en el usuario (DCU).

Para que una página web tenga una buena funcionalidad, es decir, que sea amigable y sea considerada como user friendly o con una buena usabilidad web por lo usuarios, es necesario realizar los cambios y ajustes que sean necesarios a nivel de diseño en la web, para que esta sea lo más intuitiva y cómoda de manejar posible.Para ello, deberás ponerte en la mente del visitante/cliente potencial/usuario (importante identificar el tipo de tráfico en función del tipo de página y los servicios/productos que esta ofrezca) e identificar:

Será la mejor forma de determinar los aspectos más básicos de mejora de la usabilidad web de tu página.

¿Cómo lo busca?

¿Qué es lo que busca?

¿Cómo lo quiere encontrar?

eVolución o aVance de la tecnoloGía web respecto al decliVe de la capacidad de usuario

¿cómo mejorar la usabilidad web de tu páGina?

6.


https://laculturadelmarketing.com/sin-estrategias-de-marketing-online-no-haces-marketing/

https://blog.mailrelay.com/es/2017/01/17/como-hacer-mailing

https://laculturadelmarketing.com/como-disenar-una-estrategia-social-media/



Aunque puedas pensar que estos son aspectos demasiado globales y genéricos y suenan a verdad de Perogru-llo, son la base de cualquier estudio de usabilidad y experiencia de usuario. En cualquier caso, creo importan-te sintetizar lo que quiero decir con esto:

A continuación, voy a tratar de simplificar algunos de los cambios y mejoras de usabilidad web más comunes actualmente. Seguro que esta lista te vendrá muy bien.

En el caso de cómo lo busca, hago referencia al uso o forma de utilización de la web para encon-trar lo que busca (las opciones y funciones necesarias para que pueda llegar a la información y objetivo que deseamos).

Y en el caso de cómo lo quiere encontrar, estoy hablando de la utilidad que le encuentra y cómo de fácil y rápido le resulta la utilización de la web y la búsqueda de la información, que por regla general en la actualidad sería de una forma fácil y rápida.

Este es uno de los errores más frecuentes 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 imágenes de forma siempre accesible para el usuario en cada página de la web.

Es decir la estructura y elementos comunes a todas las partes de la página como el menú desplegable superior principal, la imagen de fondo del header, las opciones del footer (como el mapa web y las páginas) y otras opciones que ofrezca la web, deben ubicarse en los mismos lugares y ser persistentes a lo largo de todo el diseño de esta, salvo casos en los que la lógica indique claramente lo contrario.

Se trata de un aspecto muy importante de usabilidad web, ya 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.

coherencia y consistencia de los elementos y opciones de estructura de la web

Estos son algunos de los errores más habituales y básicos en la mayoría de páginas actualmente:

16 errores Y puntos de mejora Habituales en usabilidad web

Cuando me refiero a qué es lo que busca, me refiero a la forma de facilitarle el acceso a la infor-mación de interés en la web.

1.

7.




Otro aspecto fundamental a tener en cuenta en cuanto a usabilidad web en este sentido es que si la información no está correctamente agrupada y enlazada de forma interna entre sí (aquella informa-ción íntimamente relacionada entre sí) ofrecerás una usabilidad web terrible a tus visitas.

La falta de consistencia es un error de usabilidad web muy típico en la mayoría de páginas. Al respec-to, hay dos cosas que hacen de una web consistente y que se deben tener en cuenta para mejorar la usabilidad de la web:

Todos los botones, funciones, opciones e información deben funcionar de igual manera en todas y cada una de las opciones similares que aparezcan en las distintas partes de la web.

Los desarrollos siempre deben ser predecibles de cara al usuario de forma que aunque nunca haya estado antes en tu página, sepa manejarse dentro de la misma sin ningún problema.

Aspecto que define muy bien el nivel de usabilidad de una web (imprescindible en plataformas).

Esto es debido 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 cuanto a utilidad.

La utilidad que encuentren los usuarios, también dependerá en gran medida de la facilidad de uso de las distintas opciones y funciones de la web.

Funcionalidad y facilidad de uso2.

8.




Para ello, es importante que pueda ser usada tanto por usuarios expertos (opciones de filtrado de la información, herramientas complementarias, opciones complejas y muy técnicas…) como por noods o novatos (opciones más básicas de uso, como buscadores, comparadores, etc.).

Tenemos que tener un sitio web preparado para todo tipo de usuarios, desde los más novatos hasta los más experimentados para ofrecer de este modo la máxima flexibilidad posible, salvo que nuestro público esté compuesto únicamente de expertos (algo raro).

Se trata de uno de los errores más tontos y a la vez más repetidos en usabilidad web. Muchas páginas no tienen en cuenta que quien va a utilizarlas y quien va a buscar información en las mismas son seres humanos y que nadie lo sabe todo.

Por ello, una página con una buena usabilidad web en este sentido, debe tener en cuenta la lógica y el entendimiento humano, ya que no todo el mundo entiende inglés o términos técnicos de cada sector en el que operes.

Es muy importante:

En este sentido, lo mejor es mantener una coherencia y cohesión en todos los elementos visuales de la web (imagen corporativa y tipos de formatos de contenidos utilizados) y utilizar iconos propios o armonizados/estandarizados como 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).

información clara y útil3.

Conectar con el usuario mediante un lenguaje sencillo, conciso y agradable.

Plasmar información útil y fácilmente visible e identificable por cualquier persona.

Usar creatividades y elementos visuales atractivos y fácilmente identificables para el usuario, colocados en un orden lógico que pueda entender y seguir. Imágenes, diseños vectorizados, vídeos, GIF, logos, etc.

9.




Otra opción de estandarización de mejora bastante la usabilidad web en cuanto a claridad y utilidad de la información qué se ofrece en la página y cómo se distribuye la misma que muchas páginas no tienen en cuenta la estructuración de la información – contenido de la web y el mar-cado de las opciones que más nos interese mostrar y más importantes resulten para la página en función del tipo de visita media que realizan los usuarios de forma general en el entorno online. Generalmente los usuarios suelen buscar por internet rastreando el contenido de izquierda a derecha y de arriba hacia abajo.

10.




Como errar es humano, y todos nos equivocamos alguna vez, contar con esa posibilidad es esencial para ofrecer una correcta usabilidad web a los usuarios.

Por ello se deben tener en cuenta opciones como:

Opciones de rectificación y libertad de usuario4.

Editar: en perfiles, registros, contenidos, etc. Ojo, este tipo de cambios de usabilidad web son muy importantes en plataformas web.

Botones: para volver atrás, borrar y deshacer acciones realizadas en la web.

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

11.




Métodos de confirmación de la dirección de email o contraseña con doble campo en los for-mularios para validar y confirmar si el email y/o la contraseña son correctos.

Validaciones o comprobaciones de formularios y campos de formulario en tiempo real: se trata de una gran opción para que cuando los usuarios rellenen los campos de un formulario no se olviden de rellenar el siguiente hasta completar al menos los obligatorios y que de este modo no puedan enviar campos vacíos a la base de datos.

12.




No inclusión de enlaces en el proceso de compra: un error muy común en la mayoría de tiendas online, es que no se suele contemplar la opción de habilitar ningún tipo de vínculo externo al proceso de compra para evitar que el usuario abandone el mismo, pero se dejan de lado otros aspectos importantes.

Por ejemplo, los procesos de compra suelen ir en orden cronológico, cumpliendo una serie de pasos (siguiendo las migas de plan del proceso como verás a continuación). Hasta ahí todo co-rrecto, ya que suelen ser una buena forma de ubicar al usuario dentro del proceso de compra en la web.

El problema reside en que al no incluir enlaces dentro del proceso, no contemplan posibles equivocaciones del cliente potencial al ir completando el proceso, no permitiéndole volver atrás para subsanar dichos fallos y obligándole a tener que repetir todo el proceso, si quiere hacerlo de forma correcta.

Por lo general, este proceso de compra está compuesto de los siguientes pasos:

- Paso 1: registro - Paso 2: relleno de la información de envío necesaria - Paso 3: relleno de la información de facturación necesaria - Paso 4: selección de forma de pago - Paso 5: pago e información de situación y finalización del proceso comercial y de pedido

Este es un aspecto que puede perjudicar gravemente el nivel de conversión del sitio si no se sol-venta. Para su solución, es tan sencillo como colocar enlaces en los distintos pasos, para dirigir al usuario adelante o atrás según lo requiera.

13.




En este ejemplo, no se puede ir hacia adelante o hacia atrás para cambiar productos por ejemplo, aunque sí que existen enlaces que te permiten salir del proceso comercial para continuar com-prando o salir al menú principal y de este modo poder modificar los productos de la cesta (pero ya te obliga a salir del proceso no a ir hacia delante o detrás en el mismo en cada caso).

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 estado del sistema de cara al usuario. Es común (a todos nos ha pasado alguna vez) realizar un registro, completar un formulario o descargar un archivo y no saber si el proceso se ha completado con éxito o no.

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

Para ello, puedes:

Información suficiente y necesaria5.

Crear una landing page: crear una landing page que se cargue una vez el usuario complete o esté llevando a cabo la acción en la web informándole sobre el proceso y la forma en que contac-tarás con la persona. Además, te servirá para poder ofrecer contenidos interesantes y captar su atención hacia otras partes de la web entre otras muchas posibilidades. Aquí la creatividad juega un gran papel.

14.


https://laculturadelmarketing.com/que-es-landing-page/



Si cuentas con elementos para su descarga por parte de los usuarios, utilizar 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 requerimien-to del W3C para alcanzar el nivel A de accesibilidad web, ya que se trata de una opción que se muestra en cada página, para que el usuario pueda encontrar el lugar en que se encuentra rela-ción a la home o página de inicio. Es decir, la ruta que ha seguido el usuario en comparación con la estructura de contenidos del sitio.

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

15.




Utilizar indicadores en procesos de compra online: son una gran forma de informar al usuario sobre la fase en que se encuentra del proceso de compra en tu web.

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

Emplear pop ups o landing page de situación de la conversión (registro / suscripción / compra de producto o servicio) con confirmación donde se indique al usuario el envío de un mail para que haga click en el enlace y de este modo poder confirmar y culminar el proceso.

16.




Es mucho más sencillo que una persona reconozca algo, que lo tenga que recordar. Por desgracia 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 e informaciones que recibimos.

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

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

Facilitar la búsqueda al usuario6.

También es importante tener en cuenta qué es lo que buscan más frecuentemente los usuarios en la web y cómo realizan dicha búsqueda para ir mejorando la respuesta de usuario. Esto se puede conse-guir implementando mapas de calor y un análisis del comportamiento de visitas en la web (análisis del funnel y las conversiones).

17.




Actualmente el usuario busca encontrar la información de forma rápida y simple, y no hay mejor for-ma de conseguirlo 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.

diseño minimalista7.

18.




Algo con lo que muchas páginas no cuentan actualmente, son landing pages personalizadas para los diferentes errores que se pueden producir en una web durante la navegación por la misma.

Me refiero a una landing page, donde en vez de aparecer el clásico mensaje error 404 not found, apa-rezca un mensaje amigable que diga algo así:

prevenir y curar fallos o errores en la web8.

De esta manera, podremos redireccionar al usuario a otras partes de la web que puedan ser de su interés a pesar de no poder encontrar lo que buscaba en un principio e informarle sobre que está ocu-rriendo en ese momento y que tiene que hacer para salir de esa página sin abandonar tu web.

19.




En ocasiones, un proyecto web puede resultar de uso complicado incluso para usuarios expertos (esto ocurre mucho en las plataformas online 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:

información y capacitación de usuarios9.

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

Creación de una landing page con las respuestas a las preguntas más frecuentes que suelen hacer los usuarios para resolver las dudas generales que pueden surgir en el uso de las funciones de una página. Son las conocidas como (FaQs o Frequently asked Questions).

20.




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 tremendamente la usabilidad de una web.

21.




creación de tours y demos virtuales de la web donde se muestre lo más diferencial e importan-te de la misma de forma rápida y simple.

Por regla general, una web nunca debe tardar más de 5 segundos en cargar, ya que más de ese tiem-po la ralentizaría demasiado y sería motivo suficiente para que los usuarios la abandonen. Los usua-rios tienen una necesidad de inmediatez de la información importante actualmente. Por ello, se debe reducir al mínimo la percepción que tienen sobre la lentitud de la velocidad de carga de la web.

No tener en cuenta este factor, puede ser muy contraproducente para la página y mostrará una nefas-ta usabilidad web ya que genera muy poca confianza que un sistema funcione de esta manera.

Tiempos de carga en la web10.

22.




- Habilitar la compresión gzip en servidor la cual te permite comprimir los recursos antes de ser servidos a los navegadores de los visitantes.

- Comprimir y optimizar las imágenes de la web.

- Colocar los códigos CSS (más rápido en cargar) siempre al principio de los archivos y los có-digos JavaScript (más lento en cargar) siempre al final de los mismos, para que la web se vaya cargando aunque el código JavaScript tarde un poco más.

- Utilizar versiones minimizadas del código.

- Elegir 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 cierta calidad puede ser una buena manera de mejorar el tiempo de respuesta en tu web. Por ello, os recomiendo utilizar páginas de compa-rativa de servicios de alojamiento online como www.hostcupon.com a la hora de seleccionar 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 tener en cuenta.

Para solucionar estos problemas, puedes llevar a cabo acciones de Web Performance Optimization (optimización de rendimiento web):

Como muchos sabréis, en una página web existen varios tipos de formularios que pueden implemen-tarse para según qué función en cada caso. Pero algo que generalmente no se tiene en cuenta, es un correcto diseño de estos en cuanto a usabilidad.

Por ejemplo, es común encontrar webs que no colocan ejemplos de relleno en los campos del formu-lario, algo que puede dificultar al usuario su registro.

También es común encontrar problemas de traducción, donde los atributos que dan nombre e indi-can a que opción corresponde cada campo, están colocados en un idioma distinto al del resto de la web. Esto indica una clara falta de consistencia en el contenido y lenguaje empleados en la página.

Hay que decir al respecto que este problema no solo ocurre en los formularios, sino que también apa-rece en otras opciones cómo por ejemplo las cajas o barras de búsqueda interna en la web.

errores de etiquetado en los campos de formulario11.

23.


https://www.hostcupon.com/



Otro problema común, es no marcar los campos que se estén rellenando en cada momento por el usuario para que sepa en todo momento en que parte del mismo se encuentra y si está habilitado para su escritura, es decir, no se indican campos de formularios activos: en los formularios es importante destacar áreas de texto que se encuentran activas utilizando bordes resaltadas o un cambio en el color de fondo.

De igual modo ocurre, con los errores de tabulación, donde al pulsar TAB no lleva al usuario al si-guiente campo para su relleno, en aquellos campos que no muestran errores cuando el usuario se equivoca al rellenarlos o en los campos de relleno que requieren información innecesaria como te muestro a continuación.

Por último, otro error de usabilidad web común y muy molesto en los formularios de la web es no mantener los campos ya rellenos correctamente en el mismo cuando se ha producido un error de relleno solamente en uno de ellos.

Resulta muy tedioso para el usuario tener que volver a rellenar un formulario entero, sobre todo si tiene muchos campos de información, cuando sólo se ha equivocado en uno.

El formulario debe almacenar la información correcta introducida por el usuario y descartar y ofrecer un ejemplo de relleno para aquel campo en el que haya errado.

24.




Tiene delito que todavía queden miles de webs donde el logotipo no está enlazado con la home o página de inicio. Y es que se trata de una práctica cada vez más común entre los usuarios y si no la tienes en cuenta, estarás dificultando su navegabilidad a través de la página.

El error más común y más fácil de corregir12.

25.




Algo que lleva también algún tiempo siendo una práctica habitual de buena usabilidad web es el mar-cado de aquellas opciones utilizadas y vínculos visitados por los usuarios de la página cuando nave-gan dentro de la misma en distintos colores.

Esto es debido a que ofrece una pista visual de aquellas opciones que están utilizando y/o que han visitado y en las que se encuentran en ese momento en la web para poder saber su ubicación dentro de la web y las opciones ya visitas para no repetirlas.

No marcar o resaltar los enlaces u opciones utilizadas en la web13.

Este para mí es uno de los errores más graves de usabilidad en páginas web. Cada vez que entro en una web buscando información y me encuentro con que no tiene una barra de búsqueda interna, me pongo negro, y como yo, muchos otros usuarios.

Se hace muy complicado y tedioso buscar y encontrar información concreta en una web sin opciones de este tipo. Esto es muy importante en tiendas online y blogs para facilitar las búsquedas a los usua-rios. Pero no sólo basta con que poner una barra de búsqueda. Esta debe ir optimizándose y mejoran-do la calidad de los resultados que ofrezca en función de las búsquedas que vayan llevando a cabo los usuarios, ya que de lo contrario puede ocurrir lo siguiente:

No implementar opciones de búsqueda interna en la página14.

26.




Tampoco es necesario tener un algoritmo de búsqueda como el de Google, pero si ir mejorando los resultados de búsqueda que ofrezca para que poco a poco estos muestren información coherente y relevante.

Ten en cuenta, que cuanto más grande sea tu web y más contenido contenga, más necesario será la implementación de este tipo de sistemas internos.

El buscador no encuentra nada.

El buscador encuentra demasiados resultados pero ninguno con relación directa con la búsque-da realizada.

27.




Las URL’s amigables son una gran forma de mejorar la usabilidad web de tu página, ya que permiten al usuario saber en qué parte de la misma se encuentra respecto de la home y la estructura general de esta, al igual que ocurre con las migas de pan. También son más sencillas de recordar para el usuario y de este modo navegar de una forma más sencilla en la web.

Pero no es su única función; también mejora sensiblemente el posicionamiento orgánico de la página, ya que aporta una estructura lógica y planificada que Google puede rastrear e indexar de una forma más fácil y rápida y además si se redistribuye, puede incluso mejorar la eficacia del presupuesto de rastreo que tenga asignado a tu web.

Un ejemplo de URL mal titulada sería el siguiente: - http://www.ejemplodominio.com/B001G5ZTLS/ref=sr_1_5?s=foto&ie=UID7&qi-d=1384812626&sr=1-5

Ejemplos de URL bien titulada sería el siguiente: - http://ejemplodominio.com/nombre-de-la-pagina/ - http://ejemplodominio.com/categoría/nombre-de-la-pagina/ - http://ejemplodominio.com/ fecha /nombre-de-la-pagina/ - http://ejemplodominio.com/nombre-de-la-pagina-ID

Emplear URL’s amigables en la páginas de la web15.

Uno de los peores errores de usabilidad web en una página, es ofrecer categorías vacías sobre todo en una tienda online. Si el usuario entra en una categoría y la encuentra vacía, no le estarás ofrecien-do nada, con lo que probablemente abandonará la página (en muchos casos sin comprobar si el resto de categorías si tiene contenido e información).

Si tienes una tienda online, y estás implementando una nueva categoría en la misma, oculta dicha sección mientras la creas o en su defecto indica de alguna manera, que esta se encuentra en fase de construcción o desarrollo.

Mi consejo, es que adecues la cantidad de opciones que ofrezcas al tamaño de la tienda online y las categorías presentes en la misma, y nunca utilices categorías que no contengan nada salvo que lo indiques de alguna manera.

Insertar categorías desiertas16.

28.




Con todos estos consejos y formas de mejorar la usabilidad web, ya sólo te queda elegir un buen tema para decorar tu web o un cambio sustancial en el diseño si ya contabas con una página, un hosting que sea fiable y una buena selección de keywords con las que conseguir aparecer en las primeras posiciones de los resultados de búsqueda de Google.

No olvides nunca que la mejor página web será la que mayor usabilidad tenga y la que más accesible sea per-cibida por los usuarios. En cualquier caso, la mayoría de estos cambios y errores de usabilidad web ya vienen contemplados e incluso solucionados en la inmensa mayoría de las plantillas existentes para los principales CMS o sistemas de gestión de contenidos (Wordpress, Prestashop…, etc.) si te decides por este tipo de desa-rrollos más sencillos.

Determinar el tipo de página: blog, plataforma, ecommerce…

Analizar el enlazado interno de la web

Analizar la arquitectura web y la estructura de la información

Analizar la legibilidad

Analizar la sencillez de uso y la funcionalidad de todas sus opciones

Analizar el tiempo de carga y peso en la web

Analizar la accesibilidad

Para llevar a cabo un test de usabilidad UX, puedes seguir los siguientes pasos:

¿cómo realiZar un test de usabilidad web?

1.

2.

3.

4.

5.

6.

7.

Hasta aquí llega esta guía. Podría escribir páginas y páginas sobre este tema, pero creo que con esta información, puedes hacerte una buena idea de cómo funciona y cómo mejorar la usabilidad web de tu página. Espero

que la lectura te haya resultado útil y entretenida.

29.




@gomezzorrilla

laculturadelmarketing.com



guía imprescindible sobre cómo mejorar la usabilidad web ......la usabilidad web son el conjunto...

Documents