Los sustos que me da ING
escrito por Jacobo Busto  

21/02/2010

Cada vez que hago una operación en ING me aparece el aviso que véis en el primer pantallazo (cambiando el texto). Y cada vez que eso sucede me asusto porque parece que es un aviso de error.

Hice una prueba en dos segundos cambiando el color azul por uno verde (armonioso, fresco y asociado emocionalmente con la seguridad), así los usuarios percibirían el aviso como una buena noticia y sin sobresaltos.

Creo que hay que “premiar” a los usuarios cuando las cosas han ido bien, y que lo perciban claramente. Esto les dará seguridad y confianza en la página. Especialmente tratándose del banco que guarda tu dinero y operaciones que haces con el mismo.

ing_aviso_azul

ing_aviso_verde

6 Comentarios

El Flash no se lleva; la ropa de Zara, sí
escrito por Diegoberg  

24/01/2010

Muchos diseñadores critican el uso de Flash. Ya no se lleva, es antiguo. No indexa (no, que ahora ya sí…), dicen. Es poco accesible. Exclusivo (“No tiene instalado flash player…”) Los contenidos se vuelven cáoticos. Lo artísitico se mezcla con lo útil. Y qué decir de mantener y gestionar un sitio en Flash. Ármate de paciencia para ajustar el acento de un texto… . Eso dicen.

Sin duda no estoy en desacuerdo con muchas de las afirmaciones, pero también es cierto que cuando entro en un site realizado integramente en flash suelo quedarme más tiempo que en otras páginas (las cosicas se mueven, hay sonidillos extraños, puedo ir pasando “pruebas”…). Es un formato muy bueno para campañas y lanzamientos de productos. Y para mantener la imagen de marca.

La campaña de Zara + MTV me encanta. Es una chorrada en cuanto a contenido (te presentan 6 camisetas inspiradas en promos de de MTV) pero es un flash muy sencillito y divertido. Pero es que los videos de MTV son butales.

Zara MTV

Zara

Zara MTV

Uno de los videos en los que se basa una de las camisetas.

Escribe un comentario

Cuando los iconos ayudan al usuario
escrito por Jacobo Busto  

17/12/2009

Que los iconos y las imágenes pueden ayudar a mejorar la experiencia de los usuarios en un sitio web no es una novedad. Lo que no es tan frecuente es encontrar una página que use tan bien y con tanta claridad estos iconos.

Una de las webs de Time Warner Cable (Compañía norteamericana de Telecomunicaciones) se ayuda de unos iconos sencillos y muy fáciles de entender para mejorar y facilitar la comprensión de sus contenidos a los usuarios.

Iconos del panel de productos de la web de Time Warner Cable

Iconos de producto en la sección de Internet

3 Comentarios

Hungry Jacks, la usabilidad se come el diseño.
escrito por Jacobo Busto  

15/12/2009

La primera vez que vi la web de Hungry Jacks (cadena australiana de hamburguesas) me gustó más que al observarla con detenimiento, así que tengo una especie de relación de amor-odio con esta página.

Por un lado me gusta que es atractiva y fácil de ver, y creo que es muy clara y muy sencilla. Aunque por otro lado creo que descuidaron la usabilidad del sitio, principalmente en tres puntos:

- No resolvieron bien el menú de las pestañas (no funcionan como pestañas)
- Tienen textos metidos en imagen, (sin textos por debajo, además)
- El logo principal no es un link a la home (lo cual es increíble y ocupa un pestaña en el menú principal).

home_hungryJacks

Escribe un comentario

Diseño web para aplicaciones offline
escrito por Jacobo Busto  

14/12/2009

Los usuarios usamos cada vez más aplicaciones online y pasamos más tiempo en internet. Ésto debería hacer que los diseñadores de interfaces para offline se replanteen el diseño clásico para introducir estándares de usabilidad web en los mismos. Personalmente, creo que Chrome OS (el futuro Sistema Operativo de Google) será un punto de inflexión en este aspecto.

