¿Qué es la Usabilidad Web?

Como todos sabemos, la usabilidad web y la experiencia de usuario son temas poco a poco más comunes en el desarrollo web, en tanto que es indispensable que el diseño esté siempre orientado y pensado para y por el usuario.

Y es que, es inútil diseñar una web muy atractiva estéticamente o muy sorprendente si exactamente la misma no tiene un funcionamiento claro, veloz y fácil para el usuario.

La tendencia actual, se orienta hacia la creación y diseño de webs minimalistas, con espacios limpios y una usabilidad intuitiva, práctica y fácil (esto es, del estilo de las Aplicaciones actuales). De esta forma se puede obtener un diseño atrayente y/o impactante y además ofrecer una usabilidad web plena a los usuarios.

Para desarrollar un sitio con una usabilidad web inmejorable y que la página sea todo un éxito, son precisos, una serie de pequeños ajustes que pueden representar grandes avances para exactamente la misma.

Quizás éste completo y detallado artículo sobre te resulte útil para conocer más sobre esos pequeños ajustes y aspectos que debes tener en cuenta para mejorarla en tu sitio.

Pero ya antes, deseo hablarte del origen y evolución de ciertas indicaciones de usabilidad general y usabilidad web más esenciales, a lo largo de las 2 últimas décadas, ya que por muchos cambios tecnológicos que hayan producido, dada la lógica y flexibilidad de estas directrices, continúan en el tiempo casi íntegras.

Back to top

1) Evolución de las directrices de usabilidad web en las 2 últimas décadas

Desde hace ya cierto tiempo, Norman Nielsen Group en su Weblog de noticias y artículos viene realizando publicaciones periódicas con actualizaciones sobre un artículo original que publicó (cofundandor del grupo Norman Nielsen junto a Donald Norman y Líder de la Usabilidad web a nivel del mundo del mismo modo que este último), allá por el 96, y que todavía prosigue siendo la guía básica de referencia con los fallos más comunes en cuanto a usabilidad web en la mayoría de páginas (es decir, lo que no hay que hacer si quieres tener una adecuada usabilidad web en tu lugar).

Esto es debido a que las indicaciones y criterios que analizó en sus estudios del comportamiento de las personas en comparación con uso de sistemas informáticos eran bastante generales y las reflexiones tenían una lógica o bien argumento, que trascendía y trasciende más allá de los avances técnicos producidos en los últimos 20 años y los nuevos sistemas digitales de que disponemos.

Y es que, aunque la usabilidad, está íntimamente a la tecnología y el estudio de sistemas y su empleo por la parte de los usuarios, también está íntimamente relacionado con la psicología.

Han cambiado muchos hábitos, usos y comportamientos en el usuario durante los años (debido como es lógico a los cambios técnicos y tecnológicos de que disponemos actualmente), mas la base y reglas prosiguen siendo las mismas o por lo menos muy afines, en tanto que su objetivo, es que fueran flexibles y amoldables a los nuevos tiempos.

De hecho, el propio Jakob Nielsen en un artículo posterior sobre la , aseveró que “aproximadamente el 90 por cien de las directrices de usabilidad general formuladas en 1986 seguían siendo válidas en 2005” (fecha de dicha publicación).

Actualmente, todavía prosigue habiendo un gran número de directrices válidas (en un artículo siguiente, Jakob, analizó y concluyó, que “un notable ochenta por ciento de los hallazgos de los estudios de en la década de 1990, continúan siendo válidos hoy”), si bien lógicamente, muchas de exactamente las mismas, tienen una menor relevancia en nuestros días, en tanto que deben ver con elementos de diseño que pocas veces se emplean ya, o bien ya no son aplicables debido a que se relacionan con tecnologías de interfaz extrañamente usadas o desfasadas (mejores navegadores, ancho de banda, etcétera).

En siguientes actualizaciones del artículo , se ha seguido apuntando a ciertos problemas  que no son exactamente nuevos y que aún el día de hoy siguen siendo inconvenientes para millones de sitios web en lo que se refiere a su usabilidad.

Por supuesto, a Jakob Nielsen no le han faltado los opositores durante estos años en sus predicciones y directrices.

Como mismo cuenta, en ciertas de sus publicaciones, los críticos que difieren sobre estas indicaciones, generalmente defienden y aducen la certidumbre de los descubrimientos sobre usabilidad web que realizó hace cinco años como algo evidente, cuando las rechazaban en ese instante de forma vehemente y tajante.

Por ejemplo:

• En 1995: los opositores de la usabilidad dijeron que la prueba de usuario podría ser una buena manera de progresar programas y aplicaciones (soluciones informáticas), pero que no funcionaba para los sitios.

Posteriormente, muchos de estas personas opinan actualmente lo opuesto, esto es, que los métodos de usabilidad podrían marchar para sitios, pero no para aplicaciones y programas informáticos (algo que asimismo es erróneo, en tanto que es válido y necesario para ambos).

• En 2000: Muchas personas creían que las guías de usabilidad podrían estar bien para sitios web estáticos, pero que no eran recomendables en páginas que empleasen excesivamente el Flash (algo descabellado pensándolo ahora, en tanto que lógicamente, esta tecnología permitió hacer que los sitios fuesen más atractivos, apasionantes y dinámicos para el usuario).

Esas mismas personas, más tarde reconocían que esto tenía sentido, mas que las indicaciones de usabilidad generales no eran aplicables a la ” Web veinte “…

¿A dónde quiero llegar con todo esto? Puesto que, a resaltar la importancia fundamental de la usabilidad web en una página y demostrar que muchos de los son certeras y válidas aún.

