Nordic Design - El blog de Alex Lillo
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,
* * *
Ayuda inteligente en los foros de Blogger
05 / May / 2009
Leo en Reaction que los foros de Blogger han introducido una mejora para intentar resolver antes las dudas de los usuarios, reduciendo al mismo tiempo la necesidad de respuesta humana.
El funcionamiento es simple, cada vez que vas a crear un nuevo post en el foro, a medida que escribes el asunto a la derecha te va sugiriendo posibles respuestas a lo que preguntas.
Vendría a ser como llaman en Reaction, unas FAQ (Frequently asked questions) inteligentes.
Me parece una forma genial de quitarse de enmedio a aquellos usuarios que no han realizado una búsqueda previa antes de preguntar algo.
Published in: Usabilidad,
* * *
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,
* * *
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,
* * *
15 consejos para montar una startup
07 / May / 2007
Interesante listado de consejos para aquellos que quieran montar su empresa. Lo dejo ahí para el futuro. :)
1. Your idea isn’t new. Pick an idea; at least 50 other people have thought of it. Get over your stunning brilliance and realize that execution matters more.
2. Stealth startups suck. You’re not working on the Manhattan Project, Einstein. Get something out as quickly as possible and promote the hell out of it.
3. If you don’t have scaling problems, you’re not growing fast enough.
4. If you’re successful, people will try to take advantage of you. Hope that you’re in that position, and hope that you’re smart enough to not fall for it.
5. People will tell you they know more than you do. If that’s really the case, you shouldn’t be doing your startup.
6. Your competition will inflate their numbers. Take any startup traffic number and slash it in half. At least.
7. Perfection is the enemy of good enough. Leonardo could paint the Mona Lisa only once. You, Bob Ross, can push a bug release every 5 minutes because you were at least smart enough to do a web app.
8. The size of your startup is not a reflection of your manhood. More employees does not make you more of a man (or woman as the case may be).
9. You don’t need business development people. If you’re successful, companies will come to you. The deals will still be distractions and not worth doing, but at least you’re not spending any effort trying to get them.
10. You have to be wrong in the head to start a company. But we have all the fun.
11. Starting a company will teach you what it’s like to be a manic depressive. They, at least, can take medication.
12. Your startup isn’t succeeding? You have two options: go home with your tail between your legs or do something about it. What’s it going to be?
13. If you don’t pay attention to your competition, they will turn out to be geniuses and will crush you. If you do pay attention to them, they will turn out to be idiots and you will have wasted your time. Which would you prefer?
14. Startups are not a democracy. Want a democracy? Go run for class president, Bueller.
15. You’re doing a web app, right? This isn’t the 1980s. Your crummy, half-assed web app will still be more successful than your competitor’s most polished software application.
Published in: General,
* * *
Selección de idioma. ¿Porqué no automática?
25 / Jan / 2007
Aquellos que nos dedicamos al mundo de la web solemos agradecer la sencillez. Todo aquello que pueda hacer el sistema para nosotros, cuando más transparente sea, ayudará a que nuestra experiencia sea mucho mejor.
Frecuentemente me encuentro con pantallas de selección de idiomas, país, región, etc. Me puede parecer correcto si estamos entrando en un .com, pero si lo hacemos a un dominio nacional (.es, .fr, etc.) ¿qué sentido tiene?
¿Acaso no han pensado sus responsables que si voy a www.wacom.es es porque quiero ir la página española? ¿Entonces porqué me piden que seleccione a dónde quiero ir?
Y no es el único ejemplo, recientemente me ocurrió con Pixmanía, que automáticamente se redirige a la .com. Y además no tiene ninguna manera de recordar la opción elegida por el usuario, con lo que cada vez que accedes tienes que seleccionar idioma. Un incordio.
Eliminemos pasos innecesarios al usuario. Si accede a un página multiidioma por una .com, que seleccione su región. Pero si entra por un dominio nacional mostrémosle la versión local, seguro que acertamos en el 99% de las veces.
Published in: Usabilidad, Diseño
Comentarios [4]
* * *
Que NO es accesibilidad
03 / May / 2006
Me encanta la reflexión de Nelson en su post No es…
Accesibilidad no es ponerle alt a las imágenes, es establecer una política organizacional que asegure la generación de contenido accesible.
Y es que de nada sirve que yo te cree unas maquetas xhtml/css cuidando las pautas de accesibilidad, si tu no pones los medios para que el CMS que genera el código, el contenido que las va a llenar, etc, esté igual de cuidado.
Para ello es primordial dar a los editores las herramientas adecuadas, enseñarles a usarlas y que estén concienciados de la importancia de esta tarea.
Published in: Accesibilidad, Diseño
* * *
2004-2012 - Alex Lillo. Publicado bajo Licencia CreativeCommons. Mantenido con textpattern. 