Diario Digital Líder de Marketing, Publicidad y Social media en Español

closed
Iniciar sesión
AdBlock Plus detectado!
  • Hemos detectado que navega a través de nuestro sitio web utilizando un sistema de bloqueo de publicidad. Desactive sus funciones para poder navegar libremente

    Entienda que la presencia de anunciantes en nuestro sitio web, es importante para poder ofrecerle siempre los mejores contenidos y el acceso a los mismos de forma gratuita

    Para acceder a nuestros contenidos, por favor, desactive su plugin y actualice esta págiona

Uso de cookies

Utilizamos cookies propias y de terceros para mejorar nuestros servicios y mostrarle publicidad relacionada con sus preferencias mediante el análisis de sus hábitos de navegación. Si continúa navegando, consideramos que acepta su uso. Puede obtener más información en nuestra Política de cookies

  • Patrocinados
  • Te esperamos en el mayor encuentro para profesionales del marketing. Aforo limitado
  • ¿Necesitas una imágen? ¡Encuentra tu foto en fotolia.com!
  • Máster en Social Media Marketing
  • Envía emails a tus contactos de forma segura, sin Spam. Pruébalo!
  • Fórmate en el área de mayor crecimiento online
  • Noticia » Comunicación
    ¿Qué hago en la página de inicio?

    20 principios de usabilidad para el mejor rendimiento de su sitio web

    21-06-2012 (16:13:35)
    20 principios de usabilidad para el mejor rendimiento de su sitio web


    Es curioso recordar cómo hace un década cuando pedíamos a un creativo el diseño de un sitio web, lo que más nos importaba era que fuese impactante, original, sorprendente, lo nunca visto!!!!

    Pensábamos que íbamos a incrementar nuestra cuota de mercado sorprendiendo a los usuarios con nuestras obras de arte, la teoría era: "usuario impresionado, cliente seguro".

    Estábamos casi seguros que una buena imagen de nuestro negocio se conseguía a través de la creación de una web site super creativa, nunca vista anteriormente. No importaba si el usuario pudiese manejara o encontrar la información o el producto que buscaba. El mensaje también era lo de menos, tenía que ser único y creativo, el sitio web tenía la misión de entretener al usuario, y que éste comentase con sus amigos que ha entrado en la web más chula de internet. En esa época, los sitios web más inteligentes eran los más difíciles de entender, los que suponían todo un reto para el internauta de a pie sacar algo claro de ellos.

    Sin embargo esto es lo que realmente pasaba con los usuarios: abandonaban el sitio frustrados por la mala usabilidad de la página web.

    Abandono

    Por fortuna, esta tendencia duró menos que un caramelo en la puerta de un colegio, bastó hacer un poco de análisis para darse cuenta que una vez vista la sorprendente película, esta no se rebobinaba, si no ofrecía lo que se buscaba. Además la inteligencia de los creadores de los sitios web ya no se mide por la complejidad que supone su obra final al usuario, sino todo lo contrario, cuanto más fácil se lo pongamos al público, más listos somos. Y el diseño espectacular sólo lo es realmente cuando consigue su objetivo.

    Todos los usuarios no son iguales

    El tiempo es algo preciado para todos y que no escatimamos en ningún momento, por lo tanto, cuando estamos delante de una página web, no leemos, escaneamos. Necesitamos interfaces simples, rápidos, obvios por si mismos cuanto menos esfuerzo tengamos que dedicar al a navegabilidad más atención podemos prestar al contenido, a lo que buscamos y lo que realmente nos interesa.

    No podemos permitirnos el lujo de perdernos por lo que la página de inicio la debemos de tener siempre visible como referencia y si en todo momento nos aparecen los llamados "breadcrums" indicándonos el camino por donde hemos venido, pues mejor que mejor.

    Tampoco podemos desperdiciar minutos buscando algo que no encontramos, por lo que siempre deberíamos encontrarnos con una utilidad de "búsqueda" en todas las páginas.

    El orden nos estabiliza, nos calma, es imprescindible que los sitios web sigan rigurosamente las líneas de su diseño corporativo, para que las identifiquemos inmediatamente, sobre todo y ante todo, el logotipo y tagline tienen que estar en el mismo sitio y de manera idéntica en todas las páginas. El contenido tiene que estar estructurado de manera jerárquica, para que con un simple scaneo de la página nos demos cuenta de la importancia y clasificación de los contenidos.

    Los inesperados banners y pop ups nos entorpecen la navegabilidad y nos enfadan y el ruido visual nos confunde y aturulla, necesitamos orden, espacios en blanco para descansar la vista, tipografía legible que se contraste fuertemente con el fondo y no nos haga hacer un sobresfuerzo en la lectura.

    Debemos tambien saber todo lo que sucede mientras interactuamos con la página, si bajamos un video, cuanto tiempo tarda, si algún elemento no está disponible, que se nos comunique de manera clara y si hay algún error en la página que podamos entender lo que ha ocurrido mediante la recepción de mensajes amigables, traducidos directamente de los típicos "Error 336".

    Error loading

    No tenemos tiempo de andar averiguando dónde están los enlaces y que textos, iconos o imágenes funcionan como tales.

    Muchas veces queremos imprimir, compatir en redes sociales o mandar por correo electrónico, una página, una foto o un artículo y necesitamos tener las herramientas que nos lo permitan de manera visible.

    Por otro lado cuando estamos haciendo una compra on-line, no queremos rellenar formularios innecesarios y necesitamos un sistema donde podamos meter nuestros datos bancarios de una manera segura y rápida.

    En resumidas cuentas, las 20 reglas de oro que debemos cumplir para no echar a los usuarios de nuestro sitio web son las siguientes:
     


    1. Diseñar páginas con el objetivo de que sean escaneadas por los ojos del usuario, ni leídas
    2. Crear jerarquías visuales que agrupen y prioricen el contenido.
    3. Aprovechas las reglas ya establecidas y conocidas por los usuarios para identificar elementos como enlaces o utilizar ciertas usabilidades.
    4. Hacer obvio todo lo que sea clickeable.
    5. Quitar ruido visual.
    6. Dejar espacios en blanco para que se pueda descansar la vista.
    7. Utilizar una tipografía clara y crear fuerte contraste entre esta y el fondo par afacillitar la lectura.
    8. Suprimir todos los elementos que entorpezcan la navegabilidad (banners, pop ups)
    9. La página de inicio (Home Page) tiene que estar referenciada en todas las demás páginas de la web y debe ser visualmente distinta.
    10. Uttilizar breadcrums que nos indiquen el camino que hemos tomado desde la página de inicio hasta llegar donde estamos.
    11. Incluir aplicaciones o procesos en todas las páginas de "Búsqueda", "Ayuda", "Imprimir", "Compartir", "Enviar por correo electrónico"
    12. Seguir las líneas de imagen corporativo en la creación de la página, para que su diseño sea siempre identificador de la marca.
    13. Crear cuestionarios simples que no pidan información innecesaria.
    14. Incluir datos de contacto con la empresa, información corporativa y dirección social.
    15. El sitio web debe ser compatible con los principales navegadores (Chrome, Explorer, Firefox)
    16. El usuario no debe de perder nunca el control del interfaz y debe saber en todo momento que es lo que está sucediendo en la página e incluso si surgiesen errores el internauta debe de estar informado a qué se deben.
    17. El tiempo de respuesta debe ser inmediato.
    18. No debe de ser nesesaria la descarga de aplicaciones para poder visualizar el contenido de la página.
    19. La imagen de la página debe transmitir sus objetivos y valores.
    20. El diseño del sitio web debe estar centrado en las características de los usuarios a los que se dirige.
    4 Comentarios
    • Publicado el 22-06-2012 por Valentin Pereiro
      Añado algunos detalles más a tener en cuenta en el diseño:
      -Que las imágenes que tenga la página apoyen al contenido y no sean mera decoración
      -Que la luminancia de la página (contrastes o mapa de calor) sea a favor del objetivo principal
      -Que los enlaces sean autoexplicativos de lo que va a suceder
      -Que el lenguaje utilizado no sea excesivamente complejo
      -Que los campos del formulario tengan ejemplos y validaciones adecuadas

      Aunque hay muchos más puntos a tener en cuenta en la usabilidad, habéis ennumerado los más importantes. En Planes digitales los revisamos todos.
      Gracias.
    • Publicado el 25-06-2012 por Marisa González Berrocal
      Gracias valentín por completar el artículo!
    • Publicado el 26-06-2012 por Antonio
      Muy buen articulo que resume lo básico en cuanto a usabilidad, apostillar que el logo enlace con la home del sitio, diferenciar los enlaces de forma clara y uniforme o reducir el ruido en la medida de lo posible asi como evitar el texto innecesario... Saludos!!
    • Publicado el 26-06-2012 por Marisa González Berrocal
      Gracias Antonio, por tu comentario y por leer el artículo

      Saludos!!
    ¿Su primer comentario? Regístrese y accede a todos los servicios sin límites
    Publicar un nuevo comentario
    • Nombre
    • Email. No será publicado ( Requerido )
    • Comentario
      Tags html y enlaces no permitidos
    • Inserte código de Seguridad
    • Código
    Si eres profesional destacado, tienes experiencia en el sector, o posees dotes de escritor, ahora puedes convertirte en autor colaborador
    Publicidad
    Ahora en Portada
    (08:34:37) - 2013 fue un año difícil para el SEO. Tras el revuelo...
    (17:00:02) - Diferentes compañías y consultoras están interesadas en tener una aproximación a...
    (14:07:31) - Once años inspirando las tendencias del Marketing, apostando por la innovación...
    Publicidad