Los 25 puntos clave de la usabilidad digital

La usabilidad digital o experiencia de usuario dentro de una web es un factor muy importante a considerar cuando nos planteamos un proyecto de diseño y desarrollo o queremos lanzar un negocio online.

Sección 1: Accesibilidad

Esta sección contiene no solo los problemas de accesibilidad tradicionales, sino todo lo que pueda impedir que un visitante pueda acceder a la información en un sitio web. Si nadie puede cargar el contenido de nuestro sitio, o si la tipografía es demasiado pequeña para leerla, toda la facilidad de uso del mundo no importará.

1- El tiempo de carga de la web es razonable

Si un sitio tarda mucho en cargarse, la mayoría de la gente simplemente se irá. Sí, muchos de nosotros tenemos fibra óptica ahora, pero eso también hace que nuestra paciencia sea menor. La velocidad de carga no solo mejora el posicionamiento orgánico, sino que ayuda a mejorar la experiencia del usuario. Hoy en día estamos acostumbrados a las páginas rápidas, y cada vez tenemos menos paciencia. Nuestra sugerencia y la de Google pagespeed es que una página web debería cargarse en menos de 2 segundos.

2 – Contraste del texto con el fondo

El diseño es un aspecto muy importante cuando hablamos de usabilidad digital. El color gris oscuro sobre gris claro puede parecer elegante pero no es cómodo de leer. La mayoría de usuarios no van a dejarse la vista para leer nuestro blog si no les resulta agradable. Los ojos de nuestros usuarios y sus monitores varían enormemente de unos a otros, así que hemos de intentar mantener contrastes altos para facilitarles la lectura. El antiguo negro sobre blanco sigue siendo la mejor opción.

3 – Tamaño de la fuente y espaciado entre caracteres

Las opiniones varían sobre el tamaño ideal para el texto, pero es fácil caer en el error de usar un texto demasiado pequeño. La mala lectura aumenta la frustración y la frustración conduce al abandono del sitio, lo que nos puede aumentar nuestra tasa de rebote o Bounce Rate.

Además, hemos de asegurarnos de que el espacio entre líneas sea el adecuado: el espacio en blanco es el mejor amigo de cualquier diseñador, y como me decían en la universidad de diseño, hemos de dejar que los elementos respiren para crear buenas composiciones.

4 – Uso de Flash

No importa lo bien que quede tu web a nivel estético, la gente no esperará 5 minutos para que se cargue un complemento (Tip: ¡No uséis sliders!). Como hemos mencionado antes, toda página que cargue en más de dos segundos es mala y por lo tanto, solo debemos utilizar inserciones con animaciones o funcionalidades específicas en algunos puntos de la web y cuando realmente mejoren nuestros objetivos. Adherirse al estándar HTML / CSS es un punto a favor para los motores de búsqueda y hace que las webs carguen rápidamente.

5 – Etiquetas ALT para imágenes

Hoy en día, no solo los visitantes con discapacidad visual usan etiquetas ALT, sino que los motores de búsqueda los necesitan para entender el contenido de nuestras imágenes. Esto es especialmente importante cuando utilizamos imágenes para contenido clave, como los elementos de menú ya que los motores de búsqueda aún no pueden reconocer el contenido de las imágenes.

6 – Página 404 personalizada

Si no existe una página en su sitio, o tenemos algún enlace roto, una página en blanco con “404 No encontrado” es una buena manera de perder un cliente. Si creamos una página 404 personalizada, preferiblemente una que informe de que la página que estaba buscando el usuario no existe pero además le guíe a sus visitantes a otras partes de contenido que pueden ser relevantes, eso incitará a la persona a seguir navegando por nuestra web y así no lo perderemos. También nos podríamos plantear añadir un copy con cierto tono de humor ya que ese es un momento de alta fricción para el usuario y de ese modo trabajaríamos el nivel de frustración.

Sección 2: La identidad

Una pregunta clave cuando alguien llega por primera vez a tu sitio web es “¿Quién eres?” Es importante responder esta pregunta rápidamente y hacer que los caminos a las siguientes preguntas obvias “¿Qué haces?”, “¿Por qué debo confiar en ti?”, Etc. sean claros y fácilmente reconocibles, ya que sino corremos el riesgo de que el usuario pueda generarse una mala impresión de nuestra empresa, especialmente si su intención es de compra.

