Usabilidad Web. 25 puntos que toda web debe cumplir

Una parte importante del diseño web, por encima del atractivo gráfico, es que tu web se adapte a unos estándares de usabilidad para que todos los usuarios que accedan a ella puedan captar y entender la información que les brindas.

Hemos confeccionado una lista dividida en 4 secciones, Accesibilidad, Identidad, Navegación y Contenido.

 

Sección I. Accesibilidad

Handicapped_Accessible_sign

 

Esta sección contiene no sólo los problemas de accesibilidad tradicionales, sino cualquier cosa que pueda dificultar a un visitante de poder acceder a la información en un sitio web. Si nadie puede cargar tu web o si la fuente que usas es demasiado pequeña para leerla, toda la facilidad de uso del mundo no va a importar nada.

 

1. Tiempo de carga razonable

Es importante que los sitios pesen lo mínimo indispensable, si un sitio tarda una eternidad en cargar, la mayoría de la gente se va sin dejar que finalice la carga. Y sí, muchos de nosotros ya tenemos fibra óptica, pero no por ello debemos perder las buenas prácticas, porque no todo el mundo disfruta de la alta velocidad.

 

2. Contraste entre texto y fondo adecuado

Gris oscuro sobre gris claro puede parecer elegante, pero puede ser complicado leerlo. Los ojos y los monitores varían enormemente, por lo que es importante mantener un contraste alto para facilitar la lectura. Aunque digan que está pasado de moda, el negro o gris oscuro sobre blanco suele ser una buena elección.

 

3. Tamaño de fuente/Espaciado fácil de leer

Las opiniones sobre el tamaño ideal para el texto pueden variar, pero es importante no cometer el error de elegir un tamaño demasiado pequeño. Una legibilidad pobre aumenta la frustración y, por consiguiente, al abandono del sitio web. También hay que asegurarse de que el espacio entre líneas es el adecuado para mejorar la legibilidad del texto.

 

4. Flash y complementos deben usarse con moderación

No importa lo bonito, grande y espectacular que se vea tu web, la gente no suele esperar 5 minutos para la carga de un plug-in. Utilizar las estas tecnologías con moderación y sólo cuando realmente contribuyen con una mejora. Cumplir con el estándar HTML / CSS es también una ventaja para los motores de búsqueda.

 

5. Las imágenes deben tener etiquetas “alt” apropiadas

No sólo los visitantes con deficiencias visuales utilizan etiquetas “alt”, los motores de búsqueda también deben poder entender las imágenes de tu web. Esto es especialmente importante cuando se utiliza imágenes de contenido clave, tales como los elementos de menú.

 

6. Sitio “404 Not Found” personalizado

Si no existe una página en su sitio, una página en blanco con “404 Not Found” es una buena manera de perder un cliente. Crear una página 404 personalizada, preferentemente una que guíe a los usuarios a contenido.

 

Sección II.  Identidad

Una pregunta clave cuando alguien viene primero a su sitio es “¿Quién eres tú?” Es importante responder rápidamente, y hacer que los otras preguntas obvias (“¿Qué hace usted?”, “¿Por qué debería confiar en ti?”, etc.)  queden respondidas de forma clara.

 

7. Logotipo en un lugar destacado

Debes poner tu logotipo o marca donde sea fácil de encontrar, por lo general en la parte superior izquierda de la pantalla. La gente espera que esté ahí, y les gusta cuando les hace la vida fácil.

 

8. Lema que aclare la finalidad de la empresa

Responde a la pregunta “¿Qué hace usted?” de forma concisa con un lema descriptivo. Evita un lenguaje demasiado especializado o típico del marketing, piensa detenidamente en un lema que identifique tu empresa en pocas palabras. Esto también es una ventaja para el SEO.

 

9. Home Page fácil de digerir

En usabilidad, a menudo hablamos de la regla de los 5 segundos. Hay un cierto desacuerdo sobre cuántos segundos toma “escanear visualmente” una web, pero si es verdad que entre 5 y 10 segundos deberían ser suficientes para formar una primera impresión, si tus visitantes necesitan más tiempo para adquirir la información básica de la Home, deberías replantear el diseño para hacerla más fácil de entender.

 

10. Facilitar el camino a la información de la empresa

La buena y vieja página “Quienes somos” puede parecer aburrida, pero la confianza es importante en la web, y la gente necesita una manera fácil de aprender más acerca de tu empresa.

 

11. Destacar el acceso a la información de contacto

Del mismo modo, los visitantes quieren saber que pueden estar en contacto contigo si es necesario. También es difícil hacer negocios si nadie puede ponerse en contacto con tu empresa. Preferiblemente, su información de contacto en forma de texto (no en la imagen) – que va a obtener recogido por los motores de búsqueda, incluyendo las búsquedas locales.

 

Sección III.  Navegación

Una vez que la gente en general sabe lo que eres y lo que haces, necesitan enlaces para encontrar el contenido que les interesa. La arquitectura de la información es un tema enorme, así es que veremos algunos conceptos básicos a cubrir.

 

12. Navegación principal fácilmente identificable

Casi todos los sitios en la web han tenido un menú principal desde que los primeros exploradores llegaron en el mercado. Haz tu navegación principal fácil de encontrar, leer y usar. Si tiene dos o más áreas de navegación, que quede claro por qué son diferentes.

 

13. Etiquetas de navegación claras y concisas

No digas “comunicarse en línea con nuestro equipo”, cuando con “Contáctenos” no tendrás ningún problema. Su navegación principal debe ser corta, ir directa al grano y ser fácil de entender para los usuarios.

 

14. Número de botones o enlaces debe ser razonable

Se puede discutir mucho acerca de cuanta cantidad de información podemos procesar de un vistazo. Si su menú contiene más de 6 o 7 enlaces, replantea el menú nuevamente para hacerlo más conciso

 

15. El logotipo de la empresa debe estar enlazado a la página inicial

Esto puede parecer poco importante, pero la gente espera que los logos enlacen a la página inicial, y cuando no lo hacen, se genera confusión.

 

16. Links coherentes y fáciles de identificar

El enlace azul subrayada es un elemento demasiado clásico de la web. Un poco de licencia artística no está mal, pero ten en cuenta que los enlaces deben destacarse, y ser usados con la moderación suficiente como para que no interrumpan el contenido.

 

17. Búsqueda de fácil acceso

Si tienes un formulario de búsqueda, asegúrate de que esté en un lugar destacado. Las directrices de usabilidad tienden a preferir la esquina superior derecha de la página. Mantén el botón sencillo y claro – “Buscar” o un icono de una lupa son los botones más utilizados.

 

Sección IV.  Contenido

Ya habrás escuchado antes “El contenido es rey”. Si no deseas que el reino se desmorone, el contenido debe ser coherente, organizado y fácil de leer.

 

18. Cabeceras claras y descriptivas

La mayoría de la gente no lee línea a línea, sino que hojea. Utiliza cabeceras para establecer un orden en el contenido. Los títulos deben ser claros, y para el beneficio de SEO, se deben usar las etiquetas de título (<H1>, <H2>, etc.)

 

19. Contenido importante en la parte superior de la página

Es importante que el contenido relevante se vea a primera vista al abrir una página, por lo tanto, deberemos adaptar el contenido para que el de mayor importancia se vea antes de hacer scroll.

 

20. Estilos y colores coherentes

Los usuarios deben saber que todavía están en su sitio web por ser coherentes, si cambia cualquier aspecto de diseño podría confundirlos y se perderían. El diseño, los encabezados y estilos deben ser consistentes en todo el sitio y los colores por lo general deben tener el mismo significado.
21. El énfasis (negrita, etc) debe usarse con moderación

Es un hecho en la cognición humana: intenta llamar la atención a todo y conseguiras desviar la atención de lo realmente importante. Todos hemos visto ese tipo de webs que tiene un texto “NEW!” en rojo, parpadeante y subrayado al lado de todo. No hagas webs de ese tipo.

 

22. Pop-ups discretos

Los anuncios y la publicidad son un hecho de la vida y de internet, y debes integrarlos perfectamente en tu sitio. No trates de forzar los anuncios y ventanas emergentes, haz un favor a la gente y procura hacer tus anuncios claros, ya que si difuminas demasiado la línea entre la publicidad y el contenido, este puede sufrir.

 

23. Texto principal conciso y explicativo

Esto no es una lección de redacción, pero mira tu home-page, ¿se puede decir lo mismo sin tantas palabras? Trata de ser concreto y descriptivo y evita la jerga – a nadie le importa si se puede “aprovechar sus sinergias”.

 

24. URLs significativas y de uso amigable

Este es un punto de debate, pero las direcciones URL basadas en palabras clave significativas son en general buenas para los visitantes y los motores de búsqueda. No tienes que rediseñar todo un sitio sólo para obtener nuevas direcciones URL, pero haz lo que puedas para que sean descriptivas y amigables.

 

25. Títulos de página explicativos

Más importante aún que las URLs, los títulos de la página (en la etiqueta <TITLE>) deben ser descriptivos, únicos y no repletos de palabras clave. Los títulos de página son lo primero que los visitantes y los motores de búsqueda ven, y si esos títulos no tienen sentido o parecen spam, se trasladarán al siguiente resultado.

La importancia de la accesibilidad web

Accesibilidad web

¿Qué es “accesibilidad web”?

Al hablar de accesibilidad web, hacemos referencia a un diseño que va a permitir que personas con algún tipo de discapacidad o de avanzada edad puedan interactuar con la web.

En el mundo hay millones de personas con diferentes tipos de discapacidades que no le permiten utilizar la Web. La mayor parte de los sitios web presentan barreras de accesibilidad que dificultan o imposibilitan la interactuación de la web con muchas de las personas con discapacidad.

¿Por qué es importante la “accesibilidad web”?

La Web es una herramienta importante para muchos aspectos de la vida como la educación, comercio, sanidad, entretenimiento, etc. Por ello, es básico que todas las personas puedan acceder e interactuar con la Web de la mejor forma posible. Esto no solo implica a personas con discapacidad, sino que engloba a todas las personas, tengan o no problemas para entender la Web.

Además, la accesibilidad beneficia a la propia web, haciéndola más ligera en cuanto a tiempo de carga se refiere y más flexible para mostrarse en diferentes dispositivos y navegadores.

Beneficios de la accesibilidad Web

  • Incrementa el número de potenciales visitantes a la web
  • Disminuye los costes de desarrollo y mantenimiento
  • Reduce el tiempo de carga de las páginas web y la carga del servidor web.
  • Aumenta la usabilidad de la página web
  • Se demuestra la Responsabilidad Social de la empresa

Hacer tu web accesible

Muchas de las características accesibles de un sitio se implementan de forma sencilla si se planean desde el principio del desarrollo del sitio Web o al comienzo de su rediseño. La modificación de sitios Web inaccesibles puede requerir un gran esfuerzo, sobre todo aquellos que no se hicieron correctamente con etiquetas estándares de XHTML, y sitios con cierto tipo de contenido, como contenido multimedia/flash.

Nueva actualización del algoritmo de Google – Panda 4.0

La semana pasada, en Mayo de 2014, se lanzó una nueva actualización del algoritmo de Google, PANDA 4.0 . Lo anunció Matt Cutts (Director del Departamento contra SPAM en web de Google) en su cuenta de twitter.

Aún es pronto para saber cómo el nuevo PANDA 4.0 de Google afectará a las webs alrededor de internet, esto podrá apreciarse en los próximos meses, aunque ya se están produciendo los primeros efectos relevantes.

Actualización del algoritmo de Google - Posicionamiento SEO y Analítica web

¿Qué hay de nuevo en Panda 4.0?

El nuevo algoritmo de Google se ha creado principalmente para detectar y castigar contenido duplicado, escaso o poco relevante. Por ello deberemos estar muy atentos para cumplir una serie de requisitos para agradar a Panda 4.0

 

  • Evitar cualquier contenido duplicado en la nuestra web y abstenernos de copiar contenido de otras webs.
  • Publicar artículos de calidad, que despierten interés. Es importante que la extensión de los artículos sea como mínimo de unas 400 – 500  palabras. Utiliza imágenes o videos para mejorar tu post, ya que todo contenido útil es valorado por Google.
  • Tener especial cuidado en que todos los títulos y etiquetas meta no estén duplicados, y si así fuera, modifícalos cuanto antes.

¿Cómo funciona Panda 4.0?

 

Panda 4.0 tiene el objetivo de eliminar de tu página de resultados de búsqueda (SERP) los sitios web con contenido de baja calidad o que utilicen técnicas Black Hat. Todavía es difícil saber qué resultados tendrá tu web o blog, dado que se trata de un cambio de algoritmo bastante drástico. Esto quiere decir que, si no tienes los conocimientos adecuados, lo ideal es que algún experto SEO audite tu web y te informe de los errores encontrados para aplicar los cambios necesarios para mejorar el posicionamiento de tu sitio web.

Recomendamos que vigiles a diario cómo reacciona el nivel de tráfico en tu web a partir del día 20 de Mayo de 2014 para poder tomar medidas en el caso de que la actualización del algoritmo de Google haya afectado a tu web negativamente.

 

En Extrenet Consulting contamos con expertos en analítica y posicionamiento para mejorar tu web y conseguir que se posicione de la mejor forma posible para ser competitiva en su sector.

 

Pídenos una auditoria de tu web para descubrir qué pasos debes seguir para mejorarla. Para hacerlo solo tienes que enviarnos una solicitud a través del siguiente formulario y haremos una auditoria gratuita de tu web y te enviaremos un informe.

Nombre (requerido)

E-mail (requerido)

URL de la web

Landing pages ¿Qué son y cómo utilizarlas?

Las landing pages,  páginas de aterrizaje o páginas de destino son sitios en Internet donde el usuario va a parar tras clicar en un enlace determinado o al hacer una búsqueda y clicar en alguno de los resultados. Sirven para dar imagen de marca (branding) y para dar una respuesta directa al usuario. Son un elemento básico en cualquier acción de comunicación online.

Utilidad de las landing pages:

Las landing pages pueden utilizarse fundamentalmente para dos objetivos:

– Comunicación de marca o branding: Una landing page bien hecha puede servir muchísimo para posicionar tu marca. Es lógico que el contenido de nuestra landing page debe ser coherente con el posicionamiento de marca que quieras lograr.

– Respuesta directa y conversión: Hay que entender la conversión como cualquier acción realizada en tu sitio web que tenga valor para ti. Puede ser desde una descarga hasta la compra de un producto o la cumplimentación de un formulario. Partiendo de ahí, las landing pages son muy importantes para que estos objetivos se cumplan con el mayor éxito posible.

Ejemplo de uso de landing pages

Campañas de Google adwords:

Cuando estamos realizando una campaña de publicidad online en Google, es importante que la landing page en la que aterrice el usuario después de hacer clic en tu anuncio sea coherente con el anuncio.

Landing-Pages

Por ejemplo, es fundamenta que, la landing page de un anuncio sobre la compra de un producto determinado trate sobre la compra de dicho producto y no la página inicial de la web de venta.

Promoción de nuevos productos o servicios

Si tu empresa saca al mercado un nuevo producto y deseas aportar nueva información sobre este, es conveniente crear una landing page para ello, ya sea en tu web o a través de un dominio especifico. Hay que recordar que el usuario no suele perder el tiempo en leer demasiado, por lo que tu landing page debe contener información básica para que el cliente se haga una idea rápida del producto.

 Venta online de un producto o servicio

Para vender un producto o servicio, las landing page pueden ser cruciales. Si nos centramos en la landing de un producto específico, la página debe tener una correcta explicación del mismo, con los detalles que atraerán el interés del usuario para la compra del producto y buena disposición del proceso de compra.

A partir de estas premisas podemos hacernos una idea de cómo planificar una campaña de publicidad online o la promoción y venta de productos utilizando las landing pages.

El equipo de Extrenet Consulting puede ofrecerte diseños personalizados para que tus landing pages tengan el mayor éxito posible.

Errores a evitar en la página de tu empresa en Facebook

¿Sabes como crear una página de empresa en facebook?

Antes de crear la página de tu empresa en Facebook, hay que tener un perfil personal. Crear la página de empresa es muy fácil, hay que entrar en la sección  “Descubrir páginas”, accesible desde el menú lateral izquierdo de facebook y hacer clic en el botón verde “Crear una página” que se encuentra en la parte superior de la web.

Debes evitar algunos errores básicos:

fb_unlike

1.- Usar un perfil personal como página de empresa               

Algunas empresas recién llegadas a las redes sociales y a Facebook concretamente crean un perfil personal y no una página de empresa, lo que incumple la normativa de Facebook. Esto implica que si es detectado, el perfil será cerrado.

Diferenciar página y perfil personal es sencillo, si en tu página de empresa tienes “Me gusta” has creado correctamente tu página. Si en lugar de eso tienes “Amigos” tienes un perfil personal. En este caso, para no perder el trabajo realizado y conservar esos amigos como “Me gusta” puedes convertir tu perfil personal en página en este enlace:

https://www.facebook.com/pages/create.php?migrate

2.- No hacer un buen diseño de nuestra página

Uno de los fundamentos de una página de empresa en facebook es su diseño. Hay que personalizar la portada y el perfil. Es importante utilizar imágenes adecuadas en tu página.

3.- Dejar la página a medias

Es obvio que, para que la página sea profesional debe estar acabada. No da buena imagen dejar tu pagina sin terminar.

Es preferible no tener página a tener una que no se está utilizando, ya que el usuario percibe dejadez y es muy negativo.

5.- No interactuar con los fans

Las páginas de empresa en facebook se basan en la interacción con el usuario y hay que intentar comunicarse con ellos y responder a todas las cuestiones que nos planteen privada y públicamente.

6.- Restringir que mis fans comenten en el muro

El objetivo de las paginas de facbook es tener un sitio abierto, directo y transparente con los fans, donde no solo puedan comentar sino que los incitemos a hacerlo.

7.- Eliminar comentarios negativos

En el punto anterior recalcabamos la transparencia. Es fundamental no esconder los errores. En Facebook, trae más éxito la humildad y la transparencia.

8.- No cambiar la URL provisional por una permanente

Podemos cambiar la url provisional que se genera al crear la página por una con nuestra marca cuando llegamos a 25 “Me gusta”

9.- Uso abusivo de la marca

En un rápido vistazo puede verse si una pagina hace uso abusivo de su marca o sus productos, cosa que debemos evitar para no espantar a nuestros fans

10.- No vendas en Facebook

Facebook no está hecho para vender. El usuario que accede a Facebook lo hace por entretenimiento o por utilidad, por lo que debemos adaptarnos a lo que los fans buscan en facebook.