Por Juan Mora
21
Julio
Compartir
CONSEJOS BÁSICOS DE USABILIDAD WEB
Etiquetas: Diseño, UX, UI, Usabilidad

Usabilidad es una palabra que muchos en este medio dicen pero pocos saben realmente como aplicarla.

Podrías recurrir a una gran cantidad de artículos con buenas recomendaciones y sin embargo encontrar sitios web que las siguen y aún así no son usables. La pregunta es ¿por qué? y algunas respuestas las puedes encontrar en este artículo, en el que te daré consejos básicos pero indispensables para crear un sitio web usable.

Comencemos por entender ¿Qué significa usabilidad? Yo lo defino como fácil de usar, hace referencia a un sitio o a una aplicación móvil que se puede navegar de manera intuitiva, que se entiende como funciona rápidamente, que permite encontrar fácilmente lo que se busca y que cumple con su objetivo.

A continuación muestro el proceso que utilizo siempre para empezar a crear una interfaz digital y que he pulido a lo largo de mi carrera después de pasar por varias equivocaciones.

1. EL CONTENIDO ES LO MÁS IMPORTANTE

Es algo que nosotros los diseñadores dejamos a un lado porque estamos acostumbrados a recibirlo aprobado y revisado por otros, así que no nos ponemos en la tarea de entenderlo realmente y es aquí donde empieza a perderse cualquier intento de usabilidad.

Nosotros como diseñadores digitales somos los que mandamos la parada, somos los que debemos estar en todas las etapa del proyecto, debemos planear, definir el contenido, la estructura, la línea gráfica y guiar a los copy para que hagan su magia, hacer control de calidad en la etapa de desarrollo, porque nosotros estamos en el día a día nuevas tendencias, investigando y probando nuevas técnicas, nuevas funcionalidades, somos los que le damos vida al sitio y lo más importante, entendemos más a los usuarios.

Entonces, lo primero para crear una interfaz digital es definir una LISTA DE CONTENIDO siguiendo estos pasos:

  1. Define el objetivo de la pagina, ¿vender?, ¿informar?, ¿explicar una mecánica?
  2. Revisa a la competencia para analizar únicamente su contenido, ¿qué están diciendo?, ¿cómo lo están haciendo?
  3. Aquí viene la parte más importante, asume el papel del TARGET, haz una lista de todo el contenido que necesitas mostrarle al usuario para que él pueda llevar acabo la acción que deseas. No importa que tan larga sea la lista, ¡incluye todo!, ya sea en imagenes, textos o videos, todo lo necesario para que tú estés absolutamente seguro que el usuario puede ejecutar la acción que tu quieres. Se lo más objetivo posible
  4. Revisa la lista y depura, vuelve a revisar una vez más y escoge solo el contenido más relevante.

2. EL MENÚ

Después de definir el contenido se debe planear la navegación principal y la cantidad de páginas internas del sitio, como resultado tenemos el menú de navegación.

Ten claro que en digital menos es más, es decir que a menor contenido, MENOS páginas internas, MENOS clics y por lo tanto es MÁS fácil para el usuario navegar el sitio.

Organiza por categorías la LISTA DE CONTENIDO que realizaste, cada categoría sería igual a una página interna del sitio web. Evita utilizar sub-menús, son una mierda, solo sirven para fastidiar a los usuarios haciéndolos leer más cosas innecesariamente. Ahora, cada sección del sitio debe tener su propio objetivo, por ejemplo: en el Home quiero lograr persuadir al usuario para que compre un producto, entonces debo hacer el ejercicio de sacar cada ítem de mi LISTA DE CONTENIDO que considere útil para persuadir al usuario y colocarlo en la sección de Home y después hacer lo mismo con cada sección.

3. EN FUNCIÓN DEL CONTENIDO

Cuando realices los WireFrames e inicies el diseño, debes hacerlo en función del contenido ya que es eso lo que debe brillar por encima de tus gráficas, que al final pueden llegar a distraer al usuario. Nunca olvides que un buen diseño es el que logra concentrar la atención del usuario en el contenido, ya que es el responsable de cumplir el verdadero objetivo del sitio. Desafortunadamente si el diseño es lindo o no, para el usuario termina siendo menos relevante a la hora de ejecutar la acción que esperas.

Usabilidad abarca muchas cosas, no solo son las gráficas, como he dicho en este articulo, empieza desde el contenido y va hasta la programación y su mantenimiento. Hay muchos detalles para lograr que una interface sea fácil de usar, por eso estos consejos son básicos y pronto vendrán muchos más.

Gracias por leer y espero haberte aportado algo.

Articulos relacionados
Your Browser is not compatible with this page, please update to the last version.
Browser1 | Browser2 | Browser3