Nordic Design - El blog de Alex Lillo
Aplicaciones para prototipar en un iPad
22 / Jun / 2010
¿Es un tablet el dispositivo adecuado para crear prototipos? Personalmente tengo mis dudas de poder definir correctamente una interfaz sin un ratón, pero todo puede depender del uso que se le quiera dar. Para un primer contacto con el cliente, para pensar ideas mientras estas en el taxi/tren/avión puede ser una buena opción.
Desde luego las compañías ya se están poniendo las pilas, y hay disponibles varias aplicaciones para bocetar/prototipar en el iPad:
- iMockups. Quizás la que primero probaría. Económica, pensada para esbozar las ideas que tengas en mente, que posteriormente finalizarás en un ordenador. Ver la reseña en appolicious.
- OmniGraffle for the iPad. A pesar de que las reviews lo ponen muy bien, usuarios de OmniGraffle para Mac no opinan lo mismo. Desde luego un programa que cueste $50 deberá dar un muy buen resultado para compensar el gasto. ¿Ventaja? Que luego puedes seguir trabajando tu prototipo en el OmniGraffle de siempre.
- Keynote. Nunca he sido fan de hacer prototipos con Keynote/Powerpoint, pero obviamente se puede. Si ya lo tienes en tu iPad para preparar las presentaciones, prueba a esbozar tus ideas con él.
Os dejo con un video del iMockups que muestra muy bien el tipo de cosas para las que sería útil un tablet.
Published in: Usabilidad, Diseño
* * *
Guía de referencia - pantallas táctiles, gestos y prototipos
09 / Jun / 2010
El mundo de las aplicaciones táctiles todavía es relativamente nuevo, y por desgracia muchos de nosotros tenemos escaso contacto con ellas en el trabajo diario de una agencia de experiencia de usuario.
Para aquellos que se enfrenten a ello y tengan dudas sobre cómo explicar en papel los diferentes gestos que debe realizar el usuario sobre la pantalla, esta guía de referencia de gestos táctiles (PDF) le puede ser muy útil.
Hay más información sobre qué suele hacer cada gesto en los diferentes dispositivos (iPhone, Android, Windows Phone 7, etc.) en el post de Luke Wroblewsky Touch Gesture Reference Guide.
Hay templates para uso rápido en los siguientes sabores:
Vía Wireframes
Published in: Usabilidad, Diseño
* * *
Zonas de atención de los usuarios al visitar una web
07 / Apr / 2010
El último Alertbox de Jacob Nielsen nos habla de las zonas a las que prestan atención los usuarios, en el plano horizontal.
Mediante eye-tracking analizó las fijaciones de 21 usuarios en 541 diferentes páginas web, y estos son los resultandos en porcentaje de atención según la zona de la web (en píxeles).
Se ve como se presta más atención a la parte izquierda que a la derecha, por lo que su conclusión es que una navegación tradicional (con menú a la izquierda) es más adecuada.
Yo tomaría esta información con pinzas, ya que me gustaría saber cómo eran esas 541 webs. Si la mayoría tenían el menú a la izquierda, es lógico que los resultados sean así. Él afirma que seleccionó esos usuarios y esas webs para que el estudio no estuviera sesgado, pero creo que sería interesante analizar webs que tengan la navegación a la derecha, a ver cómo salen los datos.
En cualquier caso, es lógico que los usuarios hayan aprendido con el paso de los años que a la izquierda van a encontrar un menú, y por lo tanto fijen parte de su atención en esa zona.
Como siempre, si no tienes claro qué hacer con tu web o porqué, seguir los estándares establecidos es una buena idea.
Published in: Usabilidad,
* * *
Mi opinión sobre el Apple iPad
30 / Jan / 2010
Hace días que por Internet parece no hablarse de otra cosa que no sea el iPad. Sobre si es una maravilla o un fracaso. Os cuento porqué creo que va a funcionar.
En casa tengo un iPod Touch que utilizo básicamente para leer el correo, navegar, twittear, etc. Casi no lo saco fuera de casa, es como mi dispositivo portable para estar conectado a Internet.
Para ese uso es muy útil porque no tengo que abrir un ordenador para leer el correo, ni levantarme del sofá, ni estar tecleando. Todo es rápido, ágil y táctil. ¿Qué hecho en falta muchas veces? Más tamaño.
Ahí es donde creo que entra el iPad. Muchos lo han dicho ya, es un iPod Touch con esteriodes. No puedes llamar, no puedes hacer multitarea, no tiene cámaras, etc. Nada de eso posiblemente lo necesites la mayoría de las veces, simplemente ahora podrás navegar en condiciones (1024×768 de resolución).
¿Vale la pena por el precio? Supongo que cuando lo tengas en la mano creerás que es imprescindible tener uno, como suele pasar con la mayoría de los productos de Apple. Ahora mismo sólo unos pocos early adopters / fanboys lo comprarán, al menos en España.
Pero la ventaja que tienen es que no existe nada comparable en el mercado. Esto no es un netbook, no hay que abrirlo, esperar que se encienda el sistema operativo, etc. Simplemente darle a un botón y a funcionar. Sin ratón ni tener que escribir en un teclado incómodo. Y no hay nada así ahí fuera.
Para cuando la competencia saque algo al mercado (rápido y mal) para intentar meterse en el nicho, ellos ya sacarán la segunda versión del bicho. Una segunda versión que ya tendrán planeada, y que podrían haber sacado ahora mismo pero, ¿para qué? Así lo podrán vender de nuevo a todos los fanboys.
Published in: General,
Comentarios [4]
* * *
Si tu usuario está comprando, ¡no le distraigas!
26 / Sep / 2009
El proceso de compra en una web es algo muy crítico. Aunque año tras año la gente va tomando confianza y compra más online, debes cuidar mucho que nada les suponga un impedimento o abandonarán (y tú tendrás una venta menos).
Es sorprendente como en muchos sitios web, al llegar al proceso de compra lo encontramos repleto de promociones, enlaces a otros lugares de la web y muchos otros elementos que distraen la atención de lo que queremos que haga el usuario: comprar.
Mi consejo para cuando te enfrentes a la tarea de diseñar un proceso de compra es que para cada elemento te preguntes: ¿Es esto útil para que el usuario termine la compra?
Si la respuesta es no, quizás sea mejor eliminarlo. Esto incluye menús, banners promocionales, enlaces transversales a otras secciones, etc.
Elementos que sí son interesantes incluyen teléfonos de ayuda, productos extras a añadir en la compra (upselling)… y no mucho más. Es probable que el resto sólo sirva para crear ruido, y hacerte perder una venta.
Published in: Usabilidad,
* * *
Notepod, un bloc para esbozar aplicaciones de iPhone
16 / Sep / 2009
Me ha parecido genial este bloc de notas con tamaño y forma de iPhone / iPod Touch, idea para esbozar las ideas que se te ocurran en el momento, de la manera más precisa posible.
Lo venden en packs de 3 en su web por $17.95, apenas algo más de 12€ al cambio de hoy (gastos de envío incluidos). Pena que no me dedique a ese tipo de interfaces, porque si no me compraba dos.
Vía @albertosanjose
Published in: Usabilidad, Diseño
* * *
Silverlight 3 y la usabilidad en las RIA
20 / Mar / 2009
Nota: Artículo publicado originalmente en el blog de Xperience Consulting: Happyuser
Este miércoles pasado Microsoft presentaba en el MIX09 la versión 3 de Silverlight, su alternativa al Flash de Adobe. Cargado de muchas e interesantes novedades, me incita principalmente a pensar en las diferencias innatas que presentan las RIA (Rich Internet Aplication) frente la web tradicional.
Y es que frente a una web estática formada por texto, enlaces e imágenes, nos encontramos con la posibilidad de introducir nuevas formas dinámicas de interacción con el usuario, video en alta definición o aplicaciones sincronizadas en la web y en escritorio, por poner un ejemplo.
Este abanico de posibilidades hace necesario pensar en la usabilidad de forma diferente, revisando si los conceptos clásicos siguen siendo útiles, o si es necesario abrir nuestra mente a nuevas formas de interacción, centrándonos más que nunca en el usuario desde el sentido común.
Personalmente creo que las RIA son el futuro que ya está aquí, aunque todavía tengan muy poca penetración en el mercado. Muchos no las necesitarán, y no creo que lleguen (en un futuro cercano) a sustituir a la web tal y como la conocemos.
Simplemente están para cubrir necesidades distintas.
Más información:
- Nota de prensa
- Explicación de las nuevas características, por Tim Heuer
- Videos y ejemplos de código. Para desarrolladores.
Published in: Usabilidad, Internet
* * *
El coste de que te hagan caso
17 / Mar / 2009
Durante el pasado UXbookclub surgió por parte de Eusebio una interesante cuestión: ¿Te hacen más caso como experto en usabilidad si eres más caro?
El hecho es que en el libro No me hagas pensar de Steve Krug se cuenta una situación muy idílica. Te llaman como consultor experto en usabilidad, haces tu trabajo, lo tienen en cuenta y te vas a casa.
La realidad es muy distinta. El cliente casi nunca acepta lo que le cuentas a la primera y gran parte de tu trabajo es de evangelización, explicando el porqué lo que tu le muestras es más adecuado que sus ideas (a veces disparatadas). Hay días que los convences, y otros que al final desistes y entras en una espiral de muerte y destrucción, modo quieres aquí un botón, pues lo ponemos.
Published in: Usabilidad,
* * *
Tener Google Maps en el móvil no tiene precio
24 / Feb / 2009
Este fin de semana estuve en un hostal del centro histórico de Sevilla, en el barrio de Santa Cruz). Para el que no conozca la zona, sólo decir que es un laberinto de calles estrechas y reviradas, por lo que encontrar el camino es casi un milagro.
Nada más ver el mapa tuve claro que necesitaría de ayuda para no perderme, y lo más obvio era tener Google Maps en el móvil. Por desgracia mi Sony Ericsson z610i no soporta la última versión que viene con My Location, pero sí una de las anteriores. En definitiva tenía a golpe de clic y en cualquier momento:
- Rutas a pie
- Street View! (por si me liaba con el plano)
- Negocios cercanos
Y todo por un coste ridículo con la tarifa de datos de Simyo.
Como dije, una pena no tener un móvil más moderno que soportara la versión más actualizada de GMaps, porque habría podido disfrutar de geolocalización por antenas, en vez de tener que ir buscando el nombre de las calles. Pero vamos, aún así la experiencia fue muy positiva.
Published in: General,
* * *
Interfaz de Android G2
19 / Feb / 2009
Publican en Gizmodo un video de la versión 2 de Android, que se está presentando en Barcelona estos días. La verdad es que el HTC Magic tiene una pinta estupenda, tanto en lo que se refiere a interfaz como en aspecto del terminal.
¿Podrá luchar de tú a tú con el iPhone?
Android G2: HTC Magic Hands ON from Gizmodo on Vimeo.
Vía Reaction
Published in: Usabilidad, Diseño
* * *
Mejores profesiones para el 2009: Especialista en experiencia de usuario
07 / Jan / 2009
Según afirman en US News, la profesión de especialista en experiencia de usuario será una de las mejores del 2009. Los criterios de selección son:
- Satisfacción en el trabajo
- Dificultad para aprenderla
- Prestigio
- Salario
Está claro que esta previsión es para Estados Unidos, donde la profesión lleva unos años de adelanto. En España todavía pocos la conocen, y según mi visión sólo ahora está empezando a valorarse el trabajo que realizamos.
Espero que en unos años se traslade esa situación a España, aunque no creo que lleguemos a los niveles de sueldo del otro lado del charco: $96,200 para 8 años de experiencia.
Published in: General, Usabilidad
Comentarios [4]
* * *
Cambios en el blog
10 / Nov / 2008
Recientemente me he propuesto dar un giro al blog, que lo tengo casi abandonado. Mi idea es crear un nuevo diseño, incluir nuevos tipos de contenidos, mejorar la estructura (tanto lo que se ve como lo que hay por debajo) y lo más importante, actualizar más a menudo, y con contenido de mayor calidad.
Mi objetivo sería llegar al post semanal, sobre temas entorno a la usabilidad, el diseño (en cualquiera de sus vertientes), los estándares web, etc.
Se que a va a ser complicado, pero por intentarlo que no quede. Ahora mismo ya he estrenado algunas mejoras referentes al backend:
- Permalinks más amigables. Ahora el formato de los enlaces es el tipo fecha/título, mucho más limpio tanto para el visitante como para Google
- Página 404. Por un problema con el mod_rewrite no tenía una página 404. La actual no es que sea una maravilla, pero menos es nada.
- Encabezados coherentes. Ahora la estructura de encabezados de la página está bien formada.
Y está en proceso un update del sitemap a Google para que indexe todas las nuevas url, con la idea de que mis contenidos sean más encontrables.
En breve más noticias, gracias a los que estáis ahí leyendo.
Published in: Personal,
* * *
Cuentas de usuario - 8 errores a evitar
15 / Jan / 2008
Estos ocho puntos pueden parecer muy obvios, pero nos los podemos encontrar todos los días en multitud de sitios web. No está mal tenerlos siempre en cuenta.
- Pedir a los usuarios que se creen una cuenta de usuario cuando realmente no es necesario.
- Pedir a los usuarios que se identifiquen antes de que sea necesario (p.ej.: antes de ver los productos que van a comprar).
- No mencionar los beneficios de crear una cuenta (como la opción de cambiar reservas de vuelo después de comprarlas)
- Ocultar el botón de identificación.
- No mostrando Crear una cuenta nueva u Olvidó su contraseña como un botón o un enlace.
- No dar al usuario la oportunidad de identificarse cuando lo necesita (p.ej.: al completar un proceso de compra, evitándole al usuario re-introducir sus datos de facturación).
- Pedir excesiva información al registrarse.
- No informar a los usuarios de cómo se va a utilizar su información (p.ej.: no dar una razón para solicitar su número de teléfono).
Vía GUUUI , original con explicaciones por Jared Spool.
Published in: Usabilidad, Diseño
Comentarios [1]
* * *
Fallo en telefonicaonline.com
11 / Jan / 2008
La página de telefonicaonline.com nunca ha brillado por su excelencia. Cuesta encontrar la información que buscas, te pierdes con facilidad y ciertas cosas no funcionan bien en navegadores no sean el IE. Pero lo que me he encontrado hoy no tiene parangón.
Estaba intentando recuperar la contraseña para el panel de control de mi empresa. Tenía el usuario, CIF, número de la factura y el importe total de la misma, tal y como solicitan en su proceso de recuperación de contraseña.
Para asegurarme que había elegido el número adecuado en la factura seguí el vínculo de ayuda que ofrecen (muy bien por ellos), y como podéis ver en la imagen de la derecha era una cadena de 11 caracteres. Estupendo, allá vamos.
Relleno el formulario, elijo la nueva contraseña que quiero, envio y ¡¿eh?!
WTF! Mi nº de factura tiene 11 caracteres, y el de su ejemplo también. Sin embargo en la web me piden 12 ó 14. :(
¿Y ahora qué?
Published in: Usabilidad,
Comentarios [1]
* * *
La pesadilla de Renfe (su web)
04 / Jan / 2008
Renfe nunca ha brillado por la excelencia de su página web. Aplicaciones lentas, mal programadas, que saturan el navegador sin necesidad y con múltiples fallos de usabilidad que pueden convertir la tarea de comprar un billete online en una odisea.
En poco más de un mes Renfe lleva dos rediseños de su página web, pero ninguno ha aprovechado el momento para invertir en una mejora de la usabilidad.
Primero cambiaron la parte de venta online, para poco tiempo después cambiar la web completa integrando consulta de horarios y venta (algo lógico y que ya hacía falta).
Pero la operativa de venta sigue teniendo múltiples problemas que un experto en usabilidad detectaría al instante, lo que me da a pensar que en Renfe no se ha invertido ni un euro en hacer la vida fácil a sus clientes (¡con lo que les haría aumentar las ventas!).
Para muestra un botón. Hoy estaba intentando comprar un billete y después de completar todo el formulario con mis datos y darle a comprar me encuentro con esto:
Obviamente me quedé sin billete y sin saber porqué. Y luego en su nota de prensa (densa, carente de interés y soporífera) tienen el morro de afirmar esto:
Comprar billetes en www.renfe.com: fácil, rápido y seguro
¡Ja!
Published in: Usabilidad,
Comentarios [4]
* * *
Consejos para el diseño de formularios
17 / May / 2007
Pocas cosas gustan menos en Internet que rellenar un formulario, y más si este es largo y caótico. Mucho se ha escrito al respecto, pero me encanta el trabajo de Luke Wroblewski para el IA Submit 2007: Best practices for form design.
Apoyándose en los resultados de un estudio de eyetracking en formularios publicado en UX Matters, propone las mejores opciones según el tipo de formulario que tengamos que rellenar. En concreto:
- Si tenemos que rellenar datos que son familiares (y no son muchos): Etiquetas en vertical encima del campo.
- Cuando necesitemos ajustar el espacio vertical: Etiquetas a la izquierda del campo, alineadas a la derecha.
- Hay que ajustar el espacio vertical, y los datos no nos son familiares o son complejos: Etiquetas al lado del campo, alineadas a la izquierda.
Etiquetas en vertical
Esta opción es la que provoca menos movimiento ocular al usuario, así como un menor esfuerzo mental. Si los datos son familiares verá la pareja etiqueta-campo de un solo vistazo sin tener que pensar qué es lo que debe rellenar.
Como problema, crea formularios excesivamente largos, y hay que asegurarse de la correcta separación visual para comprender la asociación de las etiquetas a los campos.
Asimismo se recomienda que las etiquetas estén en negrita, y los campos no tengan bordes muiy fuertes.
Alineadas a la derecha
Con este formato ganamos mucho en espacio vertical, y además el usuario casi no tiene que hacer esfuerzo mentar para asociar las etiquetas con los campos.
Alineadas a la izquierda
Aquí puede darse el caso en que exista una excesiva separación entre etiqueta y campo, dando lugar a mayores tiempos para asociar ambos, parándose más a leer cada una de las etiquetas.
Por esto mismo esta organización es interesante cuando los datos a rellenar son complejos, ya que el usuario se parará más a pensar (si bien esto puede aumentar los ratios de abandono).
Podéis ver más sobre el tema en las slides de la charla (3.9 Mb PDF), que para ser una presentación está bastante completa y se entiende.
Published in: Usabilidad,
* * *
Revistas en pantallas flexibles
29 / Jan / 2007
Eso es lo que predicen desde Time Inc. Según un artículo publicado en MarketingNews, en cinco años estaremos cambiando el papel impreso de toda la vida por pantallas flexibles.
Mi primera impresión fué sí anda. Pero pensándolo bien… hay cosas que han evolucionado tan rápido (y cinco años pasan volando) que podría ser. Quizás no en España, pero sí posiblemente en Japón, donde la tecnología anda muy por delante. O qué hubieramos pensado hace unos años del uso de los móviles, o de la videoconferencia, o tantas otras cosas que hoy son habituales (o casi).
Published in: General,
* * *
Me encanta la tecnología
10 / Jun / 2006
La útil. La que hace mi vida más cómoda.
La otra noche hablando con una amiga nos asombrábamos de las cosas que ya no hacemos gracias a Internet, y como la gente vivía sin ello. Compras, operaciones en el banco (malditas colas), recopilación de todo tipo de información (viajes, artículos, compararción de precios) y mucho más.
Ayer por ejemplo, me preguntan por el messenger si voy a ver la peli del festival de sci-fi y fantasía. Se me había pasado por completo así que me voy a su web, de allí a una conocida web de compra de entradas, adquiero mi localidad, y por la noche no tuve más que pasar mi tarjeta de crédito y al segundo tenía impresa la entrada. ¿Cómodo no?
Sí, es cierto que me cobraron una comisión de .75 € pero, ¿vale eso tu tiempo? Para mi lo vale. Yo decido que opción elegir. Podría haber ido personalmente al cine y haberme ahorrado la comisión, pero preferí comprarlas por Internet, mientras seguía trabajando, descansando, estando con los amigos… Mi tiempo también vale dinero.
Published in: General,
Comentarios [14]
* * *
Piensa diferente
19 / Aug / 2004
Leyendo MacMarc me encuentro que hablan de un artículo en que un periodista acaba de pasarse al mundo de las manzanas, después de muchos años con las ventanas.
El artículo vale la pena leerlo, pero sin duda me parece que la frase genial es la misma que remarcan en MacMerc:
Apples don’t prompt you when something’s gone right, such as plugging in a disk or setting up a wireless router. They just silently incorporate it. That’s a major difference in approach: Windows thinks it’s a surprise worth telling you about when something works. Apple doesn’t.
Lo que en castellano sería:
Los Apple no te avisan de cuando algo ha ido correctamente, como poner un disco o configurar un router wireless. Simplemente lo incorporan silenciosamente. Es una forma de ver las cosas muy diferente: Windows piensa que es una sorpresa y te avisa de cuando algo funciona. Apple no.
Piensa diferente. Cambia a Apple. Cambia a Firefox.
Published in: Usabilidad, General
Comentarios [2]
* * *
2004-2012 - Alex Lillo. Publicado bajo Licencia CreativeCommons. Mantenido con textpattern. 