En el sitio web de un reconocido restaurante porteño encontré un problema de usabilidad web importante y de muy fácil solución que me interesa comentar.
Más allá de algunos problemas en general con el layout del sitio – que parece de otra época y además no es responsive – las letras son muy pequeñas, casi diminutas. Mirar la captura de pantalla debajo por favor.
Navegando por el sitio web de un significativo grupo de hoteles en Asia encontré dos puntos importantes a mejorar a nivel usabilidad web.
Problemas y sus Soluciones
1. Para empezar podemos notar que el logo del hotel, Sands Retail, por alguna razón está mal ubicado a nivel vertical. Observar el punto 1 en la imagen.
Por alguna razón que no comprendo estuve navegando en el sitio web de una reconocida empresa argentina de salamines 🙂 Me encontré con una usabilidad web cuestionable.
Para empezar, el sitio tardó aproximadamente cinco segundos en cargarse, lo cual no es recomendable a nivel usabilidad. Si bien mi conexión es lenta, no es bueno esperar a que se cargue un sitio desktop; no estamos más en 1999.
El otro día busqué “Tigre paseos” en Google y encontré un sitio web bastante complicado a nivel usabilidad web. Para los que no sepan, el Tigre queda en las afueras de la ciudad de Buenos Aires; hay paseos por el delta en barco y un puerto de frutos, entre otras cosas para conocer.
Al ingresar al sitio puntodelta.com.ar me vi abrumado inicialmente por el contenido así que intuitivamente quise ir al home page para tratar de entender mejor el sitio. ¡El problema es que no supe a primeras cómo ir a la página de inicio! Esto ya habla de una usabilidad web bastante mediocre.
Mirando un poco supuse que la frase “al Delta” arriba a la izquierda me llevaría al home page porque era una botonera. Mirar la Figura 1 por favor.
Hoy navegué en un sitio de regalos de bodas y me encontré con una situación muy negativa a nivel usabilidad web que he notado mucho en sitios de empresas de gran envergadura en Argentina.
Muchas veces al registrarnos a un sitio nos piden información personal dentro de un formulario, pero si miramos con atención notaremos que el sitio no es seguro! O sea: la URL de la página comienza con “http” como cualquier otra, en vez de comenzar con “https”. Amazon posee un sitio seguro cuando nos registramos, como notamos debajo.
Hoy vamos a analizar el sitio web de una red de peluquerías de Argentina; encontré un detalle de diseño que claramente no ayuda en la usabilidad.
En la sección “Servicios” se abre una barra de navegación vertical en el sector izquierdo de la pantalla. La barra posee las categorías. Si hacemos clic dentro de cada una, se abrirán las sub-categorías debajo.
Hay dos observaciones sobre esta interfaz:
1 – Las subcategorías se abren en un menú desplegable, pero no son cliqueables.
Queda un espacio en blanco a la derecha constantemente mientras navego en esta página. Esto me hace dudar. Pensé: “Tal vez al hacer clic en alguna sub-categoría se despliegue algún contenido a la derecha.” Sin embargo esto no pasa en ningún momento.
Hoy veremos un ejemplo de una página de inicio cuyo diseño presta a la confusión, afectando negativamente la usabilidad. Analizaremos brevemente el sitio de la cadena de retail Easy, famosa en Argentina, y similar a Ikea para que los que no la conozcan.
Podemos advertir que hay una barra de navegación horizontal y por otro lado una barra de navegación vertical:
La barra vertical muestra todas las categorías de productos, y en algunos casos las sub-categorías.
La barra horizontal también muestra los productos, pero además agrega otro tipo de contenido como consejos, promociones, etc. Si posicionamos el cursor sobre la palabra “Productos” aparecen las categorías dentro de una ventana, como podemos ver debajo.
El otro día ingresé al sitio web de la Feria Masticar y encontré que el home page tiene una usabilidad un tanto pobre.
La Feria Masticar es una feria gastronómica importante de la Ciudad de Buenos Aires que se realiza anualmente desde 2012.
En la página principal no está claro qué elementos se pueden cliquear y cuáles no. Estamos obligados a mover el cursor por la pantalla para ver qué elementos me permiten hacer clic y qué elementos no. Esto es contra-intuitivo a nivel usabilidad y no es aconsejable.
Voy a comentarles brevemente acerca de una aplicación con muy buena usabilidad dentro del sitio web de la revista Living.
Esta revista se edita en Argentina y trata acerca de los ambientes de una casa o departamento. Menciona distintas ideas para que tu casa sea más linda y todo tipo de temas relacionados.
En el sitio web hay una aplicación llamada “Room Finder” que ordena los artículos periodísticos de la revista según los espacios de una casa. Lo distintivo es que la aplicación está construida desde una interfaz visual muy intuitiva que facilita muchísimo la usabilidad.
Los círculos contienen hipervínculos que redirigen a otra página con los resultados buscados. Al posicionar el cursor sobre los círculos la flecha del mouse se convierte en la “manito” que nos indica que podemos hacer clic sobre ese elemento. Además, los círculos poseen distintos colores, lo que ayuda a comprender intuitivamente la aplicación.
Como podemos ver la interfaz es muy simple y por eso convierte a la herramienta en una muy efectiva en cuanto a su usabilidad. Imagínense esta misma aplicación sin esta interfaz visual. ¡Tal vez nadie la usaría!
Como nota al pie debo decir que el nombre “Room Finder” a primera instancia parece no ser el mejor. Sin embargo es difícil pensar en un nombre simple que demuestre exactamente la funcionalidad de esta herramienta.
¿Se te ocurre algún otro nombre corto que pudiese funcionar?