Por todo ello, a continuación expongo los errores más frecuentes de usabilidad web y cómo evitarlos hoy en día en tu página, previa explicación de qué es la usabilidad y su importancia para el éxito de un sitio.

1.1) Definición de Usabilidad Web

El concepto de usabilidad web hace referencia a lo fácil o difícil que es el uso o utilización de un lugar o página web para el usuario de la misma, o sea, la usabilidad web es la medida de la calidad de la experiencia que tiene el usuario cuando emplea y/o interactúa con una web producto o bien sistema.

La usabilidad web se mide a través de el análisis y estudio de la relación que se produce entre las distintas funciones y herramientas de la web, (entendiéndose como semejantes, el sistema para la navegación, las funcionalidades y los contenidos ofrecidos por esta) y el empleo que se da por parte de los usuarios, para así determinar la eficacia en el empleo de los diferentes elementos ofrecidos en la página (en sus distintas pantallas) y la efectividad en el cumplimiento de las tareas o bien aquello que se pueda realizar o hacer a través de exactamente la misma.

Otra definición sobre usabilidad web podría ser la siguiente. Según el académico Yusef Hassan (Universidad de Granada), la usabilidad web es la disciplina que estudia la forma de diseñar webs a fin de que los usuarios puedan interaccionar con estas de la forma más simple, cómoda e intuitiva posible. Para ello, la mejor manera de crear un sitio web usable es realizando un diseño centrado en el usuario, o sea, creado para y por el mismo, en contraposición a lo que es un diseño web centrado en la tecnología o en la creatividad o bien originalidad.

También hay otras definiciones de usabilidad web, como la propuesta de el maestro Ricardo Baeza-Yates en un artículo del año dos mil dos en el que define la disciplina como un concepto que abarca una serie de métricas y técnicas que procuran hacer que un sistema sea simple y fácil de emplear y de aprender su uso. Esta definición es algo más genérica y abarca a cualquier dispositivo o sistema tecnológico que tenga que ser operado por un usuario como son las página u otros tipos de herramientas digitales como aplicaciones móviles, software informático para empresas, hardware y todo género de dispositivos digitales, etc.

Por último, podemos dar una última definición de usabilidad web ofrecida por la norma internacional ISO nueve mil doscientos cuarenta y uno-11: Guidance on Usability (1998). Según esta norma, la usabilidad web hace referencia al grado en que un producto puede ser usado por usuarios concretos para lograr metas específicas con efectividad, eficiencia y satisfacción dado un contexto específico de uso.

1.2) Significado y origen de la usabilidad:

El término usabilidad procede del inglés usability (se trata de una displina que nació en Estados Unidos y floreció debido al desarrollo digital y la aparición de las web sites en la década de los noventa), cuya traducción sería la siguiente; sencillez y simplicidad de empleo de un artículo u objeto. Se utiliza esta traducción debido a que no existe un término en castellano que describa con exactamente la misma precisión el término al que hace referencia. El término más similar en castellano sería el utilidad, mas debido a que no abarca la idea de sencillez o simplicidad en el empleo por parte de quien lo emplea, se consideró más cómodo el uso de la derivación de la palabra en inglés.

Back to top

2) Los nueve Errores más habituales en Usabilidad Web

Ningunas de las cuestiones abordadas en este punto son nuevas o bien sorprendentes. El ha tenido un extenso recorrido en estas dos últimas décadas, mas existen determinados problemas o bien errores de usabilidad web persistentes en la mayoría de webs.

Y es que, si bien cambien los patrones de diseño y la estética de las webs, las necesidades latentes del usuario siguen siendo realmente exactamente las mismas. Los usuarios todavía:

• Necesitan hallar información de forma veloz (de hecho, esto es algo poco a poco más acusado).
• Necesitan ser capaces de encontrar dicha información sencillamente.
• Necesitan que esta información sea fácil de digerir y entender.

2.1) 1. Estructura y Contenido en la web

Algo que cualquier usuario detesta en el momento de buscar información en internet, es no encontrar lo que busca cuando accede a una página. Esto es debido a que muchos sitios web ofrecen nombres de categoría poco claros y/o faltos de información, puesto que no describen de forma adecuada o bien con precisión el contenido que hay dentro de los mismos.

Esto ocurre con frecuencia, cuando el administrador del sitio, piensa en la distribución del contenido como a él le agradaría localizarlo (que no siempre y en toda circunstancia es una mala opción, si se hace con los pies en el suelo claro está) y no en de qué forma buscan realmente los contenidos sus usuarios y personas que estén buscando información específica.

Es decir, la estructura del lugar no coincide con lo aguardado por el usuario en cuanto a de qué forma debe organizarse la información, con lo que les será más difícil llegar a la misma y por consiguiente una más que probable salida de la página web en pos de información en otras webs en las que el contenido sea más fácil de localizar y este mejor distribuido.

Normalmente los usuarios tienen un mapa mental del género de información que quieren conseguir, la distribución de exactamente la misma y su estructura, por lo que cuanto más se ajuste y mejor sea la distribución y organización de los contenidos en la página con respecto a las necesidades de información de tu público o objetivo, mayor usabilidad en tu web vas a poder ofrecerles.

Esto es algo fácil de decir, mas complicado de hacer. Lo normal es buscar una estructura semántica de los contenidos clara y también reconocible para cualquier persona, o bien al menos para tu público si abordas temas muy técnicos en la web.

Por ejemplo, si la página web tiene que ver el sector de la limpieza y cuenta con un weblog para prosperar el posicionamiento, de los usuarios y el tráfico de la misma, lo razonable es que distribuyas los contenidos de forma clara a fin de que estos puedan hallarla de manera sencilla.

