Usabilidad en microsites: caso iPhone y movistar
- Tema: Usabilidad, Diseño Web
- » Se lee en 121 segs

Como he avanzado muchas veces en este blog, yo sigo insistiendo… a veces el marketing no entiende de usabilidad. No me casaré de repertilo, existen millones de iniciativas nacidas desde marketing que lanzan sus promociones en forma de microsite con una usabilidad poco cuidada y al final del día esto siempre termina teniendo efecto contrarios a los esperados.
En esta oportunidad vemos el microsite de movistar en el qué se les informa de la exclusiva y se les invita a rellenar un formulario para ser informado de los detalles del este producto.
Hasta aquí, excelente. Pero ¿qué hay de la usabilidad de este microsite? Es un sólo formulario se muestran más de 4 aspectos descuidados de usabilidad.
- ¿Por qué no colocar algo de información sobre el iPhone? ¿por qué no poner que es 3G (Para consistencia con la versión móvil), algo de descripción, no?
- El botón “Comunicado oficial” es más grande que el botón enviar. Recordar la ley de fits. Además otro clásico de la usabilidad: Utiliza botones para ejecutar acciones y no para la navegación. Para colmo de males esto enlaza con un PDF
- El típico check del aviso legal está descontextualizado, y aquí si que se utiliza un enlace… Esto abre un pop-up que no tiene un botón de cerrar
- el botón “registrar” es muy pequeño, además el literal no es muy acertado, en realidad el usuario no se está registrando, tan sólo está enviando información. ¿Por qué no poner enviar? es más estándar. Pero bueno, esto es discutible
Y seguimos…
- La gestión de errores, con tanta librería de ajax por allí suelta no se justifica el la clasica ventanita de javascript informando del error
- Este microsite tiene su versión para iPhone, pero presenta el mismo problema del botón de acción principal…
- Además, ¿Por qué la versión para iPhone habla de 3G? Es incosistente
Aquí unas capturas:

No me quiero imaginar cómo está el portal detrás de ese formulario… Aún queda tiempo, vamos a echarle un vistazo, tengamos en cuenta aspectos de usabilidad, el usuario lo agradecerá. En conclusión, yo me pregunto ¿Cómo se puede en tan poco espacio ser tan descuidado en aspectos de usabilidad? es tan sólo un formulario de nada… Como comentaba con el colega Jordi de despiertos.net, mejor ni ponemos a un usuario a buscar algo en la web movistar.
Esto es una invitación abierta a prestar un poco más de atención a los temas de usabilidad en este tipo de formatos y sobre todo los microsites, mientras menos contenido los errores saltan más a la vista mientras que una web se diluyen. No dejéis que el iPhone os nuble el juicio, una mala campaña pude desatar un mar de críticas impresionantes y no sólo eso como haya una mala jugada con el iPhone veréis como la gente pasará de movistar, se buscará la vida para tener su teléfono sin pasar por movistar.
La verdad, es que no hay nada como la libertad, nunca entenderé por qué tengo que casarme con una operadora para tener un teléfono. Yo sólo quiero mi iPhone, no me interesa movistar para nada. La empresas de teléfono en esta era 2.0 han pasado a segundo plano, ya no son las protagonistas. No quedamos que el personaje del año eramos Nosotros los usuarios. Los usuarios quieren su iPhone, dejarlos en paz…
Toda esta reflexión me recuerda a un artículo de Enrique Dans, Si te equivocas al lanzar el iPhone, en el que nos cuenta la mala experiencia que tuvo Rogers Wireless. Es delicado, no olvidéis que el iPhone es un producto que nació de la demanda de la gente “We the users” y como lo aplaudimos hoy mañana lo podemos hundir.
¿Qué opináis? ¿Cómo queréis vivir la experiencia iPhone?
Tags:Diseño Web, UsabilidadJunio 3, 2008
Cuando Marketing no entiende de Usabilidad
- Tema: Usabilidad, Web World
- » Se lee en 61 segs

