15 Elementos que mejoran la usabilidad de tu website

Tener optimizado tu website requiere de una labor de mantenimiento constante. Es necesario asegurarse de que todo funciona bien y mejorar sus funciones: optimizar el diseño y el tiempo de carga, actualizar las listas de enlaces, mejorar el ratio de visitas de las páginas o secciones menos visitadas, entre otras acciones.

En el anterior post, nombrábamos una serie de elementos destinados a mejorar la usabilidad web, ¿los has tenido en cuenta a la hora de diseñar tu website?.

Observar y analizar una serie de elementos básicos de tu página web o blog te ayudará para mejorar el posicionamiento y la usabilidad de tu website.

15 elementos que mejoran la usabilidad de tu website:

facilidad de uso-culbuks

  1. Facilidad de uso: ¿Cómo interactúa mi público con mi website?
  • Elige un dominio atractivo e identificativo de tu marca. Debe ser fácil de escribir, pronunciar y recordar.
  • Sigue los estándares de uso para que la ubicación y la forma del elemento esté relacionada con la función que cumple.
  • Utiliza interfaces y elementos conocidos, pues no requieren un proceso de aprendizaje por parte del usuario.
  • Incluye extractos que ayuden al usuario a encontrar lo que buscan.
  • Optimiza los contenidos y el tiempo de lectura evitando sobrecargar de información a los usuarios.
  1. Navegación clara y sencilla: ¿Dónde ubico los contenidos?
  • Muestra la ubicación actual del usuario en el árbol de navegación del sitio.
  • Se recomienda no exceder los cuatro niveles de consulta.
  • En los menús jerárquicos, asegúrate de que las opciones que aparecen quedan cerca de la posición original.
  • Identifica claramente el enlace a la página principal del website.
  • Haz accesibles las secciones más importantes del website desde la página principal.
  • Utiliza títulos relevantes que se adecúen al contenido de cada página y personaliza la url de cada contenido.
  • Incorpora la opción de búsqueda para encontrar fácilmente el contenido.
  • Además de conservar el menú principal en las páginas internas incluye el regreso hacia la página inicial.
  • Haz tus url´s cortas y amigables. Que sean fáciles de escribir y recordar y descriptivas del contenido de la página. Evita el uso de números y no alternar entre mayúsculas y minúsculas.
  • Utiliza palabras clave, etiquetas y categorías.
  1. Tiempo de carga razonable: ¿Cuánto tarda en cargar mi página?
  • Ley de Fitts: El tiempo para alcanzar el objetivo con el ratón está en función de la distancia y tamaño del objetivo. A menor distancia y mayor tamaño, más facilidad.
  • Un tiempo óptimo de carga debe estar por debajo de los 3 segundos.
  • Identifica y comprueba periódicamente los enlaces a otras páginas (internas o externas).
  • Evita efectos innecesarios: animaciones, banners, otros.
  1. Diseño atractivo y coherente: ¿Qué imagen transmite mi website?
  • Estructura el contenido del website agrupando la información relacionada (en categorías, en el mismo menú o la misma página).
  • Jerarquiza los contenidos de cada página con el empleo de encabezados, listas y párrafos.
  • Incluye elementos gráficos como iconos, tablas, o botones que ayuden a los usuarios a comprender los contenidos, que no sobrecarguen el website.
  • Escoge adecuadamente el título y las etiquetas acorde con el contenido del website.

legibilidad-culbuks

  1. Lenguaje sencillo, claro y directo: ¿He tenido en cuenta a mi público objetivo? ¿Se entiende con facilidad?
  • Adecúa el contenido con un lenguaje apropiado al tipo de usuario al que te diriges.
  • Incluye un glosario de términos si fuera necesario.
  • Revisa varias veces el texto para evitar los errores gramaticales u ortográficos.
  1. Legibilidad: ¿Se distingue bien el texto?
  • Cuida el tamaño de letra y el interlineado porque mejora mucho la lectura.
  • Tipografía:
    • Utiliza, preferiblemente, el mismo tipo de letra en todo tu website para dar mayor coherencia.
    • Usa tipos de letra sencillos sans serif  (verdana, arial, helvetica, entre otras).
    • Tamaño:
      • Debe oscilar entre 9 y 15 píxeles (7 y 11 puntos), para que los caracteres resulten legibles y sin escalado.
      • Varía el tamaño en los encabezados, titulares o resaltados.
      • Preferiblemente, ofrece al usuario el cambio de tamaño de letra para una mejor lectura de la información.
      • No abuses del uso de mayúsculas, negrita, cursiva o subrayados.
      • Utiliza preferiblemente fondos claros y evita las imágenes que ocupan todo el fondo.
      • Contrasta el color del texto con el color del fondo, así mejorarás la legibillidad y eliminarás los problemas de impresión.
      • Usa colores para distinguir fácilmente los enlaces ya visitados
      • Utiliza las reglas de contraste y evita que los colores resulten demasiado llamativos.
      • Utiliza párrafos cortos para presentar al usuario la información de manera concreta y concisa.
  1. Imágenes: ¿Utilizo demasiadas imágenes?
  • Estructura visualmente el contenido con ayuda de espacios e imágenes.
  • Optimiza las imágenes y su resolución teniendo en cuenta el tiempo de carga de la página y los diferentes dispositivos.
  • Limita la cantidad de imágenes porque siempre añaden peso.
  • Elige el formato correcto según el tipo de imagen que quieras mostrar. Los formatos más utilizados son JPEG, PNG y GIF.
  • Si vas a incluir una animación Flash en la página de inicio, siempre es bueno que incluyas un botón para saltar la presentación (‘skip intro’).
  • Etiqueta correctamente las imágenes y el contenido multimedia.
  1. Minimizar el uso de frames, complementos flash y otros plugins:
  • Utilízalos sólo si agregan alguna funcionalidad que no pueda ser implementada de otra forma.
  • Evita que el usuario tenga que instalar software adicional.
  • Comprueba la visualización del website en otros dispositivos.
  • No abuses de los ‘plugins’.
  1. Compartir en redes sociales: ¿He incluido los enlaces a mis redes sociales? ¿Se puede compartir mi contenido en las redes?
  • Incluye sólo aquellas redes sociales que estén relacionadas con tu marca personal.
  • Comprueba periódicamente que los enlaces funcionan.
  • Coloca plugins o botoneras sociales para facilitar que el usuario comparta tu contenido fácilmente.
  • Aprovecha la etiqueta rel=”author” en los enlaces para confirmar la autoría de los contenidos.
  1. Control de usuario: ¿Puede el usuario deshacer una acción con facilidad?
  • Facilita que el usuario pueda deshacer acciones, volver al inicio o continuar.
  • Incluye pantallas de confirmación para que el usuario valide la recepción o el resultado del envío de formularios.
  • En el caso de requerir la autentificación del usuario, indica el cierre de sesión con claridad.