Como puedes comprobar en esta web del sector de limpiezas, hay una relación directa entre los servicios que ofrece la compañía y los contenidos que ofrece en su página web, aparte de una clara clasificación de los , para de esta forma, favorecer que los usuarios encuentren siempre la información que procuran de forma rápida e intuitiva.

Si no tienes mucha creatividad y/o no andas muy inspirado cuando la distribución de la página web en este aspecto, puedes fijarte en de qué manera lo ha hecho tu competencia y también intentar mejorarlo de alguna forma para fortalecer la usabilidad de la página web, como menús desplegables, clasificación fácil y simple, distribución de todos los contenidos sobre una cierta temática concreta en su respectiva categoría, etc.

En este caso, el weblog de la competencia, no está meridianamente distribuido en categorías, mas cuenta con un buscador para hacer más sencilla la búsqueda de información al usuario.

La primera opción es más cómoda y sencilla para el usuarios, ya que el buscador interno de la página web habitualmente tampoco llega a ser realmente funcional si el blog tiene una gran cantidad de contenidos similares.

Otra opción, que además de esto es bastante recomendable, es dejarse asesorar por los propios usuarios, pidiendo opinión a amigos, conocidos, compañeros, familia, etcétera, mediante encuestas y valoraciones de la web.

No hay mejor forma de progresar la usabilidad de una web, que involucrar en su proceso de creación de estructura y distribución del contenido, a los usuarios, y quien mejor para hacer de cobaya en tus experimentos de usabilidad que las personas de tu ambiente.

También puedes emplear pruebas de usabilidad de arquitectura de la información, como por ejemplo:

Clasificación Tarjeta (Card Sorting)

Se realiza antes de crear la estructura de la página web, a fin de que puedas comprender de qué forma los usuarios organizarían de forman natural el sitio, es decir, como a ellos les agradaría o bien piensan que debería distribuirse.

La eficiencia de la tarjeta de clasificación está en la simplicidad de su empleo como método de comprobación de la usabilidad web.

Es tan sencillo, como escribir los diferentes elementos o (servicios o  productos) en tarjetas o notas (blog post-it), y se verifica con diferentes usuarios, como distribuirían los mismos de la forma más lógica para ellos, o bien como aguardarían hallarlos de manera que tenga sentido para ellos, para más tarde equiparar las diferentes opiniones y resultados y tomar los coincidentes para edificar la estructura de los contenidos en la página web.

También se puede hacer mediante herramientas de pruebas de usabilidad como , que puede examinar los datos de forma veloz y fácil por ti.

Realización de pruebas árbol

Se trata de una evolución del Cart sorting pero para un árbol de contenido. Ya antes de armar un sitio web, es necesario probar con usuarios, si la página tiene una estructura eficaz y entendible para los usuarios. Por este motivo, los usuarios van a deber realizar la selección de card sorting y la inclusión de las opciones, jerarquía y orden elegidos en un mismo o diferentes diagramas de árbol, conforme considere y los criterios que se establezcan en tal prueba.

Las Pruebas Árbol asimismo se pueden realizar tras la creación de la estructuración de los contenidos de la página web, como una manera de validar su éxito o indicar su margen de mejora. O sea, los test de árbol, te dejan probar la arquitectura de la información de tu web, también, tras su diseño. Con este tipo de prueba, se puede examinar el etiquetado y la jerarquía del contenido.

Se trata de uno de los pasos más importantes al principio del proceso de diseño de una web, en tanto que implica a los diferentes participantes en la creación del proyecto, pues requiere hallar diferente información y ponerla en común, para poder llevar a cabo un mapa teorético del sitio sobre el que se puedan trabajar los aspectos de mejora de la web en cuanto a usabilidad de forma clara para todos las personas involucradas en el proyecto (incluyendo el cliente del servicio si fuera el caso de un proyecto externo).

Focus group

Se trata de un test de usabilidad, que consiste en una reunión informal de entre 6 a 10 profesionales y/o especialistas (seis es más que suficiente), dirigidos por un moderador, normalmente el director o bien responsable del proyecto, con el objeto de obtener opiniones, sensaciones, actitudes e ideas de los componentes del equipo que lleven a cabo el proyecto de página web. Su objetivo es probar la usabilidad del diseño, identificar y corregir sus inconvenientes después de la creación de página.

También existen otras que puedes realizar de forma fácil, como comprobar aspectos de la página web como, por ejemplo:

1. ¿El sitio cuenta con algún eslogan? Y en tal caso, ¿dicho eslogan que sugiere a los usuarios? Para esto, puedes preguntar a algún familiar o amigo, que le sugiere el eslogan y si coincide con lo que tratas de transmitir en tu sitio.
2. ¿Los contenidos de la página principal están ordenados y preparados según los objetivos estratégicos previstos y marcados por la compañía en el entorno online?
3. ¿Son el título de página primordial y de páginas interiores largo o corto? ¿Es brev y descriptivo o complicado y falto de información?
4. ¿Tu sitio web cuenta con cajas o cajas de búsqueda para que los usuarios hallen la información de manera fácil? ¿Se ofrece texto escrito a modo de ejemplo en las cajas de busca de la página principal? ¿Qué longitud de texto deja buscar a los usuarios? ¿Si el buscador no halla la palabra introducida, se le ofrecen al usuario consejos, ayudas o estrategias relacionadas para facilitar su búsqueda?
5. ¿El usuario sabe en todo instante la sección de la página web dónde está de forma clara y concisa?
6. ¿Los usuarios pueden localizar de forma fácil los links y/o cajas de login y registro? Por lo general, lo lógico es ubicarlas en la parte superior, de formaclaramente visible para los usuarios.
7. ¿Se utilizan tablas en para maquetar o bien diseñar la estructura de la página?
8. ¿Se señalan los campos obligatorios u opcionales de los formularios de manera que el usuario entienda su obligatoriedad u opcionalidad en todos y cada caso?
9. ¿El diseño y estructura de la interfaz y de los menús, sigue la misma consistencia en todas y cada una de las secciones de la página?
10. ¿Actualizas frecuentemente el contenido del sitio web?
11. Si dispones de un weblog para asistir al , ¿ofreces entradas y/o pequeños resúmenes de los contenidos del mismo sin acceder a cada artículo? Es decir, ¿utilizas con regularidad las listas de HTML (etiqueta LI) en los textos y contenidos de la web para sintetizar o resumir ideas?
12. ¿Empleas la etiqueta bold o negrita para marcar las palabras clave y también información relevante para los usuarios en los textos de la web? Es una buena opción para señalar a los usuarios aquella información más relevante para su busca, mas no es aconsejable abusar de este formato de fuente como método de mejora de la usabilidad web de los contenidos y estructura del lugar.
13. En los contenidos del sitio, ¿usas las , H2 y H3 de forma jerárquica y secuencial en cuanto a su relevancia con respecto a la información que tratas de trasmitir a los usuarios?
14. ¿Las opciones de los menús se muestra en orden de mayor a menor frecuencia de uso?
15. ¿Usas oraciones atractivas o llamativas (metáforas, ironías o dobles sentidos) en los titulares y contenidos de la página web? Y en tal caso, ¿Son eficaces y claras o bien generan confusión en los usuarios?
16. ¿Se muestran imágenes de portada o algún icono que muestra de forma clara el contenido, objetivo o bien función de la sección con respecto al resto de páginas del mismo tipo en la web?
17. ¿Al utilizar abreviaturas o bien acrónimos en los textos y contenidos de la página web, muestras el significado de exactamente los mismos para favorecer la entendimiento por la parte de los usuarios que los desconozcan de los distintos términos?
18. ¿Usas el mismo tratamiento para el usuario en todas las secciones de la web? Es decir, si el tratamiento es de “tu” o de “usted”. Por servirnos de un ejemplo, en la página de contacto, puedes estar hablando de , y en la landing de registro, de tú.
19. ¿Moderas los comentarios o contenidos aportados por los usuarios de la página web?

Este punto, está muy interrelacionado con el precedente, en tanto que cuando los usuarios procuran contenidos e información en una web, y no pueden distinguir entre categorías o bien enlaces de navegación interna similares, se genera una situación de confusión para estos, ya que no saben cuál es el camino que deben seleccionar para localizar dicha información.

Como he indicado en el punto precedente, la estructura debe estar bien definida y ser clara para los usuarios.

Para ello, es indispensable que los nombres de categorías y links de navegación tengan sentido por sí mismos y que sean sencillamente reconocibles en cuanto a temática por la parte de los usuarios, mas asimismo se deben sostener en conjunción con otras alternativas del lugar, ya que:

• Si varias secciones o bien páginas podrían abordar una misma necesidad de información concreta o bien una temática de contenidos concreta, los usuarios esperan encontrar dicha información, por lo que si tenemos distintos enlaces de navegación interna enlazando a una misma categoría que otra pestaña de la página web, se puede producir confusión en el usuario (puesto que va a ver la información mezclada y no va a saber bien si es el lugar ideal donde hallar exactamente la misma) y además de esto, este es un aspecto bastante negativo para el posicionamiento web en buscadores del sitio web.
• La información puede acabar desperdigada alrededor del sitio, con poca o bien ninguna conexión entre sí, haciendo que los usuarios terminen en áreas absolutamente diferentes del sitio y la coherente impresión negativa que esto les producirá. Además, supone un inconveniente claro para la gestión del contenido en la página web, pues la información de una sección puede diferir o contrariar la ofrecida en otras áreas e incluso acabar duplicada (thin content).
• Los usuarios pueden pensar que no hay ninguna razón para localizar información relacionada complementaria en la web si no existen links en la misma que vayan a otros apartados, secciones y/o contenidos de forma clara.

Para mejorar esta serie de aspectos, se puede:

• Agregar links internos relacionados entre páginas que ofrezcan información interrelacionada.
• Considerar, por qué razón la información está desperdigada por toda la web e intentar consolidarla según corresponda y elegir el mejor lugar para esto. Se debe abordar cada tema de forma independiente en un lugar habilitado para tal fin en la web, realizando las subdivisiones y categorías precisas en la misma, mas sin sobrecargarla (buscar que sea lo más concisa posible en lo que se refiere a la arquitectura de los contenidos en la misma).

De esta forma, para eludir duplicidades y/o situaciones contradictorias, otras secciones de la web pueden referirse a la localización principal para ese tipo de contenido o temática acerca de ese tema, en lugar de replicar la información en sí misma.

De esta forma, los usuarios no tendrán que explorar cada sección de la web o bien tener que efectuar suposiciones para acertar y localizar lo que buscan en ese instante.

También es esencial marcar claramente las etiquetas y la jerarquía de las diferentes subsecciones para favorecer la fácil identificación de la estructura web por parte de los usuarios y revisar enlaces rotos, tanto salientes como internos (para su siguiente redirección, evitando de esta forma que los usuarios salgan de la web, por no hallar lo que necesitaban).

