In Desarrollo Web, diseño, Posicionamiento web, SEO

Excelente miércoles, el día de hoy desglosaremos el tema de usabilidad y desempeño web. Son estrategias y tácticas que hay que implementar en el sitio para optimizarlo en sí, es decir, convertirlo en su mejor ser, tanto para los humanos, como para los robots.

¿Qué quiere decir la usabilidad?

En su expresión más básica, es la medida de calidad que un usuario tiene cuando interactúa con algún producto o sistema.

Este métrico se estudia a través de la relación que se genera entre herramientas (de manera integrada que es lo que en conjunto forman un sitio, sus funcionalidades y su sistema de navegación y contenidos disponibles) y mediante las personas que hacen uso de ellas. Todo para precisar la eficiencia en la utilización de los diversos elementos visibles en las pantallas y efectividades en el desarrollo de las tareas que se puedan llevar a cabo a través de las mismas (herramientas).

Datos a tener presentes:

-Los usuarios de una web pasan de 2 a 6 segundos escaneando toda la página antes de enfocarse en una sección en particular.

-180 milisegundos enfocándose en ciertas cosas de determinada sección antes de proseguir.

-Su título tiene aproximadamente 1 segundo para llamar la atención de algún lector antes de ser ignorado.

-El 60% del tiempo, las personas fallan al encontrar información que buscaban.

-50% de las ventas se desplomaron debido a que los usuarios o clientes no encontraron la información que deseaban.

1-. Deshágase del ruido o información extra

-Demasiada información irrelevante forzará que el 62% de los compradores en línea deserten en cuanto concretar la compra acerca de lo que buscaban.

-El porcentaje de incremento en usabilidad, mejora un 58% cuando los webmasters recortan el número de palabras que aparecen en sus páginas.

-Recorte el número total de palabras usadas en su página.

-En promedio 28% del texto es leído.

2-. Ponga información donde se encuentren más ojos

-Los usuarios web pasan en promedio 80% de su tiempo mirando la información superior al borde de la página.

-De igual manera, los cibernautas pasan un 69% del tiempo observando el lado izquierdo del sitio web.

3-. Maximice el cómo los visitantes visualizan o leen páginas

-Los usuarios identifican o escasean en un patrón “F”, es decir dos líneas horizontales y una vertical.

-El CTA (Call To Action) en una franja más delgada y vertical.

-La barra de navegación en una franja más larga y vertical.

-Títulos en una franja horizontal.

4-. Rápido tiempo de carga

-Las personas visitarán su sitio web menos seguido si es más lento que el de un competidor cercano y todo por más de 250 milisegundos.

-Cuatro de cada cinco usuarios de internet partirán si un video dentro de su sitio tarda mucho en cargar.

-Los compradores en línea esperan que las páginas carguen en 2 segundos o menos, ya en los 3 segundos, un largo porcentaje de personas abandona el sitio.

5-.El tamaño de la caja de búsqueda

-Una caja de búsqueda normal mide 18 caracteres de largo.

-27% de las solicitudes es más larga que el límite.

-Extenderlo a 27 caracteres sería lo más recomendable para el 90% de búsquedas (dentro del sitio).

6.-El formato de la página

-Optimizar para una longitud de 1000 a 1600 pixeles y de ancho aproximadamente 770 pixeles.

-Utilice el mismo formato para todas las páginas.

-El mismo menú de navegación debe aparecer en cada una de las páginas de su sitio, en el mismo lugar.

7-. La tipografía

-Mantenga el número de diferentes tipos de letra al mínimo.

-8% de los hombres son ciegos al color. Para el texto más importante, haga uso otros puntos de apoyo aparte del color para atraer atención.

-Utilice cuatro tipos de color diferente, o menos, para el texto, esto hará que la confusión se elimine.

-El ancho óptimo de las líneas de texto debe ser de 45 a 75 caracteres.

8.-Links (enlaces) dentro del sitio

-Deben ser azules porque es el color común para los enlaces en otros sitios.

-Deben cambiar de color después hacerle clic.

-Requieren ser lo suficientemente descriptivos para que el usuario sepa a dónde es que lo va llevar el enlace.

-74% de los sitios utiliza diferentes colores para enlaces visitados y no visitados.

Tampoco nos olvidemos de…

-Hacer uso de un tamaño de letra apropiado (de ser posible, 16 pixeles o más)

-Utilizar un contraste claro en el texto entre otras maneras de enfatizar el CTA.

-Eliminar los efectos de “hover” (este es el efecto cuando pasamos el ratón encima de algún elemento y este cambia de alguna manera) tanto como para el sitio web móvil y el normal.

-Las normas o políticas de las cookies que ocupan aproximadamente un 50% de la pantalla y que llevan consigo un botón de cerrar que es inaccesible y resulta ser pequeño.

-Formularios inadaptables. Por ejemplo, que sean numéricos cuando cierto campo los requiera, etc.

-Los requisitos en general para mobilegeddon.

Esperamos que este artículo le haya sido útil, le brindamos la cordial invitación a leer más de nuestros posts dentro de la sección de blog. De igual manera, si disfrutó de este artículo, nos dará gusto saberlo si usted lo expresa compartiéndolo en sus redes sociales.

Contamos que con esta información, usted obtenga el mayor provecho y rendimiento posible con su página web, para así llegar a posicionarse con las estrategias y técnicas adecuadas para aparecer como las primeras opciones dentro de Google y demás buscadores.

diseño responsivo

Recent Posts
El porqué todas las empresas deberían bloguearLos diez mandamientos de la mercadotecnia