Letras demasiado Pequeñas para un Restaurante tan Cool..

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.

Continue reading Letras demasiado Pequeñas para un Restaurante tan Cool..

Mucho Dinero pero Poco Layout

Navegando por el sitio web de un significativo grupo de hoteles en Asia encontré dos puntos importantes a mejorar a nivel usabilidad web.

Captura de Pantalla Sitio wbe Sands Retail
Figura 1: dos problemas para el layout de este sitio 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.

Continue reading Mucho Dinero pero Poco Layout

¡Con esta Experiencia Web no Compro Salamines ni Loco!

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.

Captura de pantalla del sitio web
Figura 1. Un home page sobrecargado.

Continue reading ¡Con esta Experiencia Web no Compro Salamines ni Loco!

Complicado Pasear por el Delta del Tigre si no Encuentro el Botón de Inicio…

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.

Continue reading Complicado Pasear por el Delta del Tigre si no Encuentro el Botón de Inicio…

Casamientos y Sitios no Seguros: una Mala Combinación

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.

Captura de pantalla del sitio web Amazon.
La URL de un sitio seguro comienza con “https”.

Continue reading Casamientos y Sitios no Seguros: una Mala Combinación

Peluquerías con Menúes Innecesariamente Desplegables

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.

Captura de pantalla del sitio web.
Las subcategorías que despliegan no son cliqueables.

Continue reading Peluquerías con Menúes Innecesariamente Desplegables

¿Por qué Utilizar Dos Barras de Navegación Similares?

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.

Continue reading ¿Por qué Utilizar Dos Barras de Navegación Similares?

Si vas a Diseñar un Home Page: ¡Que Tenga Botones Claros!

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.

Captura de pantalla de la página de inicio.
Figura 1: ¿A dónde puedo hacer clic?

Continue reading Si vas a Diseñar un Home Page: ¡Que Tenga Botones Claros!

Una Interfaz Visual es Mucho Mejor que una Lista


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.

Captura de pantalla del sitio web
Captura de pantalla de la aplicación.

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?