PAMI: Mejorar la usabilidad de tu web con Patrones de diseño de Interacción
Comments(2) A ver voy a colgar 2 enlaces de usabilidad que me parecen buenísimos porque te muestra ejemplos claros sobre como hacer las cosas bien en tuweb, con casos reales, razonando el porque.
- Patrones de interfaces de usuario (UI-patterns)
- Librería de patrones de diseño de Interacción (Welie )
Sobreentiendo que todos sabemos lo que es la Usabilidad (sino lo sabes) y que uno de sus máximos (aun teniendo detractores) es Jakob Nielsen y hemos leído el famoso articulo de “Se breve, escribir para la Web” o otros parecidos.
UI-patterns me ha gustado bastante, pero welie me ha gustado más todavia, os comento y traduzco algun articulo de UI-Patterns que me ha paracido interesante pero repito, recomiendo su lectura intensa.
La Caja de Texto con ayuda en linea, este patrón nos indica que es una muy buena solución añadir ayuda contextual a nuestras cajas de texto, indicando que es lo que debemos poner en esta en concreto, proporcionando la posibilidad de ocultarlo en el caso de que al usuario le estorbe.
Como podemos ver en el articulo sobre este patrón nos informa sobre los diferentes usos y técnicas que se utilizan y permiten mejorar esta situación, por ejemplo:
Lo usaremos cuando nuestra interacción en el site no es necesariamente intuitiva y autoexplicatoria, deberemos tener en cuenta que el usuario no conoce el site, ni siquiera exactamente que es lo que hace o para que sirve, por lo tando deberiamos ponerselo lo más facil posible.
Creo que los desarrolladores pecamos por defecto, por lo tanto si actuamos en exceso, probablemente esta sea la justa medida.
Lo usaremos para motivar al usuario a empezar a usar el sistema, por ejemplo a registrarse, a entrar a una demo, etc.
Introduciremos de una manera suave a las fucionalidades (nuevas o antiguas) a un usuario nuevo o inexperto en el uso de internet.
Usaremos también la funcionalidad de ocultar estos mensajes para evitar la frustración del usuario experimentado.
Os aconsejo revisar el articulo, bueno el website entero.
Para el final el mejor a mi opinión, Welie Libreria de patrones de Diseño de Interacción.
A Pattern Library for Interaction Design
This site contains a lot of best practices in Interaction Design. Over the years I have collected examples and insight on their applicability that I share with you here on this site.
Este sitio contiene muchas de las mejores practicas en Diseño de Intereacción, A lo largo de los años he ido almacenando ejemplos y comentado acerca de su aplicabilidad, y lo comparto con vosotros en este site.
Navegación principal este patrón es de los mas útiles para estudiarse y repasarse, los usuarios necesitan saber donde pueden encontrar lo que buscan.
Pon siempre en un lugar visible y fijo, el menú de la pagina. Apóyate del menú principal con herramientas adicionales de navegación. El articulo habla sobre las formas para hacerlo y los diferentes posibilidades, es un recurso súper interesante.
Os vuelvo a recomendar su lectura intensa, me encanta su clasificación de patrones, y su esquema en cada articulo de Problema, Solución, Cuando usar, Com, Porque, Ejemplos, Implementación, Lecturas, repito es super completo.
En las categorías podemos encontrar, patrones de elementos de navegación, búsqueda en el website, Compras, Modificación de información, etc.
Pero cuando hablamos de usabilidad seria injusto no hablar de usalo.
Uno de las fuentes de referencia en español que utilizo sobre usabilidad en sitios web, os recomiendo sus articulos de: