Prototipando para Facebook
- Tema: Usabilidad, Diseño Web
- » Se lee en 1 segs

Ya de regreso de las vacaciones, paseando por el Reader me encuentro en Graffletopia (una de los mejores blog de recursos para prototipar) un stencil o modelo de Omnigraffle para prototipar aplicaciones de Facebook.
Espero en breve estrenarlo en ámbito profesional, pero he estado haciendo algunas pruebas y lo encuentro bastante completo. Creo que este tipo de herramientas fundamentan lo que vengo comentando desde que comenzamos a hablar de SMM (Social media marketing) todo widget, app o afín debe ser tratado, metodologícamente hablando, como una web centrada en el usuario, el prototipado es esencial para a la hora de diseñar la interacción y nos ahorra costes de producción.
Una aplicación sin prototipo está condenada a tener problemas de interacción, está probado.
Aquí os dejo los enlaces:
Stencil o modelo de aplicaciones de Facebook
Que tengáis un buen prototipado!
Tags:Diseño Web, prototipado, prototyping, Usabilidad, wireframingJulio 7, 2008
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, 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 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, UXDMarzo 9, 2008
Y llegó el SDK del iphone
- Tema: Diseño Web
- » Se lee en 1 segs

Con la llegada de esta herramienta se abren un sin fin de posibilidades. El dichoso Sdk no va a salvar al mundo puesto que ya hay más de 1000 apps gratis y libres por allí rodando. Ahora a esperar, otra vez, a la actualización del software 2.0.
Si queréis mas información sobre la presentación os recomiendo el resumen del Keynote realizado por Applewebblog.
He intentado probar el dichoso SDK pero sólo funciona en OSX leopard…. tendré que actualizar mi OS.
Tags:Apple, Diseño Web, UsabilidadFebrero 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, UsabilidadFebrero 17, 2008
Mobile World Congress, Mmm.. faltan cosas
- Tema: Usabilidad, Diseño Web, Web World, Off the Topic
- » Se lee en 1 segs

La semana pasada estuve visitando el Mobile Wold Congress, tenía muchas espectativas, esperarba encontrarme con tecnologías hiper innovadoras, con móviles vanguardistas, con paradigmas nuevos de navegación. Pero no fue así, no vi nada nuevo, nada que no hubiera leido en un blog anteriormente. El iphone, el gran ausente al igual que la usabilidad, cada móvil que tuve en mis manos eran muy dificiles de operar, poco intuitivos. Micosoft y su windows mobile, me sorprendieron, los 3 móviles que toque los 3 se me quedaron colgados en la mano.
Lo más innovador era lo menos masivo, las empresas de nicho era las más interesantes, las grandes no me aportaron mucho. En resumen no me la pasé muy bien, demasiada información.
¿Habéis ido? ¿Qué os pareció? ¿Habéis visto algo que valga la pena comentar?
Tags:Diseño Web, Off the Topic, Usabilidad, Web WorldFebrero 8, 2008
Guía para el desarrollo web del gobierno de Chile: una guía de estilos con estilo…
- Tema: Usabilidad, Diseño Web
- » Se lee en 1 segs

El Gobierno de Chile en un esfuerzo por promover la creación de sitios web más usables y accesible, desarrolló lo que denominaron Guía Web. Una guía de estilos que recoge buenas práctica para el desarrollo web, entre las cuales podemos ver checklist sobre temas de usabilidad, accesibilidad, SEO, seguridad y más. No es una noticia nueva, pero vale la pena comentar este tipo de iniciativas.
Link: Guía web 1.0 - Gobierno de Chile
Tags:Diseño Web, UsabilidadFebrero 7, 2008
La librería de Peter
- Tema: Usabilidad, Diseño Web
- » Se lee en 1 segs

Peter Morville, uno de los nombre más sonados en el sector, está preparando su nuevo libro y para soportar los ejemplo le ha sacado el máximo provecho a Flickr craendo una librería de ejemplos de patrones de búsqueda muy potente. Allí podemos encontrar ejemplo de búsquedas facetada, eCommerce, social search y mucho más. Vale la pena echarle un buen vistazo.
Link: Colección en Flickr
Tags:Diseño Web, UsabilidadEnero 28, 2008
User Interface Design Patterns para todos
- Tema: Usabilidad, Diseño Web
- » Se lee en 1 segs

Hace un tiempo atrás comentabamos sobre el uso de patrones y algunos recursos. Hoy me he encotrado una librería en crecimiento ui-patterns.com, pinta bien, aunque está un poco verde, promete. Echo un poco en fata el rollo colaborativo pero, quién sabe ya evolucionará.
Echadle un vistazo.
Link: ui-patterns.com
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
- Twitter y la experiencia de usuario
- SIMO, allá vamos!
- La variable del aprendizaje en la ejecución de test de usuario
- Now Open!
- Simplicidad, síntesis, datos y medios de comunicación
- Reflexiones sobre Jailbreak vs Default en el iPhone 3G
- Mobile web, la tarea pendiente
- Los filtering sliders de Facebook
- Gmail: Problema de interacción elimina mi lista de contactos
- Etiquetar o categorizar, allí la cuestión
Archivos
- Septiembre 2009
- Marzo 2009
- Enero 2009
- Diciembre 2008
- Noviembre 2008
- Octubre 2008
- Septiembre 2008
- Agosto 2008
- 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

