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.

Top 10 en tendencias en diseño web en 2014

Cada año, nuevas tendencias salen a la luz de la mano de diseñadores web de todo el mundo, algunas triunfan y son utilizadas y mejoradas y otras, en cambio, se pierden entre archivos olvidados en alguna recóndita carpeta.

Entonces ¿qué tendencias están siendo más utilizadas?

1. El diseño plano prospera

Palicirsa - Diseño Plano

Si creías que el diseño plano o “Flat design” era solo una moda, estabas muy equivocado. El diseño plano es un diseño minimalista llevado al límite. Consiste en hacer que sea limpio, moderno y sencillo, cosas que nos pide la mayoría de los clientes. El motivo del auge del diseño plano es porque tiene sentido lógico. Tenemos menos desorden, un mayor uso del espacio en blanco y en general una mejor experiencia de usuario.

2. El diseño responsive es una obligación

Extrenet Consulting - Web responsive

Esto debe convertirse en un estándar, no hay duda al respecto. La razón es simple: la demanda.
Los clientes piden que sus webs sean accesibles para los smartphones y tablets que están dominando el mercado de la electrónica, por su enorme potencial de marketing directo con el usuario.

3. Las webs muestran mejores imágenes

About.me - Web con imágenes de alta calidad

Gran parte de los diseñadores pujaban por mejorar la calidad de las imágenes mostradas en la web durante mucho tiempo pero se encontraban con problemas en el lado del cliente. Este año trae imágenes de mayor calidad, más creativas y únicas debido a diferentes razones: mejor oferta de diseños, mejores precios, la velocidad de carga es la más rápida de la historia, mejores pantallas para mostrar esa calidad de imagen…

4. Los sitios web que usan Parallax crecen en popularidad

Sony - Web con scroll efecto Parallax

Atrás quedaron los días de las webs de 960 píxeles de ancho que debía funcionar perfectamente bien en Internet Explorer 6. Se trata de generar impacto y el diseño Parallax logra con éxito ese cometido con su travieso desplazamiento, imágenes intensas y tipografías creativas y fuertes. Veremos mucho más Parallax durante 2014, especialmente en las webs de grandes marcas.

5. Las infografías siguen siendo la mejor manera de representar datos

Mejora de las técnicas para crear infografías más creativas

Las infografías pueden presentar una gran cantidad de información en espacios reducidos y baratos. Es por eso que las empresas están usándolas. Al usuario final le gustan las infografías, ya que cada una es un mundo – combinan colores llamativos, formas y tipografías un poco estrafalarias de una manera que hace que el usuario se interese.

Una infografía es una manera eficiente de comunicar gran cantidad de datos, cuyo uso se verá incrementado en 2014.

6. Las tipografías captan la atención

Tipografías diferentes invaden la web

¡Adios Times New Roman!¡ciao Comic Sans! Bienvenidos a 2014, el año en el que las tipografías se ponen serias. En realidad, siempre fueron importantes, pero ahora se ha convertido en tendencia. Gracias a la gran cantidad de aplicaciones que estamos usando, que exponen diferentes fuentes a los ojos de los usuarios que se han vuelto más exigentes en cuanto a las tipografías.

Arial o Helvetica son demasiado “normales”, el usuario está acostumbrado a ellas hasta el punto que siente que falta algo si está mirando la misma Helvetica de siempre, y la bajada de precios en las fuentes de alta calidad hacen que tanto diseñadores como empresas amplíen el catálogo de fuentes a utilizar.

7. Sitios web simples, enfocados en el contenido

Webs centradas en el contenido

La tendencia viene por un enfoque más simple y limpio, que tiene el objetivo de brindar una mejor experiencia de usuario. Aunque no es nada nuevo, cada vez más webs, especialmente los que tienen contenido muy pesado, remodelan sus diseños enfocándose en el contenido. Quitar todos los adornos innecesarios permite que el contenido sea el protagonista y que el diseño cumpla su papel de informar en lugar de robar la atención.

8. Vuelven las presentaciones en vídeos cortos

Web con vídeo de presentación

Los vídeos cortos de han resurgido en 2014 por las mismas causas que las imágenes de alta calidad se han extendido por toda la web, y en especial por el aumento de la velocidad de carga. Los nuevos formatos y compresiones de video facilitan que un video corto sea cargado y mostrado rápidamente, lo que elimina el principal inconveniente que tenían. La ventaja de los videos de presentación es que te permite mostrar gran cantidad de información en un corto periodo de tiempo, de forma fácil de captar para el usuario.

9. Los diseños de Newsletter también mejoran

El email marketing ya no es la única forma de llegar al público, pero sigue siendo una buena opción para mantener a los usuarios interesados en nuestro contenido. En 2014 y de la mano de las webs, los diseños de newsletter han mejorado para ser más creativas.

10. Los menús de navegación fijos se “ponen de moda”

La simplicidad de los diseños y los sitios webs con gran cantidad de contenido invitan a tener siempre disponible la barra de navegación en las versiones de escritorio de los sitios webs. Teniendo en cuenta que el tamaño de pantallas para escritorio ha ido en aumento, con resoluciones cada vez mayores, podemos disfrutar de un espacio que antes no teníamos y que los diseñadores han sabido aprovechar en 2014 para mejorar la navegabilidad y la usabilidad de los sitios web.

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.