7 – Logo

Hemos de colocar nuestro logotipo o marca donde sea fácil de encontrar, y eso generalmente significa colocarlo en la parte superior izquierda de la pantalla. La gente espera encontrarlo allí, y les gusta cuando les facilitas la vida añadiendo un enlace que lleve a la homepage de nuestra web, ya que de este modo nuestros usuarios estarán contentos y por lo tanto mejorara su experiencia dentro de la web.

8 – El Tagline, deja claro el propósito de la compañía

Responde “¿Qué haces?” con un eslogan descriptivo. Hemos de intentar evitar la jerga o uso de vocabulario técnico, intentando reducir nuestra propuesta de valor a unas pocas palabras. Esto también es una ventaja para SEO ya que ayudamos a entender a qué nos dedicamos y cual es nuestra oferta. Es muy importante no obviar nada ya que el usuario no nos conoce tan bien como nos conocemos nosotros mismos.

9 – Entender la Homepage en 5 segundos

En usabilidad digital, a menudo hablamos de la regla de los 5 segundos. Hay un poco de desacuerdo sobre la cantidad de segundos que se necesitan para poder interiorizar una homepage, pero los usuarios de nuestro sitio web necesitan obtener la esencia básica de la página de inicio en  unos pocos segundos.

10 – El About o Quienes somos

La buena y antigua página “Acerca de” puede parecer aburrida, pero generar confianza es fundamental en cualquier web. Los usuarios necesitan una forma fácil de aprender más sobre las personas que hay detrás de nuestro proyecto, ya que al final las personas quieren poder tratar con otras personas y este punto se ha perdido un poco a consecuencia del ecosistema digital en el que nos encontramos.

En definitiva, si alguien quiere comprar productos, pagar por una suscripción  o establecer una relación comercial, quiere saber qué personas están detrás del proyecto y que referencias tienen.

11 – Contactar

Del mismo modo que en el punto anterior, los visitantes desean saber que pueden ponerse en contacto con nosotros rápidamente. Es muy difícil por no decir imposible crear una relación comercial si nadie puede contactarnos de manera fácil e intuitiva.

Preferiblemente, hemos de incluir nuestro enlace de contacto en una parte de nuestra web que se muestre en todo momento, como podría ser un menú sticky. También es una práctica habitual dar el máximo de posibilidades y añadirlas en todas las páginas de la web. Teléfono, formulario, correo o dirección física.

Sección 3: Navegación

Una vez que los usuarios ya saben quiénes somos y lo que hacemos, necesitan caminos claros hacia los distintos contenidos de nuestra web que les pueden interesar. La arquitectura de la información es un tema enorme, pero estos puntos cubren algunos de los conceptos más básicos.

12 – Navegación principal

Casi todas las webs han tenido un menú principal desde que los primeros navegadores salieron al mercado.  Hemos de hacer que la navegación principal sea fácil de encontrar, leer y usar. Si tenemos dos o más áreas de navegación, hemos de dejar claro por qué son diferentes, no solo para guiar a los usuario, sino para dejarles claro cuál es la estructura de nuestra web.

13 – Las etiquetas de navegación han de ser claras y concisas

No hace falta poner “Comuníquese con nuestro equipo” cuando “Contáctenos” funciona perfectamente. La navegación principal debe ser breve y fácil de entender para los simples mortales.

14 –  Número razonable de elementos como botones y enlaces

A los psicólogos les gusta discutir sobre la cantidad de información que podemos procesar, pero si nos a pasamos de los 7 o más elementos del menú, hemos de reflexionar detenidamente si realmente los necesitamos. Si tienes 3 capas de menús en Javascript, hazte un favor y comienza de nuevo con una aproximación mas simple.

15 – Link del logo a la homepage

Lo avanzabamos en el punto 7. El logo de la empresa que normalmente debe ir colocado arriba a la izquierda ha de contener un enlace  la página de inicio. La gente lo espera, no les generemos frustración innecesaria.

16 – Los enlaces han de ser coherentes y fáciles de identificar

El enlace ha de ir subrayado y a poder ser en color azul ya que es es un elemento básico de cualquier web.

Una pequeña licencia artística está bien, pero hemos de considerar al menos hacer que los enlaces sean de un color que contraste  los suficiente con nuestra web o sino que estén subrayados. Los enlaces deben sobresalir y debemos usarlos con la suficiente moderación para que no interrumpan el flow de nuestro contenido.