El ejemplo que muestro es la interfaz de Spotify, donde el nombre de un artista o de un disco, llevan un link direccionando al mismo. Al contrario, tenemos iTunes, con un campo de búsqueda tradicional para realizar la misma acción.

Interfaz de spotify

interfaz de itunes

2 Comentarios

Segmentos avanzados de Google Analytics
escrito por Diegoberg  

12/12/2009

No lo he usado lo suficiente, pero la capacidad de segmentación de Analytics me está pareciendo increible. Te puedes pasar la tarde entera moviendo modulitos. Con lo caótica que es esta herramienta, la funcionalidad de “segmentos avanzados” está bien resuelta.

segmentos_avanzados_analytics

segmentos_avanzados_analytics

Escribe un comentario

simyo.es
escrito por Diegoberg  

6/12/2009

Hace un par de semanas simyo.es fue premiado como uno de los mejores sites de los últimos 20 años. Además de al operador móvil también se premió a rtve.es, 20minutos.es, elmundo.es … Y en paginando estamos muy contentos

Es curioso que un site de unas pocas decenas de páginas haya sido considerado a la altura de históricos .es, con una profundidad de páginas muy superior al operador móvil. Si bien es cierto que el manejo de estos gigantes no es moco de pavo y que es fácil poner en pelilgro la navegación del usuario con tan sólo un enlace mal ubicado, la grandeza de simyo reside en que te da todo lo que necesitas para gestionar tu teléfono móvil, en un par de páginas.

Por un lado presenta la información sobre el producto de manera clara y directa. Compras online y eliges el número de teléfono y móvil libre que más te guste. Pero lo verdaderamente genial es cuando accedes al control del servicio. Es ahí cuando te das cuenta de que esto es otro rollo. El área personal de simyo es una mezcla entre un panel de control de una herramienta de métricas (completo control de mandos) y un banco online (producto reconocible para cada vez más usuarios).

Sin duda un proyecto del que estar orgulloso y al recurrir como referente para la construcción de productos sencillos y satisfactorios para el usuario.

simyo.es

simyo.es

Escribe un comentario

Spotify sabe lo que dice
escrito por Jacobo Busto  

28/11/2009

Para diseñar una web es básico saber qué mensajes queremos transmitir y qué peso tiene cada uno. Ser claros en el mensaje y dar a cada elemento la importancia que tiene, nos ayudará a llegar al usuario.

En la página principal de Spotify tenemos un ejemplo de claridad, concisión e importancia del mensaje.

Además, en cada web (española e inglesa) tienen claro cuál es el mensaje que necesitan transmitir.

spotify_free

spotify_premium

Escribe un comentario

Navegación organizada por colores
escrito por Jacobo Busto  

20/11/2009

Es básico que el usuario sepa siempre dónde está, para que conozca más fácilmente la estructura de la página y no se complique la vida. La navegación por colores puede evitar que ésto suceda.

La ya desaparecida Soitu (aún funciona) y la página británica The Guardian, por ejemplo, utilizan colores para mejorar la navegación en sus páginas.

Son (Soitu era) portales de prensa digital que, como los demás, deben cuidar mucho el diseño y organización de una larga colección de secciones y subsecciones.

soitu

the_guardian

2 Comentarios

Que los usuarios sepan qué ofreces
escrito por Jacobo Busto  

19/11/2009

Pasa dos segundos en Tumblr.com y sabrás qué es (”The easiest way to blog”). Ésto es brillante. Para que los usuarios quieran tu producto tienen que saber cuál es.

Es una web hecha con mensajes muy claros y concisos, páginas poco recargadas y un diseño amable, moderno y muy fresco.

El contador de la página “About us” es un modo genial de decir “Mucha gente lo hace”. Creo que se podría reforzar este mensaje en la home para convencer a los usuarios, pero admiro la apuesta por la claridad (tratar de meter toda la información en la página principal no es usable ni práctico).

Tumblr

Escribe un comentario