Existen dos posibles causas para la superposición o bien competencia interna de nombres de categoría que se deben tener en cuenta:

• Mal etiquetado: Los links conducen a un contenido que no es el que se busca, y es por lo tanto diferente a la categoría en cuestión, pero está etiquetado en exactamente el mismo por alguna razón. Para solucionar este aspecto, lo más esencial es mudar el del link de navegación para diferenciarlos entre sí (aunque esto, conllevará ).
• Contenido mal distribuido: si los enlaces de navegación, tienen como destino páginas diferentes con información muy interrelacionada entre sí, lo mejor es reordenar el contenido de forma que quede consolidado en una misma categoría y con etiquetas dependientes de esta, en tanto que de nada serviría en un caso así cambiar el anchor text.

En este caso, también se pueden eludir esta serie de aspectos como muchos otros relacionados con la usabilidad web y los enlaces, a través de los distintos test o pruebas de comprobación de la distribución de contenidos en lo que se refiere a usabilidad web citadas
anteriormente (clasificación tarjeta, prueba de árbol, etcétera).

1. ¿Sigue el menú de navegación de la web una misma jerarquía o bien al menos una jerarquía afín que los departamentos de la empresa o negocio? Si es de esta manera, ésta, ¿es de forma fácil identificable por los usuarios, y está bien definida?
2. Si el logo de la web enlaza con la página principal en todas y cada una de las secciones.
3. Tu web emplea Flash para enseñar el menú, pestañas o bien secciones principales de la misma.
4. ¿Has adaptado la de error 404 en tu página web?
5. ¿Existen en la página principal?
6. ¿Se utilizan links que complementen la información ofrecida al usuario en la página primordial del tipo “ver más aquí”, “haz click”, etcétera?
7. En la página de portada, ¿empleas encabezados H1, H2 y H3 (etiquetas de título) o bien usas más subniveles? Cuantos menos niveles de etiquetas utilices mejor para el usuario (en tanto que significará que has logrado organizar toda la información relativa al sitio web en una estructura simple y clara) y para el posicionamiento en buscadores.
8. Comprobar si los links externos de tu página web, se abren en nuevas ventanas o bien pestañitas y no en la que se encuentra el propio usuario, eludiendo de esta manera que salga de la página web, algo incómodo para el visitante y malo para la de tu página.
9. ¿Los contenidos de la página primordial (post y noticias) se enlazan de forma directa al contenido específico o a la sección general?
10. Comprobar si los enlaces de la web, cambian de color cuando el usuario ya ha accedido a exactamente los mismos anteriormente.
11. ¿La página principal y otras secciones de la página web como por servirnos de un ejemplo, “la prestación de servicios” muestra algún enlace directo a la página de contacto?
12. ¿Se apunta de forma clara la opción o bien menú elegido en todos y cada instante del resto de secciones?
13. ¿Se utiliza el “interlineado” o Line-Height en los blog post del weblog?

2.2) 3. Número de Clics y Links para conseguir la conversión

Incluso cuando los usuarios pueden determinar sencillamente y clara la ubicación adecuada de los contenidos en el sitio web para cubrir sus necesidades de información, aún no va a haber acabado el trabajo de usabilidad web en exactamente el mismo, puesto que todavía pueden ser obstaculizados por diferentes trabas, como páginas intermedias y enlaces re-direccionando a otros apartados previos a exactamente la misma.

Para ello, es esencial la determinación del número de clicks necesarios para que los usuarios lleguen a los diferentes contenidos o categorías sobre las que desean recabar información o hacer algún género de conversión que tengamos previamente planeada (para esto se debe planificar un funnel de ventas efectivo).

No existe un número específico de clic mínimos ni máximos, ya que cada web es un planeta y los objetivos que persigue son muy diferentes. Lo que está claro, es que es mejor la calidad de los clicks (que permitan al usuario ir acercándose a lo que busca) que la cantidad de estos, y que a menor cantidad de clicks, mayor usabilidad para el visitante.

Otro aspecto a tener en cuenta, es que los clics innecesarios y o repetitivos que fuerzan a los usuarios a seleccionar lo que quieren una y otra vez, son totalmente dañinos para usabilidad de la página web (generan frustración y también impaciencia en el usuario).

También hay que tener en cuenta, que si creas nuevas páginas del sitio de forma aislada (página de aterrizaje) y éstas no tienen en consideración la senda al contenido que han creado, deben ser revisadas, para comprobar de qué manera llegará el usuario a estas y ver si fuera posible una senda más directa.

2.3) 4. Información poco clara u oculta

La gente quiere saber sobre costos, descripciones detalladas de productos y servicios, cuantía de cuotas de suscripción, comparativas de tarifas y precios, cargos adicionales, formas de envío y de pago, etcétera, ya antes o bien al comienzo de un proceso de adquiere o información.

Se debe eludir que el usuario deba llevar a cabo interacciones o bien procesos complejos en la web sin haber recibido toda la información posible de forma anterior a su interacción.

Los usuarios han de ser capaces de localizar información ya antes de tener que comprometerse a efectuar un proceso complejo como es una compra en línea, el registro o subscripción a la web, etc.

2.4) 5. Errores de encadenamiento en Páginas Principales y páginas secundarias.

Se trata de errores de encadenamiento de usuarios en microsites complementarios de una web principal.

En los sitios que cuentan con sitios secundarios para secciones o contenidos concretos, se debe tener especial cuidado con la redirección de los usuarios entre una y otra web a fin de no interrumpir su navegación deben ser cautos acerca de la interrupción de usuarios en esos sitios evitando los enlaces rotos, que dichas páginas se caigan, un diseño y estructura lo más afín posible,…