17 – La búsqueda del sitio ha de ser fácilmente identificable

Si queremos poner un buscador en nuestra web, primero nos hemos de asegurar de que sea visible. Las pautas de usabilidad digital apuntan a que la mayoría de usuarios prefieren encontrar el buscador en la esquina superior derecha de la página. Hemos de intentar mantener el botón simple y claro: El clásico “Buscar” aún funciona muy bien para la mayoría de los sitios.

Sección 4: Contenido

Seguro que lo has escuchado antes, “el contenido es el rey”. Sin embargo, si no quieres que el reino se desmorone, el contenido debe ser coherente, organizado y fácil de entender. Lo mismo se puede aplicar para la usabilidad. No solo debemos tener contenido de valor, sino que este tiene que ser fresco y relevante.

18 – Los encabezados principales han de ser claros y descriptivos

La mayoría de las personas no leen una web completa sino que se dedican a ojear. Por lo tanto, debemos usar correctamente los encabezados para diferenciar el contenido y mantenerlo organizado. Los encabezados deben ser claros y, para que beneficien al SEO de nuestro site, es imperativo usar etiquetas de encabezado (<H1>, <H2>, etc.).

19 – El contenido crítico está antes del scroll

El “fold” es esa línea imaginaria donde la parte inferior de la pantalla corta la página. El contenido puede estar por debajo del “fold” y el usuario tendrá que realizar un scroll down para verlo, pero cualquier aspecto crítico para entender quién somos o lo que hacemos (especialmente en la página de inicio) debe estar localizado en esta primera pantalla. La resolución media de pantalla actualmente suele ser de aproximadamente 1024×768 en navegador, dependiendo de nuestra audiencia.

20 – Coherencia en los estilos

Hemos de asegurarnos de que las personas sepan que aún están en nuestra web siendo constantes con el estilo; si los confundimos los vamos a perder. El diseño, los encabezados y los estilos deben ser consistentes en toda la web, y los colores generalmente deben tener el mismo significado. No debemos usar encabezados rojos en una página, enlaces rojos en otra y texto rojo en otra parte ya que eso puede llevar a la confusión.

21 – Negrita

Es un hecho de la cognición humana: Si tratamos de llamar demasiado la atención podemos caer en el error de llevar la atención hacia la nada. Todos hemos visto esa web, que tiene muchos elementos acompañados por un rojo, parpadeante, subrayado donde pone “¡NUEVO!” eso al final crea una sensación de confusión y no ayuda más que a distraernos del objetivo principal que es la conversión.

22 – Anuncios y pop-ups que no molesten

Los anuncios son una realidad en nuestro día a día, pero los que realmente funcionan muy bien son esos que están perfectamente integrados en la experiencia de nuestra web. No hemos de cometer el error de de forzar anuncios y ventanas emergentes o pop-ups a la fuerza.

Además, si nos preocupa nuestra audiencia hemos de dejar claro que son anuncios y que es contenido. Si desenfocamos demasiado la línea entre los anuncios y el contenido, nuestros usuarios pueden confundirlo y afectar a la usabilidad de nuestra web.

23 – Hemos de ser concisos y explicativos

Esta no es una lección sobre redacción de textos publicitarios, pero si analizamos nuestra página de inicio.

¿Podemos decir lo mismo con la mitad de palabras? Si tratamos de ser concretos y descriptivos y evitamos la jerga eso beneficiara mucho la usabilidad de nuestra web: a nadie le interesa si podemos “aprovechar sus sinergias”.

24 – URLs User friendly y significativas

Este es un punto de debate, pero las URL significativas basadas en palabras clave son generalmente buenas tanto para los visitantes como para los motores de búsqueda. No tenemos que volver a diseñar un sitio por completo solo para obtener nuevas URL, sino hacer todo lo posible para que sean descriptivas y amigables.

25 – Títulos autoexplicativos

Más importante aún, son los títulos de su página (en la etiqueta <TITLE>) debemos ser descriptivos, únicos y no estar repletos de palabras clave. Los títulos de las páginas son lo primero que los visitantes y los motores de búsqueda ven, y si esos títulos no tienen sentido o parecen spam, pasarán de largo posicionando-nos por debajo de nuestros competidores.