Septiembre 23, 2008

Tagcloud: ¿Ayudan o molestan? Depende del planteamiento…

Tema: Usabilidad
» Se lee en 1 segs

Ya lo sé, llevamos un tiempo de parón, pero lo importante es que estamos de vuelta. Hoy haciendo una pequeña reflexión sobre para qué sirven las cosas, me acordé de los tagcloud. Esta herramienta icono de la web 2.0, que no es más que la representación visual de enlaces según su relevancia. Y es que un tagcloud puede aumentar o disminuir la experiencia de usuario según cómo esté planteado.

Veamos un par de ejemplos.

Lasexta tagcloud

Este fue sacado de la web de la sexta, donde podemos observar que la principal “gracia” que es el volúmen de los textos se pierde, creando confusión. El usuario intentará hacer lectura continua de las palabras que no presenten tamaños diferentes creando fases incoherentes.

Otro ejemplo:
Flickr, tagcloud

Ahora miremos el caso de Flickr, aunque no es perfecta, se acerca un poco más a las 4 reglas de diseño de tragclouds.

Recomendación: Respetar el principio del componente:

Tags:

Compártelo

Comentarios

Septiembre 4, 2008

La diferencia entre Redes sociales y Redes sociales

Tema: Usabilidad, Web World
» Se lee en 61 segs

Redes sociales y redes sociales

Últimamente me he topado con está pequeña disyuntiva semántica o que es lo mismo una confusión de términos. Resulta que me invitan a una presentación de servicios titulada “Redes Sociales: marketing 2.0″ Ilusionado de oír nuevas tendencias sobre como introducir tu marca en Facebook, MySpace, etc… y sorpresa, me sueltan un rollo bestial sobre algoritmos de análisis para telecoms que rastrean y encuentran nodos y patrones entre usuarios que se interconectan entre si… vaya chasco, no? Al final interesante, pero no es lo que esperaba. Hace un par de días se repite la misma historia. Y surgen las dudas ¿Qué pasa que no entiende los conceptos?

Por eso quiero hacer una distinción clara y marcada entre todos estos concepto.

Cuando nos referimos a Redes Sociales hablamos sobre el concepto de estructura social donde los individuos se relacionan entre si creando nodos. Sin embargo, hoy en día, cuando se menciona este término lo extrapolamos a Internet automáticamente. Puesto que el renacimiento de este término es reciente y viene acompañado con el cambio de paradigma que ha sufrido Internet, es decir la Web 2.0. En nuestro modelo mental, cuando mencionamos Redes Sociales nos saltan a la cabeza las marca de los servicios Top of Mind como Facebook, Flickr, etc…

Por lo tanto, entendemos que el concepto de Red Social lo asociamos perfectamente con las Redes Sociales en Internet. Por otro lado, la otra acepción del concepto en tanto que válida crea confusión.

Hagamos las distinciones: Si hablamos de Redes Sociales estamos hablando de redes sociales en internet, cuando hablamos de las “otras redes sociales” hablamos del análisis de estructuras sociales, hablamos de sofware y algoritmos de análisis de nodos y patrones a partir de datos de CRM, Listados de llamadas, movimientos bancarios, etc… y en definitiva estamos hablando de un servicio que es el análisis, para su posterior uso como datos para definir estrategias de marketing. Cuando hablamos de marketing en redes sociales, hablamos de SMM (Social media marketing) o de SMO (Social media Optimization).

Como reflexión final creo que es importante hacer diferenciación entre los métodos, las estrategias y los conceptos. El marketing 2.0 es mucho más que redes social, de hecho aún se está inventando. el SMM es una estrategia dentro del plan de marketing y el análisis de datos es una fase del proceso de marketing.

Espero que cuando me vuelvan a invitar a una presentación sobre Redes Sociales: Marketing 2.0 sea sobre Redes Sociales y Marketing 2.0.

Os ha pasado lo mismo?

Tags:,

Compártelo

Comentarios

Septiembre 1, 2008

Prototipando para Facebook

Tema: Usabilidad, Diseño Web
» Se lee en 1 segs

Stencil para prototipar en Facebook

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:, , , ,

Compártelo

Comentarios

Agosto 2, 2008

Conferencia: Comunicación y usabilidad en la empresa 2.0

