Una definición simple de Usabilidad es la “calidad de la experiencia que tiene un usuario cuando interactúa (navega) en un sistema web"
"La Usabilidad es la medida de la calidad de la experiencia que tiene un usuario cuando interactúa con un producto o sistema"
Yusef Hassan, profesor de la Universidad de Granada, (la UGR de donde han salido la gran mayoría de los ingenieros informáticos que hay en Intelligenia) expone la siguiente definición: "la usabilidad es la disciplina que estudia la forma de diseñar Sitios Web para que los usuarios puedan interactuar con ellos de la forma más fácil, cómoda e intuitiva posible, y la mejor forma de crear un Sitio Web usable es realizando un diseño centrado en el usuario, diseñando para y por el usuario, en contraposición a lo que podrá ser un diseño centrado en la tecnología o uno centrado en la creatividad u originalidad".
Aparte de pensar en el diseño que tendrá nuestra futura web y los contenidos que incluiremos en ella, es muy importante tener en cuenta como se moverán los usuarios dentro de ella (sobre todo para que no se pierdan como en un laberinto) ya que es lo que definirá la forma en la que se expondrá dicho contenido para hacerlo accesible/visible a los usuarios.
Si ya tienes una web, deberías haber pensado alguna vez en…
- ¿Cómo navegan dentro de tu web?
- ¿Qué páginas son las que más ven/visitan dentro de ella?
- ¿Por qué las visitan?
- ¿Sabes si están encontrando la información, los servicios o los productos que ofreces/vendes?
- ¿Sabes si tus usuarios se sienten cómodos moviéndose dentro de tu web o si se van rápidamente?
- …
Beneficios de una buena experiencia de usuario
¿Por qué es tan importante la usabilidad en tu web?
Algunos de los muchos beneficios que proporcionaran una buena usabilidad al navegante que entre en nuestra web son:
- Ofrece a los usuarios una mejor experiencia: más comodidad para el usuario que navega, ya que verá tu web como un sitio “fácil” de entender.
- Aumento del tiempo de permanencia por parte del usuario dentro de la web (más tiempo haciendo y menos tiempo perdiéndose).
- Genera más confianza y ésta provoca más reputación online.
- Te ayuda a que tu web se diferencie y destaque respecto a la competencia.
- Ayuda al posicionamiento web. Además una buena estructura de enlaces internos también es un factor importante para el SEO.
- Ayuda a fomentar el número de conversiones y/o ventas.
Usabilidad en diseño web = Funcionalidad en arquitectura
Por mi trabajo suelo realizar bastantes análisis de webs (diseño: utilización adecuada de las imágenes, uso del color, diseño del logotipo; cómo están presentados los menús de información, cómo está distribuido el contenido,…) y en muchas ocasiones me he encontrado incómoda como visitante web, no encontraba la información que necesitaba, me perdía con mucha frecuencia entre un caos desinformativo, yéndome de dicha web lo antes que podía, por supuesto teniendo una mala impresión. Y esto no solo me ocurre a mi. Hablo como internauta y como miles de internautas estas consideraciones son generalizadas.
Tu web es la representación tú negocio. Si el contenido está desordenado, si el usuario no encuentra lo que desea con facilidad…tendrá una mala consideración sobre tu web y eso a su vez generará desconfianza, afectando directamente a tu reputación online.
No usabilidad → Desconfianza → Pérdida Reputación
A continuación os expongo las Tendencias de Usabilidad Web que se tendrán para este 2016
"Se tiene que crear un equilibrio y una interrelación óptima entre Diseño Web y Usabilidad Web para que no afecte a la legibilidad general de la web"
5 Tendencias de Usabilidad Web 2016
1. Menos Breadcrumbs y más Intuición
Es la nueva tendencia de navegación. Las breadcrumbs o migas de pan, son las líneas de texto con palabras separadas por barras que nos hemos encontrado en muchísimas ocasiones cuando entrábamos en una web. Éstas migas de pan indicanban en todo momento la ruta o el recorrido que estábamos siguiendo dentro de un sitio web para saber cómo habíamos llegado al lugar donde uno/a se encontraba.
Hoy en día este recurso de usabilidad está despareciendo… y te preguntarás ¿por qué?
Cada vez el usuario tiene menos tiempo para leer texto (y desea menos leer).
La tendencia como comentamos en el post de Tendencias de diseño web 2016, es webs más visuales , ya que nuestro cerebro procesa las imágenes en menos tiempo. Por tanto las breadcrumbs dejaron de ser útiles y la tendencia es que desaparezcan ya que aparte de dejar de ser funcionales ocupan espacio y ensucian estéticamente.
Como sigue habiendo cantidad de información en la web, ésta se va sustituyendo a través del diseño, de ahí como comentamos en el post Tendencias de Diseño web 2016, el diseño se sintetiza y los iconos y los elementos gráficos en sí aportan contenido.
La navegación web está tendiendo a la intuición destacando el uso de iconos, recursos visuales y transiciones visuales que se adelanten al usuario.
Es la nueva tendencia de navegación. Las breadcrumbs o migas de pan, son las líneas de texto con palabras separadas por barras que nos hemos encontrado en muchísimas ocasiones cuando entrábamos en una web. Éstas migas de pan indicanban en todo momento la ruta o el recorrido que estábamos siguiendo dentro de un sitio web para saber cómo habíamos llegado al lugar donde uno/a se encontraba.
Hoy en día este recurso de usabilidad está despareciendo… y te preguntarás ¿por qué?
Cada vez el usuario tiene menos tiempo para leer texto (y desea menos leer).
La tendencia como comentamos en el post de Tendencias de diseño web 2016, es webs más visuales , ya que nuestro cerebro procesa las imágenes en menos tiempo. Por tanto las breadcrumbs dejaron de ser útiles y la tendencia es que desaparezcan ya que aparte de dejar de ser funcionales ocupan espacio y ensucian estéticamente.
Como sigue habiendo cantidad de información en la web, ésta se va sustituyendo a través del diseño, de ahí como comentamos en el post Tendencias de Diseño web 2016, el diseño se sintetiza y los iconos y los elementos gráficos en sí aportan contenido.
La navegación web está tendiendo a la intuición destacando el uso de iconos, recursos visuales y transiciones visuales que se adelanten al usuario.
2. Más interactividad
Si en el 2013 ya empezó a proliferar la interactividad web, éste nuevo año 2016 será el año de la explosión de la interactividad con el usuario. Destacarán aquellas webs que hagan aún más partícipe al usuario y "jueguen" con el haciendo que sientan y vivan la web.
Por eso el uso del multitouch en el diseño web aumentará también en este año, creando sitios que reaccionen aún más a los movimientos de las manos y o del ratón.
3 Menos click y más Scroll (interminable)
Al igual que en el 2013 (como ya comentamos en otros post), el 2016 el scroll infinito será una tendencia aún más en alza sobre todo impulsado por el crecimiento del móvil y las tablets. Su uso facilita la información al usuario sin necesidad de tener que volver a cargar una nueva pestaña, permitiendo que los contenidos se vayan actualizando mostrando contenido nuevo. Anotación: Cuanto menor sea la pantalla, mayor será el desplazamiento. Esto supondrá un reto a la hora diseñar y ser más creativos planteando técnicas narrativas.
4 Más Velocidad en la carga
Sé veloz… cada vez más ¡el tiempo es oro!
“Reducir 1 segundo la velocidad de carga de tu web puede aumentar un 11% tus visitas y un 7% las ventas”.
Las velocidades de navegación irán acorde con las prisas, así que tenlo claro. Por tanto comprueba la velocidad de carga con Google PageSpeed Insights.
5 El acceso a la red será principalmente con dispositivos móviles
Esa es la previsión. La red estará en los móviles. Por tanto es imprescindible que pruebes tus páginas en dispositivos móviles. Para esto además de las pruebas manuales, existen varias herramientas automatizadas para evaluar la usabilidad de tu sitio en dispositivos móviles. Sobra decir a estas alturas que la mayoría de los usuarios acceden a internet desde sus smartphones, por lo que deberás poner a prueba tu página y hacer un diseño responsive para garantizar la mejor experiencia posible a tus visitantes.
Recuerda:
¡Los usuarios sólo se quedarán en tu web si la persuasión o seducción visual es extraordinaria!
Al igual que en el 2013 (como ya comentamos en otros post), el 2016 el scroll infinito será una tendencia aún más en alza sobre todo impulsado por el crecimiento del móvil y las tablets. Su uso facilita la información al usuario sin necesidad de tener que volver a cargar una nueva pestaña, permitiendo que los contenidos se vayan actualizando mostrando contenido nuevo. Anotación: Cuanto menor sea la pantalla, mayor será el desplazamiento. Esto supondrá un reto a la hora diseñar y ser más creativos planteando técnicas narrativas.
4 Más Velocidad en la carga
Sé veloz… cada vez más ¡el tiempo es oro!
“Reducir 1 segundo la velocidad de carga de tu web puede aumentar un 11% tus visitas y un 7% las ventas”.
Las velocidades de navegación irán acorde con las prisas, así que tenlo claro. Por tanto comprueba la velocidad de carga con Google PageSpeed Insights.
5 El acceso a la red será principalmente con dispositivos móviles
Esa es la previsión. La red estará en los móviles. Por tanto es imprescindible que pruebes tus páginas en dispositivos móviles. Para esto además de las pruebas manuales, existen varias herramientas automatizadas para evaluar la usabilidad de tu sitio en dispositivos móviles. Sobra decir a estas alturas que la mayoría de los usuarios acceden a internet desde sus smartphones, por lo que deberás poner a prueba tu página y hacer un diseño responsive para garantizar la mejor experiencia posible a tus visitantes.
Recuerda:
¡Los usuarios sólo se quedarán en tu web si la persuasión o seducción visual es extraordinaria!
No hay comentarios:
Publicar un comentario