No soy muy partidario de hacer “crítica online” sobre las webs que voy navegando, sin embargo hoy no me he podido resistir. Esta mañana vía Loogic.com descubro mypoks.com, una nueva iniciativa 2.0. La llamo iniciativa porque aún no he podido detectar exactamente qué es, es un P2P, es una red social, lo único que sé es que es “fácil” y gratis.
¿Pero fácil…? Creo que este es uno de esto claros ejemplos donde podemos observar cómo marketing se ha olvidado de la gente de usabilidad. En esta página podemos ver un copy impecable, un buen concepto, un diseño agresivo, pero en mi opinión ¿qué falla todo esto?
- Mezcla de conceptos: por un lado me dice Sube y comparte y por el otro me pide que descargue una aplicación. Esto crea confusión
- Un lenguaje ajeno al usuario: Sharevolution??? Empieza tu propia experiencia en POK y hazte miembro activo de la Mobile Sharevolution, frases como esta son incomprensible. Y probablemente me dirán “Tú no eres el target”, sin embargo creo que para que algo sea fácil y eficiente debe ser simple tanto en la terminología como la operatividad.
- Pérdida de control: ¿Por qué hay enlaces que me sacan del entorno de POK? ¿Qué tiene que ver soy.bluebbva.com con POK? El usuario no lo sabe no tiene porque saberlo. La tarea del usuario era compartir contenido, ¿pero de qué forma?
- Intrusividad: El usuario debe descargarse un programa, esto ya es intrusivo, causa una barrera de entrada y surge la pregunta ¿Por qué esto, en Youtube no tengo que instalarme nada?
Esto es un clásico, ha pasado desde la invención de Internet, se nota a leguas cuando una aplicación ha sido basada en puro marketing sin tomar en cuenta a los usuarios.
Y esto lo vengo viendo desde que se creó el primer micro-site publicitario, se repite el mismo patrón, el usuario queda olvidado, lo primero son los impactos publicitarios y luego los usuarios. ¿Cuántos microsite son casi imposibles de navegar, con fuentes imposibles de leer, con formularios complicados de entender, con animacions de intro imposibles de saltar, con mucha música, etc…?
El usuario es el que manda y más en temas de redes sociales, te puede llevar a la fama o hundirte.
Tags:Usabilidad, Web WorldMi recomendación final: utilizar técnicas de UCD, Experiencia de usuario y usabilidad para la creación de este tipo de acciones. Usabilidad y marketing son una muy buena receta para el éxito.
Mayo 27, 2008
Ok/Cancel, todo un clásico
- Tema: Usabilidad
- » Se lee en 61 segs

No sé si os ha pasado alguna vez, pero al leer el alert box de Nielsen de esta semana (OK–Cancel or Cancel–OK?), me han venido recuerdos de largas conversaciones y argumentaciones sobre este tema. No solamente entre compañeros de trabajo, entre expertos del tema sino hasta con clientes he tenido que discutir rato lago sobre esto.
En realidad el artículo de esta semana, quizá no nos aporta más a la discusión, pero nos deja dos mensajes claves que me gustaría destacar:
- Sé consistente, es básico, no cambiar la ubicación de las acciones arbitrariamente
- Una buena forma de determinar qué modelo se debe seguir es echarle un vistazo a los logs de tu website para determinar qué sistema operativo tiene la mayoría de tus usuarios. Pero no hay que ir muy lejos lo más probable es que tengan windows. Ejemplo: El el 83% de los usuarios de este website utilizan Windows (la mayoría XP)
Personalmente me gusta más al modelo Apple (Cancel/Ok) por las siguientes razones:
- La opción principal debe seguir el patrón de lectura, así no queda lugar a duda qué es lo que debo clickar.
- Te permite explorar las opciones antes de tomar una decisión
- Las cosas ubicadas a la derecha se perciben de manera positivas
- Respeta más la ley de fitts, es más ergonómico
¿Qué opináis? ¿Cómo lo veis?
Por cierto, hay un artículo interesante sobre las tendencias del OK/Cancel en web 2.0. Todo apunta a mostrar el cancel en forma de enlace y no de botón… Pero esto me recuerda a otra discusión clásica: Botones vs Enlaces… Esto lo comentamos otro día.
Tags:UsabilidadAbril 21, 2008
Al Gore y la usabilidad
- Tema: Usabilidad
- » Se lee en 1 segs

hoy me he encotrado una cita muy interesate de Al Gore donde hace referencia a la usabilidad y dice:
The benefits of usable technology include reduced training costs, limited user risk and enhanced performance … American industry and government will become even more productive if they take advantage of usability engineering techniques. Al Gore, 1998
“Los beneficios de las tecnologías usables reducen el coste de entrenamiento, limita el risgo de los usaurios e impulsa la ejecución… La industria americana y el gobierno puede ser más productivo si toma en cuenta las ventajas que ofrecen las técnicas de la ingeniería de la usabilidad.”
Y ahora que veo sus webs, tampoco está tan mal. Lo que pasa es que tiene un montón de microsites uno por cada proyecto. Personalmente me quedo con wecansolveit.org, cuidado: no he realizado nigún tipo de evaluación, sólo un pequeño vistazo… Mmm, mejor quedaros con la cita sobre usabilidad.
Tags:UsabilidadAbril 16, 2008
Leyes y principios: Fitts’ Law
- Tema: Usabilidad
- » Se lee en 121 segs

Últimamente he estado pensado en los fundamentos teóricos de esta profesión y me gustaría compartir con vosotros una serie de artículos “Especiales” relacionados con principios y leyes aplicadas en el entorno de la usabilidad, UX, UCD, IA, etc, etc… Hoy comenzaremos con uno fácil, la Ley de Fitts.
Enunciado
La ley de de Fitts dice: el tiempo en alcanzar un objetivo visual (target) es la relación entre distancia y el tamaño del objeto.
En otras palabras “si es está cerca y es más grande tardaré menos en alcanzar mi obejtivo”.
¿Cómo la aplico?
Esta ley matemática de 1954 tiene 3 aplicaciones básicas en el diseño de interfaces:
- Las acciones más frecuentes deberían tener un botón más prominente. Sin embargo se debe tener cuidado porque atenta contra la consistencia. La propuesta sería las acciones más frecuentes deben estar diferenciadas y jerarquizadas de tal manera que se reduzca el tiempo de alcance del objetivo
- Las acciones más frecuentes deberían estar más cerca de la posición más frecuente del cursor. Si el foco de atención se centra en un área por lo regular será la posición más frecunte del cursor.
- En la medida en que el cursor se acerca al objetivo la velocidad del desplazamiento se reduce, con lo cual los objetos pequeños son susceptibles de la posibilidad de error. Por lo tanto acciones frecuentes enlaces prominentes.
Ejemplos
El clásico ejemplo utilizado por Tog (Bruce Tognazzini) es el menú de Apple vs. el de Microsoft. El menú de apple es 5 veces más rápido de alcanzar que el de Microsoft. ¿Por qué?
- Es más ergonómico mover el cursor hacia arriba que hacia abajo, además Apple cubre las 4 esquinas de la pantalla con accesos mientras que Microsoft condensa la navegación abajo. Provadlo y veréis como la muñeca hace un movimiento raro cuando os acercáis a la esquina inferior izquierda. Además la posición habitual del ratón se centra en la parte superior de la pantalla, que es donde se focaliza el “Core” de las acciones. Menú, Navegación, accesos a la información, etc.
- Los botones para acceder a los programas en Apple son 3 veces más grandes, de hecho toda la iconografía utilizada en Apple es un poco grande, fijaros en el dock del OS X. De allí el éxito del de la interfaz del IPhone todo a la mano y muy ergonómico. Cuando se quiere plantear un diseño de innovador, este tipo de cosas se deben de mirar, no todo son colores e iconos bonitos. Sin embargo debo apuntar que en Windows Vista ha tomado más en cuenta este principio para el diseño de la intefaz
Fijaros en las áreas señaladas en estas capturas.


Enlaces de interés:
- Fitts’ Law, Wikipedia
- A Quiz Designed to Give You Fitts, Bruce Tog
- Fitts’ Law: Modeling Movement Time in HCI
- A Web-based Test of Fitts’ Law
- Los enlaces y la ley de Fitts
Leyes y principios en Usandolo.com
Tags:UsabilidadAbril 2, 2008
Estuadiando User Interface Design en el MIT
- Tema: Usabilidad
- » Se lee en 1 segs

Pues sí, como lo véis me he apuntado a un curso de diseño de interfaces de usuario en el Massachusetts Institut of Technology, MIT para los amigos. El curso consta de 14 semanas, un proyecto final de curso y dos exámenes. El temario está bastante completo veremos un poco de usabilidad, diseño centrado en el usuario, Modelos conceptuales y metáforas, heurísticos, prototipos, etc… Es una muy buena idea si queréis refrescar conocimientos, además es el MIT, la escuela paradigma de la tecnología.
Este curso forma parte de la inicitaiva del MIT, MIT OpenCourseWare, son curso gratuitos que fueron impartidos en las aulas del MIT, todo el material está disponible grátis para todo aquel que lo quiera aprovechar, hasta los exámenes.
Comezaré según la planificación que plantean y ya os iré contanto, a ver si el MIT nos ofrece alguna idea nueva salida desde la academia, el curso fue impartido en el 2004, desde entonces muchas cosas han pasado en este sector sin embargo nunca está demás echarle un vistazo a este tipo de materiales.
Aquí os dejo el enlace y nos vemos en clases: User Interface Design and Implementation
Tags:UsabilidadMarzo 12, 2008
4 lecciones de Apple sobre diseño
- Tema: Usabilidad, Diseño Web
- » Se lee en 1 segs

Hace unos días la revista BusinessWeek publicó un pequeño resumen de la presentación de Michael Lopp, senior engineering manager de Apple, en el SXSW (South by Sothwest Festival). El artículo comenta los 4 pasos que se siguen en Apple para concretar un diseño.
- Prototipos perfectamente detallados al pixel
- Diseñan 10 prototipos totalmente diferentes de los cuales sólo quedan 3 nominados para la segunda vuelta
- Dos reuniones: una de brainstorm o como la denomina Lopp “Go crazy” y otra de producción
- Finalmente lo que denomina “The Pony Meeting” o lo que sería para nosotros “la carta de los reyes”
De este proceso sale una idea depurada a la cual se expone a los que toma decisiones para “convertir los ponis en entregables”, así probablemente fue la historia del nacimiento del IPhone.
¿Y vosotros cómo innovais?
Link: Apple’s design process, BusinessWeek
Tags:Apple, Diseño Web, inspiration, UsabilidadMarzo 11, 2008
Tendencias: quién busca más sobre usabilidad
- Tema: Usabilidad
- » Se lee en 1 segs