La idea, es que los usuarios puedan retornar de forma simple al lugar principal o bien de origen y que no se interrumpa su navegación entre una web y otra en ningún instante.

Por ello, es imprescindible que al crear una web de este tipo, te cerciores de que los usuarios puedan navegar sencillamente entre los distintos sitios conforme sea necesario en todos y cada instante.

Por ejemplo, el ayuntamiento de la capital de España dispone de varios sitios, entre los que cabe destacar, su lugar principal (http://www.madrid.es/portal/site/munimadrid) y su sede para realización de trámites con este organismo por la parte de los ciudadanos ().

Si te fijas bien, ambas semejan muy similares, en tanto que utilizan diseños, estructuras, colores, y logotipos absolutamente iguales lo que ayuda al usuario a sentirse aún dentro del lugar primordial.

Además para eludir que los usuarios se pierdan o se sientan en una web diferente, la página secundaria (sede gestiones y trámites), es una de las pestañas del sitio web primordial del municipio, por lo que pueden regresar de manera sencilla al mismo como si no hubiesen salido del mismo.

2.5) 6. Malos resultados de búsqueda interna en la web

Una página web con una buena usabilidad debe respaldar siempre y en todo momento a los usuarios proporcionándoles resultados de búsqueda sólidos a través de su caja de busca interna del sitio.

El problema, deriva en que, se trata de un aspecto muy abandonado en la mayoría de webs, ya que prosigue habiendo una enorme falta de precisión en los resultados ofrecidos a los usuarios, por distintos motivos, como por ejemplo:

• Algunos sitios devuelven resultados que no coinciden con las consultas de los usuarios.
• Otros buscan sólo una parte del contenido del sitio, pero no lo revelan meridianamente al usuario.
• Los resultados que están mal nombrados o bien acompañados por resúmenes inútiles dejan a la gente adivinar el contenido detrás del enlace.
• Los anuncios intercalados con resultados de la búsqueda de sitio sorprenden a los usuarios y los alejan del sitio.

El abandono de este aspecto en cuanto a usabilidad web en la mayor parte de páginas, es debido, a que muchas webs no cuentan con el suficiente tráfico y tamaño para compense es decir realmente rentable desarrollar un buen sistema de búsqueda interno.

Además, los usuarios usan esta alternativa normalmente cómo último recurso cuando no hallan lo que procuran precisamente pero tienen claro que es lo que tratan de localizar, o cuando efectúan búsquedas genéricas de contenido de una temática concreta para conseguir información diferente sobre tal tema, con lo que no se le acostumbra a dar mucha relevancia, si la opción no es de uso común para el sitio en cuestión.

Para prosperar este aspecto en tu web, será preciso el etiquetado de contenidos, la configuración de la herramienta de busca en el sitio web (elección de la herramienta con las mejores herramientas) y la revisión regular de los registros de busca con el objetivo de conseguir más información sobre el comportamiento de búsqueda de los usuarios y ver aquellos puntos de mejora del motor de búsqueda de la página web.

De esta forma, la web ofrecerá los resultados más apropiados para las consultas concretas de los usuarios.

2.6) 7. Filtros y facetas defectuosos

Las Facetas de experiencia de usuario y los filtros de información, generalmente mejoran la experiencia del usuario, en tanto que permiten a los usuarios limitar su búsqueda de información sobre un producto, servicio o bien contenido concreto que necesite, además de facilitar su navegabilidad en exactamente la misma.

Tanto las facetas como los filtros, definen el espacio de busca para los usuarios y les aportan diferentes criterios para ayudarles en diferentes contextos en la web.

Esto es muy útil por ejemplo:

• Para los empleados de una empresa que procuran informes en el sitio web, ya que pueden beneficiarse del estrechamiento por nombre del documento, categoría, data, género de documento,
• Una tienda online puede permitir a los usuarios elegir diferentes tallas y tamaños, colores, modelos, tipo de servicio, etcétera de los productos y servicios que ofrezcan.

Pero no por agregar facetas y filtros a la web, vas a asegurar una mejor usabilidad, en tanto que requerirán de su comprobación y su eficiencia. Y es que, este tipo de herramientas necesitan de empleo por parte de los usuarios reales para su mejora y optimización, pues van a cubrir necesidades reales de éstos.

Además precisan de su comprobación, pues un error bastante común en muchas web en este sentido, debe ver con la creación de facetas y filtros imperfectos puesto que dichos criterios y características pueden no aplicarse a todos los modelos de contenido de la página web.

Por ello, ten cuidado al limitar las escojas de los usuarios dependiendo del enfoque y tipo de contenido e procurar complementar y precisar al máximo las diferentes opciones de filtro y las facetas en la página web.

Revisión de las Facetas

Los acercamientos simultáneos llevados  a cabo por los usuarios son denominados Facetas de la Experiencia del Usuario y están íntimamente ligados a la usabilidad web (es un aspecto fundamental, pero debe ser complementada por las facetas), con lo que han de ser revisadas, algo que en muchos casos se pasa por alto, y tiene una enorme influencia en la página web. Se deben comprobar los siguientes valores percibidos por el usuario en la web:

• Utilidad: ¿los productos, servicios y también información de la web son útiles para los usuarios? ¿de qué forma puedes hacer que estos tengan más utilidad para los usuarios?
• Usabilidad: corresponde a la sencillez de uso o Usabilidad prosigue siendo un aspecto fundamental, preciso mas no suficiente, por lo que se debe complementar con las demás facetas.
• Atractivo: En nuestros días, existen miles y miles de páginas, por lo que ya no basta sólo con que sea eficaz y práctica, sino además debe captar los usuarios en cuanto a diseño y estética (imágenes, sonidos, animaciones…).
• Accesibilidad: Es cada vez más esencial la RSC en todos y cada uno de los negocios, por lo que una forma de fortalecer exactamente la misma y además aportar diferenciación y un valor añadido a los usuarios, es prosperar la accesibilidad al sitio de las personas con discapacidad (que en nuestros días, supone más de diez por cien de la población, ahí es nada…).

De hecho, tanto es de esta manera, que los portales y sitios web de las administraciones públicas tienen como requisito normativo, su accesibilidad para personas con discapacidad.

• Credibilidad: Se trata de uno de los factores más importantes a tener en consideración para progresar los resultados de tu página web. Es por ello, que se deben repasar todos y cada uno de los elementos de diseño que afectan a la confianza de los usuarios, para progresar su usabilidad y experiencia de usuario.
• Encontrable: Los sitios web han de ser de manera fácil navegables y permitir a los usuarios que hallen lo que necesitan de una forma fácil y práctica.
• Valor añadido: el sitio web, debe ofrecer valor añadido a sus usuarios, en tanto que en caso contrario, en muchos carecerá útil para éstos.

Revisar los Filtros de Información

Los filtros de información son programas, complemento o bien herramientas web diseñadas para controlar qué contenido se permite mostrar y cuál no, además de determinar de qué manera se permite su muestra. Esta es una alternativa muy práctica a la hora de buscar información dentro de la web y que de esta manera accedan sencillamente a la misma, omitiendo todo lo que pueda no resultar útil.

El contenido ha de estar etiquetado correctamente y fiable para producir resultados relevantes, en tanto que si los usuarios realizan un filtro concreto, y en los resultados que le aparecen, ninguno incluye o bien pocos incluyen los que busca, tendrá una mala experiencia en tal busca y por tanto la usabilidad web del lugar será percibida por el mismo, como mala.

2.7) 8. Mala organización de la información y los contenidos de la web

La información mal organizada siempre es un homónimo de error en la usabilidad web de un lugar, ya que frustra a los usuarios en tanto que en algunos casos se ven saturados con el volumen de información y su mala gestión y organización. Por esta razón, es recomendable:

• Los muros de texto demasiado sobre cargados, al final más que complementar la información, dificultan la busca de exactamente la misma con interés para los usuarios. Recuerda, que los usuarios cuando procuran información, acostumbran a hacer barridos visuales de exactamente la misma en busca de lo que en realidad necesitan. Y es que habitualmente, escanean el contenido y no leen línea por línea, por lo que cuanto más se destaque el contenido relevante y más fácil sea para este hallarlo, mejor usabilidad web ofrecerás.
• Las secciones, pestañas y páginas sobrecargadas de información y contenido por norma general sobresaturan al usuario, ya que están repletas de elementos que compiten por la atención de estos.

Para mejor organización de la información, usa oraciones y párrafos cortos, citas, listas con viñetas, encabezados sugerentes y sucintos, palabras clave en bastardilla, infografías, encabezados con las etiquetas H1, H2 Y H3, etc.

También ocurren desajustes del contenido que deben ser corregidos para poder ofrecer una correcta usabilidad web al usuario.

2.8) 9. Links poco visibles y ocultos

Se trata de un error persistente en muchísimas web. Los usuarios con frecuencia pasan por alto todo aquel contenido que se asemeje a cualquier tipo de publicidad o que está situado en lugares propios de la publicidad (banner laterales, superiores…) o bien generalmente utilizados para la colocación de anuncios.

Se trata de un fallo que acarrea que el usuario no encuentre la información de forma fácil, lo que se agrava todavía más cuando el contenido se muestra así como anuncios reales.

Muchos web masters piensan que añadir más elementos de diseño, como un borde, color de fondo o un gráfico a un va a hacer que se destaque exactamente el mismo, mas suele ocurrir, que el resultado acostumbra a ser justo el contrario. Y es que, cuanto más creativo y elaborado sea el diseño de un enlace o sección de la página web, más usuarios pueden confundirlo o bien pensar con un anuncio o publicidad.

Back to top

3) Magnífico ejemplo de mala usabilidad web, con algo de humor

Seguro que este caso de ejemplo de mala usabilidad web televisada y en directo, te saca una sonora carcajada o bien por lo menos un esbozo de sonrisa. Cuando lo vi, me pareció tan bueno que no podía dejar escapar la ocasión de plasmarlo de alguna forma en alguno de mis contenidos y he aquí el fruto de ello. Disfrútalo, por que no tiene pérdida el cúmulo de disparates, y todo debido a un mal diseño y errores graves de usabilidad…

Aquí indicó dos fallos de usabilidad web clarísimos que me figuro, no se te habrán escapado.

• Diseño Adaptable mal optimizado.
• Formulario Web lleno de datos que podrían considerarse superfluos y con problemas de registro y también información para el usuario.

“Qué importante es tener un buen diseño web y crear bien los formularios en la página para no quedarse con el trasero al aire en un momento dado”

Back to top

4) Otras pruebas y test de usabilidad web

Aquí dejo ciertos consejos y pruebas de usabilidad web para eludir otros fallos típicos.

