¿Que es el desempeño web?

¿Que es el desempeño web? y ¿por que es importante?

En un mundo cada vez con mas acceso a la información, con mas competencia que en ningún otro momento de la historia, cualquier empresa debe contar con los canales adecuados para llegar a sus posibles clientes, entre ellos las redes sociales y por supuesto una web que cuente con los elementos necesarios para satisfacer la demanda de información de los mismos, aquí es donde el desempeño web toma notoriedad, pero ¿que es el desempeño web?

El desempeño web puede tener muchas definiciones y abarcar un campo muy grande, en este caso hablaremos de desempeño web, para referirnos a los aspectos que se deben considerar para que una web cargue de manera optima, con elementos pensados en el usuario y que una vez el usuario la navegue, esta se comporte fluidamente, se brinde una experiencia ideal y se logre el objetivo deseado.

Nota: También se conoce como desempeño web a estudiar las metricas de un sitio web (Trafico, ventas, nuevos usuarios registrados) pero para este caso nos enfocaremos solamente en la experiencia final del usuario.

Algo mas que poco peso

Contrario a lo que muchos afirman el desempeño web no solo es tomar medidas para que el sitio web cargue mucho mas rápido sino también el que la experiencia en el sitio sea placentera, sencilla y productiva, es decir que el usuario vea la web rápidamente, entienda la estructuración de la web y pueda realizar de manera satisfactoria la tarea para la que ingreso al sitio.

Aunque al usuario de seguro le agrada un sitio web que cargue rápido (por decirlo en el lenguaje normal de los usuarios) también es cierto que se fijan en otros aspectos que como desarrolladores debemos tener presentes, como que tan claras son las instrucciones, que tan fácil encuentran las opciones y que tan beneficiosa fue su estancia en nuestro sitio. Para que todos este conjunto este en armonía es lógico que debe haber una planificación acertada.

Dime cuales son tus elementos y te diré cuanto pesa

Seria ideal que antes de iniciar a realizar la maquetación de un sitio (Emsable si queremos definirlo distinto, una vez tenemos el diseño en imagen, psd,ai,sketch, adobe experience design, como sea) determinemos que elementos contendrá nuestro sitio y que herramientas usaremos para implementarlos, partiendo del hecho en que recibimos un diseño ya realizado.

El poder conocer con claridad lo que vamos a usar para resolver cada uno de los desafíos de un diseño va hacer ese proceso mas cómodo, para nosotros, y dará pie a una mejor experiencia en el usuario final.

Por ejemplo supongamos que un sitio que vamos a iniciar teniendo como base un diseño, cuenta con 3 slides distribuidos a lo largo del mismo, en diferentes paginas o secciones, el poder evaluar la manera mas adecuada de realizar estos nos dará esa ventaja, saber si con un plugin podemos hacerlos todos, o quizá requiera algo a medida, o tal vez alguna de las características se puedan negociar para mostrarse de manera distinta y así no tener que usar mas de un elemento auxiliar, todos estos factores encajan en la fase de planeación, que como es lógico deberían definirse antes de iniciar el proceso.

Imagenes

Lo mismo sucede con las imágenes, pensar en que el peso de las imágenes de manera individual afectan la carga del sitio nos ayudara a definir procesos de optimización de imágenes, o técnicas para la carga de las mismas dependiendo de la resolución, lo que beneficiara los tiempos de carga finales.

Se debe tener presente que por ejemplo en latinoamerica las conexiones móviles no son las mejores y eso afecta los tiempos de carga de tu web. Un ejercicio muy interesante cuando se esta desarrollando una web es limitar la velocidad de conexión de tu equipo (en Chrome puedes desde el inspector de elementos ajustar este parámetro) quiza a 2g 0 3g para ver el rendimiento y tiempo de carga de los elementos que estas usando en tu diseño.

En Temas de WordPress siempre pensamos en los tiempos de carga de los Temas que ofrecemos a nuestros clientes, con elementos optimizados y de la mejor calidad posible. ¿Que tal si visitas nuestros Temas y les das un vistazo? Temas WordPress con soporte en español

Diseño adecuado

Con diseño adecuado no solamente nos referimos a que se vea bien de acuerdo a alguna tendencia, sino también que los elementos estén dispuestos de manera efectiva, que brinden al usuario la información deseada en orden y que lo inviten a realizar la acción final (Compra, Registro, entrega de datos, el objetivo planeado).

Aquí podía mencionarse el tema de arquitectura de la información que es bastante complejo además de completo,  que básicamente trata de guiar al usuario mostrando contenido de forma ordenada. Mas allá de esto encontramos por supuesto el que el sitio sea atractivo y vaya de acuerdo con la identidad de la marca.

Esto se puede ver en práctica en nuestro mas reciente lanzamiento, Coopbank Tema WordPress para bancos, servicios financieros, cooperativas, fondos de empleados y mas. En el mediante un flujo pensado de la información se guiá al visitante a conocer los productos financieros que se ofrecen, los beneficios de adquirirlo, luego de esto se presenta al usuario un simulador de créditos para que pueda realizar una proyección del tipo de producto elegido.

DEMO COMPRAR

 

Menos es mas definitivamente

Existe una ley que se llama Ley Hick’s que básicamente dice que el tiempo que se tarda un usuario en tomar una decisión es proporcional a la cantidad de opciones que se le presenten.  Esto nos deja como argumento que si deseamos un objetivo concreto y que el cliente realice una tarea de acuerdo a ese objetivo, entre menos opciones le presentemos su tiempo de elección sera menor, probablemente evitando que salga del sitio.

Nuestra labor radica en presentar la información de manera sencilla, con una cantidad de contenido moderada que no agobie al usuario, pero a su vez que le de argumentos sólidos para tomar la decisión entre el numero de opciones que presentemos, entre menos opciones mas rápido se decidirá.

Aplicable como ejemplo del punto anterior queremos presentar Simplicity, Tema para Tabla de precios, promociones y listado de características, con que podrás implementar en tu sitio web opciones de precios y características para tus Productos / Servicios brindando al usuario la idea clara de lo que recibirá y el monto a pagar.

DEMO COMPRAR

Como se nota el desempeño web brindara al usuario una experiencia de usuario ideal, con tiempos de cargas optimizados, elementos pensados para hacer sencillo su proceso, con una estructura de información clara, y con las opciones mínimas posibles para que no requiera tanto tiempo para decidirse por nuestro Producto / Servicio.

En un próximo articulo abordaremos que herramientas podemos usar para medir el desempeño web de nuestro sitio.

Suscribete Ahora

Suscríbete a nuestro boletín para recibir noticias, actualizaciones, promociones, Obsequios y nuevos temas por correo electrónico. No hacemos spam.

No vamos a compartir su información personal.