Tema: Usabilidad, Web World
» Se lee en 61 segs

Conferencia: Comunicación y usabilidad en la empresa 2.0Aprovechando nuestro paso por mi tierra natal, México, celebramos ayer la conferencia titulada “Comunicación y usabilidad en la empresa 2.0” en el Tecnológico de Monterrey sede Hidalgo, en la que participamos como ponentes, Alba Roig (Mi esposa) quien dio una introducción a los conceptos básicos sobre comunicación coporativa y las relaciones públicas en un mundo 2.0 donde los blogs y los microblogs cobran un rol protoganista y deben tenerse en cuenta como parte de la estrategia de comunicación.

De esta primera parte, sobre comunicación destacamos:

Yo por mi parte, expuse los conceptos básicos sobre usabilidad. De esta segunda parte destacamos:

Una de las preguntas que más me llamó la atención fue cómo se logró en España vencer el miedo a las compras por Internet, y hacer del comercio online una práctica habitual y fiable.

A la conferencia asistieron un total de 114 personas de diversos sectores como Gobierno, medios, empresarios del mundo del marketing, academia, entre otros.

Como reflexión personal creo que hemos cumplido el objetivo de sembrar la inquietud en los asistentes para que incluyan estos aspectos en sus procesos de negocios. Falta camino por recorrer pero hay voluntad de conocer y explorar más a fondo aspectos como la experiencia de usuario, la comunicación, usabilidad, etc…

Finalmente quisiera agradecer a Bernado Vázquez de Coria PR, por su increible capacidad de organización y convocatoria.

Esperamos que esta sea la primera de varias sesiones, solamente pudimos dar algunas pinceladas de cómo la usabilidad y la expericia de usuario ayudan a potenciar nuestra conversión. Estamos ansiosos de profundizar más.

Ahora a descansar y a disfrutar de las vacaciones!

Nos vemos en septiembre.

Tags:,

Compártelo

Comentarios

Julio 7, 2008

Usabilidad en microsites: caso iPhone y movistar

Tema: Usabilidad, Diseño Web
» Se lee en 121 segs

Microsite iPhone movistar
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.

  1. ¿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?
  2. 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
  3. 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
  4. 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…

Aquí unas capturas:
Microsite iPhone movistar en le iphone

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:,

Compártelo

Comentarios

Junio 3, 2008

Cuando Marketing no entiende de Usabilidad

Tema: Usabilidad, Web World
» Se lee en 61 segs

Pok

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?

  1. 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
  2. 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.
  3. 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?
  4. 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.

Mi 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.

Tags:,

Compártelo

Comentarios

Mayo 27, 2008

Ok/Cancel, todo un clásico

Tema: Usabilidad
» Se lee en 61 segs

Ok/Cancel Mac style

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:

  1. Sé consistente, es básico, no cambiar la ubicación de las acciones arbitrariamente
  2. 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:

  1. La opción principal debe seguir el patrón de lectura, así no queda lugar a duda qué es lo que debo clickar.
  2. Te permite explorar las opciones antes de tomar una decisión
  3. Las cosas ubicadas a la derecha se perciben de manera positivas
  4. 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:

Compártelo

Comentarios

Abril 21, 2008

Al Gore y la usabilidad

Tema: Usabilidad
» Se lee en 1 segs

Al Gore y la usabilidad
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:

Compártelo

Comentarios

Abril 16, 2008

Leyes y principios: Fitts’ Law

Tema: Usabilidad
» Se lee en 121 segs

Fitt’s Law - Ley de Fitts

Ú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:

  1. 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
  2. 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.
  3. 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é?

  1. 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.
  2. 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.

Leopard

Vista

Enlaces de interés:

Leyes y principios en Usandolo.com

Tags:

Compártelo

Comentarios

Abril 2, 2008

Estuadiando User Interface Design en el MIT

Tema: Usabilidad
» Se lee en 1 segs

MIT

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:

Compártelo

Comentarios

« Atrás — Seguir mirando »
Usándolo.com es el blog personal de Jorge Márquez, dedicado a conversar sobre usabilidad, diseño web y tecnología.
RSS¡ Sindica el contenido de usandolo.com usando RSS !

Temas


Últimamente


Archivos


Cerrar
Enviar por Correo