• Comprobar si en algún momento se activa en la web algún sonido sin que el usuario lo autorice.
• Comprobar si se activan animaciones en carrusel de imágenes o elementos afines en la página web sin que el usuario los active previamente.
• Comprobar si los CAPTCHAs de la página web son fáciles de leer y o visualizarse.
• Comprobar si se utilizan indicadores gráficos o textuales de progreso en los procesos importantes de la página (registro, subscripción, adquiere de un producto, etcétera) y optimarlos. En caso de que no existan estos indicadores, se deben incluir en la web para la mejora de su usabilidad.
• Comprobar si se desactiva en algún momento en la página el botón “Retroceder o bien Atrás” del navegador en la página web.
• Comprobar si se ofrece un buen servicio al cliente. Esto es, comprobar si se responden sus dudas a través del correo o en comentarios en la web, si recibe un buen trato, realización de encuestas de satisfacción, etc.
• Comprobar si se notifica al usuario del valor de realizar las acciones que se le proponen en la web. Por ejemplo, si se trata de una tienda virtual, informar de que si se compra el envío es gratis o bien muy económico; en el registro de la página, informar sobre los beneficios de ser un usuario registrado…
• Comprobar si la web cuenta con el icono “favicon.ico” para marcar la web en la barra de direcciones. Esto facilita la navegación del usuario, ya que le permite identificar el lugar de otros con una ojeada rápido, en caso de tener muchas pestañitas abiertas en el navegador, aparte de potenciar la imagen de marca. Parece algo básico, pero aún quedan miles de webs sin el mismo.

4.1) Algunas pruebas y test de usabilidad web para prosperar los formularios

• Comprobar si se incluye algún botón de “Empezar”-“Reset” –“Cancel” en los formularios de la página que eliminen todos los datos introducidos por el usuario o que permitan su reinscripción.
• Comprobar si los formularios marchan apropiadamente cuando se marcha “Atrás” y “Adelante” en el navegador.
• Comprobar si se muestran los errores cerca de los campos concretos en los que se cometan, para que de este modo el usuario cuando completa el registro del formulario pueda ver exactamente en qué ha fallado de forma clara.
• Comprobar que las formas de contacto ofrecidas a los usuarios marchan adecuadamente y si fuera necesario, añadir algún tipo más (Formulario de contacto, email corporativo, whastapp corporativo, teléfono fijo, call me back…).
• Comprobar los datos que se piden mediante los formularios y suprimir todas aquellas opciones innecesarias. En el caso de pedir datos que el usuario pueda estimar como innecesarios (como por poner un ejemplo su documento de identidad, su domicilio, su móvil, etc.), tendrás que explicar por se piden.
• Comprobar opciones de diseño del formulario como por servirnos de un ejemplo, si se marcan de distinto color de fondo o bien borde los campos de formulario en los que se encuentra rellanando en cada instante el usuario.
• Comprobar si se ofrecen ejemplos claros a los usuarios para dar solución a los fallos que hayan podido cometer en el registro o relleno de los formularios. Por ejemplo: “Error en el correo electrónico facilitado. Por favor, escriba la dirección del correo con este formato: “email@clientedecorreoeletrónico.com”

Si aún te has quedado con ganas de más, aquí tienes algunos consejos sobre usabilidad web muy prácticos:

Back to top

5) ¿Por qué se producen estos errores de usabilidad web?

Está meridianamente claro, que absolutamente nadie diseña una web mal a propósito. Sin embargo, existen fallos de usabilidad web que prosiguen persistiendo y que son bastante conocidos desde hace unos años.

Pero,  ¿por qué razón persisten y no se solucionan? Para dar respuesta a esta pregunta, seguramente habría que escribir un libro entero, mas generalmente, las causas más representativas, son las siguientes:

• Las políticas y/o estructura organizativa de las compañías, pueden producir problemas con la jerarquía de la información en el lugar.
• Cuando diferentes departamentos, empresas o bien personas se encargan de la creación de contenidos en la web, sin conocimiento o bien información del trabajo llevado a cabo por los otros redactores y no se sigue una estrategia de contenido común y global, se incurre en problemas de usabilidad web del contenido.
• Los inconvenientes de usabilidad web relacionados con los resultados de búsqueda deficientes, pueden deberse a sistemas de administración de contenido (CMS) deficientes, etiquetado deficiente o bien ausente del contenido, o una herramienta de busca ineficiente (caja de busca), entre otras causas.

Para determinar el nivel de usabilidad web de tu página y prosperar exactamente la misma, vas a deber prestar especial atención a los resultados de la investigación realizada a través de las distintas pruebas y test.

Ten en cuenta, que la perfección no existe y menos en una web, puesto que siempre y en toda circunstancia habrá algo que reparar o progresar (un campo de formulario que no marcha apropiadamente, contenido optimado para el usuario y el …).

Además, la usabilidad está en continua evolución puesto que los usuarios van cambiando o alterando sus preferencias de diseño, por lo que es preciso sostener a la perfección actualizada la web, con los cambios que se vayan produciendo.

Para ello, es apropiado determinar que preferencias de diseño existen hoy en día, para que cada cuatro o bien 5 años, esas antiguas preferencias puedan eludir que cometas los mismos errores otra vez.

Como puedes revisar, muchos de estos fallos pueden identificarse de manera sencilla, a través de la investigación de los usuarios y los distintos test y pruebas de usabilidad web descritos.

Espero que esta Guía sobre los nueve Fallos de Usabilidad Web más habituales, te resulte de utilidad para prosperar la misma en tu sitio.

En CITIFACE somos y usabilidad web, por lo que si estás buscando servicios de calidad, económicos y de confianza para optimar y progresar tu página, ponte en contacto con nosotros. Te asesoraremos sin ningún tipo de compromiso para ayudarte con tu proyecto.

Back to top