Trend history Usability
Ayer hablábamos de tendencias y hoy aún me dura la canción. Busacando en Google trends descubro con cierto asombro el país y la ciudad que registra más búsquedas del término “usability” y el ganador es: India!!!! Bangalore. Finlandia se lleva el 5to puesto, sera la gente de nokia? Aquí la tabla para que saquéis vuestras conclusiones. Por cierto ¿y USA por qué no figura?. La verdad es que los datos son un poco anecdóticos. Y sólo demuestran quien está teniendo interés por informarse sobre el tema.
Y qué hay de los países de hablahispana, pues ecuador a la cabeza. Espana y méxico 5to y 6to. Ahora bien las ciudades no coiciden mucho, sevilla a la cabeza y barcelona de 3. Estaría bien analizar los movimientos del sector en estos países para ampliar horizontes.
¿Cómo lo véies?
Tags:UsabilidadMarzo 10, 2008
5 tendencias para el 2008 en UXD
- Tema: Usabilidad, Diseño Web
- » Se lee en 1 segs

Esta mañana encontré una investigación realizada por la gente de Human Factors, donde comentan
las 5 tendencias en User Experience Design, aquí un resumen:
- Diseño emocional y arquitectura persuarsiva
- Diseño para todas la generaciones
- Uso de metodologías de UCD y human factos en el sector Salud
- UxD en e-Commerce
- Más diseño centrado en el usuario en para e-Goverment
Por mi parte añadiría un par más
- Nuevos paradigmas en UxD, HCI y UCD en dispositivos con Multi-Touch touchscreen (Iphone y compañía)
- Adopción de metodologías UCD en aplicaciones corporativas (más allá de la intranet)
Link: 5 Critical User Experience Design Trends for 2008
Tags:Diseño Web, UCD, Usabilidad, UXDFebrero 18, 2008
¿Qué es un modelo mental?
- Tema: Usabilidad, Diseño Web
- » Se lee en 1 segs

Con motivo del lanzamiento del nuevo libro de Indi Young, Mental Models, Aligning Design Strategy with human behavior, me gustaría resumir brevemente el concepto de modelos mentales según Indi Young.
¿Qué son los modelos mentales?
Son producto de la investigación basados en información etnográfica de una muestra representativa recopilada a través de entrevistas y otras metodologías con el objetivo de encontrar patrones que representen lo que una persona trata de conseguir en un contexto siguiendo un proceso.
¿Qué gano haciendo modelos mentales?
- Puedo detectar necesidades específicas para facilitar las tareas del usuario
- Puedo detectar interacción que de otra manera no saldría reflejadas
- Ayuda a acercanos más a los usuario, puesto que la premisa básica de un modelo mental es la empatía
- Facilita el diseño de procesos hacíendolos mucho más fáciles
- Ayuda a enlazar los procesos con el mundo real
¿Cómo lo véis? ¿habéis tenido alguna experiencia creando modelos mentales?
No dejéis de echarle un vistazo a la entrevista de Chris Baum en Boxes and Arrows: What Is Your Mental Model?
Tags:Diseño Web, UsabilidadSeguir mirando »
- Usándolo.com es el blog personal de Jorge Márquez, dedicado a conversar sobre usabilidad, diseño web y tecnología.
¡ Sindica el contenido de usandolo.com usando RSS !
Temas
Últimamente
- Usabilidad en microsites: caso iPhone y movistar
- Firefox 3: ¿Conseguirán el récord Guiness?
- Cuando Marketing no entiende de Usabilidad
- Ok/Cancel, todo un clásico
- Visto el coche de Google Street View en Barcelona
- Barack Obama y su estrategia online
- Google Friend Connect, redes sociales para todos
- ¿conoceis Bitacoras.com?
- Al Gore y la usabilidad
- Leyes y principios: Fitts’ Law
Archivos
- Julio 2008
- Junio 2008
- Mayo 2008
- Abril 2008
- Marzo 2008
- Febrero 2008
- Enero 2008
- Diciembre 2007
- Noviembre 2007
- Octubre 2007
- Septiembre 2007
- Agosto 2007
- Julio 2007
- Junio 2007
- Mayo 2007
- Abril 2007
- Marzo 2007
- Febrero 2007
- Enero 2007