fallos-en-la-usabilidad-culbuks

  1. Prevención y corrección de errores:
  • Incluye mensajes de error de forma visible que describan las acciones que el usuario ha de realizar para solucionar el problema.
  • Incorpora un punto de salida claro.
  • Facilita información de contacto para que el usuario pueda acceder a ayuda en caso de necesitarlo.
  • Personaliza la página 404 facilitando al usuario volver a tu página web. Si al usuario le da error porque la página no está actualizada o no existe le aparecerá un mensaje de “error 404 página no encontrada”.
  1. Ayuda en línea y guías de usuario: ¿Necesita mi usuario ayuda para acceder a los contenidos?
  • Diseña tu website de manera que requiera la ayuda e instrucciones mínimas. En caso de requerirlas ubícalas donde sean fácilmente localizables.
  1. Versiones en otros idiomas: ¿Dónde está mi público objetivo? ¿En qué idioma está mi website?
  • Incorpora servicios de traducción en línea si prevés que tu público objetivo pueda necesitarlo.
  • Si tu website cuenta con versiones en lenguajes diferentes, coloca una advertencia mediante texto o imágenes para avisar del cambio de idioma.
  • Cuida el contexto, la redacción y la ortografía de las traducciones.
  1. Información sobre cookies, LOPD y copyright: ¿Utilizo cookies en mi website? ¿Se registran los usuarios en mi página web? ¿Se puede utilizar mi contenido? ¿Para qué fines?
  • Advierte al usuario del uso de cookies  y dale la opción de aceptarlas o no.
  • En caso de recoger los datos de los usuarios es obligatorio el tratarlos en base a la Ley Orgánica de Protección de Datos (LOPD)
  • Informa al usuario de los derechos de propiedad de tus contenidos. Delimita su uso según la finalidad o  copyright .
  1. Responsive Design o diseño adaptable: ¿Cómo se ve mi website en una tablet? ¿Y en un smartphone? ¿Se adapta el diseño?
  • Adapta el diseño y el contenido de tu website a todos los dispositivos, mejorarás el nivel de usabilidad y el posicionamiento de tu web.  

Publica contenidos de calidad, actualiza frecuentemente tu website y advierte de las últimas modificaciones que hayas hecho en tu página. No temas modificar el diseño para implementar recomendaciones que mejoren tu página web o blog. Puedes colocar encuestas que permitan a tus usuarios opinar sobre tu website, te será de utilidad. Si este post te ha sido útil, no olvides consultar los anteriores y compartirlo en las redes sociales.

¿Quieres que ampliemos la información sobre algún elemento en concreto? ¿Añadirías algún elemento más?

Sobre el autor:

Rocío Martín Villalba
Formadora y Coach enamorada de los libros. Escribo sobre Marca Personal, Marketing para escritores y herramientas de Coaching para conseguir tu objetivo de escribir un libro.

Un comentario

  1. […] Fuente:Gracias por este articulo a Rocío Martín Villalba […]

¿Nos cuentas algo?

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, haga click el enlace para mayor información.

ACEPTAR
Aviso de cookies

Pin It on Pinterest

Share This

CURSO DE PLANIFICACIÓN DE TU LIBRO ¡GRATIS!

Incríbete en nuestra lista de correos y descubre con este curso de 4 sesiones cómo planificar tu futuro libro para que de verdad sea una herramienta que ayude a tu proyecto o negocio.

Tu nombre:

Tu email:

Acepto las Condiciones de Uso y la Política de privacidad

You have Successfully Subscribed!