Usabilidad web, elementos clave antes de empezar

usabilidad web

Usabilidad web, elementos clave antes de empezar

Tal como hemos hablado en otros artículos de este blog, la usabilidad es factor a tener en cuenta para lograr una experiencia de usuario satisfactoria y al mismo tiempo mejorar nuestro posicionamiento web ya que los dos factores van de la mano.

Cuando hablamos sobre usabilidad hay muchos aspectos a tener en cuenta, en este artículo haremos una aproximación a cada uno de los que creemos más importantes para que podáis ver vuestro proyecto web desde una perspectiva global, localizar errores en vuestro sitio web o desbloquear algún proceso creativo.

 

DEFINE UN OBJETIVO CLARO Y VE A POR EL

Es muy importante antes de empezar un proyecto web, tener claro cual es tu objetivo. Sin un objetivo es imposible desarrollar un proyecto coherente y contentar a tu audiencia. La usabilidad tiene que tener unas bases conceptuales, sin un sentido es difícil llegar al objetivo.

Tu página web tiene que ser clara para que el usuario que entra por primera vez, se haga una idea clara de lo que tu web ofrece en pocos segundos y sin necesidad de hacer ningún clic ni hacer scroll. Si tus potenciales clientes entran en tu web y no acaban de entender lo que ofreces van a recular y entrar en otra web que se lo ponga más fácil.

 

LOS WIREFRAMES FUNCIONALES SON LA CLAVE DE LA USABILIDAD

El primer paso para lograr una web con una buena experiencia de usuario es tener claros que ingredientes van a participar en la composición de tu página web y otorgarles una jerarquía organizada en grupos de elementos más o menos importantes a nivel funcional y estratégico.

Con los ingredientes encima de la mesa es momento de montar el puzle conociendo las limitaciones técnicas y los hábitos generales de interacción de los usuarios.

En este punto empezamos colocando los elementos más importantes en espacios clave (header, slider, body, footer…) teniendo en cuenta que lo habitual es hacer scroll de arriba abajo y que la información que aparece al abrir la web ocupa la parte superior de la pantalla, en base a estos criterios define un wireframe (vendrían a ser como los planos de un arquitecto) funcional para no intoxicarte con elementos más específicos que te pueden desorientar.

 

IMPLEMENTA LLAMADAS A LA ACCIÓN IRRESISTIBLES

Una llamada a la acción normalmente toma forma de botón pero no tiene porque, en el fondo una llamada a la acción es un elemento sobre el cual queremos que los usuarios de nuestra página web pongan foco, por tanto, tenemos que hacer que sean o elementos muy grandes o que destaquen en contraste para que el usuario ponga el ojo allí.

Es importante que las llamadas a la acción no compitan con ningún otro elemento de la página a nivel visual, con lo que a poder ser lo los incorporéis en sitios donde hay otros elementos de interés, darle aire para que el ojo enfoque.

 

DEFINE UN MENÚ PRINCIPAL COHERENTE

Un menú define la estructura de navegación principal de tu web y los usuarios lo toman como referencia al navegar por tu sitio web, también da información relativa al tipo de web que presentas y como te defines.

Intenta que tu menú sea lo más sintético posible en su primer nivel y que no hayan conceptos muy parecidos entre ellos que puedan confundir al usuario. Para lograr menus eficientes es importante que antes definas un árbol web general de tu web y filtres el recorrido que quieres que hagan a nivel de categorías o subcategorías.

 

ASEGURATE DE QUE TU WEB SEA LEGIBLE

Parece una idea obvia, pero muchos diseñadores no especializados en web, tienden a guiarse por pantallas poco realistas y en ocasiones no contemplan las tipografías como deberían usarse para que la legibilidad de las webs sea universal.

La legibilidad tiene su punto de partida en la tipografía que hemos decidido usar en nuestra web. Puede darse el caso de que la temática de la web o el look and feel de nuestra marca condicione el uso de una fuente u otra, pero aquí es donde un buen diseñador web tiene que aplicar sus conocimientos sobre ux y escoger una tipografía adecuada para web y crear todas sus variables de títulos, subtítulos, cuerpos de texto largos, citas, negritas, enlaces, espacios entre bloques, etc.

 

INTEGRA TU LOOK AND FEEL

Tu marca tiene un carácter que se tiene que comunicar en el global de tu página web, así que, asegúrate de implementar tus colores corporativos en todos los niveles de navegación, usar la misma tipología de imagen en toda la experiencia de usuario para no crear confusión en el lenguaje y utilizar web fonts que se ajusten a tu identidad corporativa.

Este punto suele crear problemas, ya que puede darse el caso de que identidad corporativa tenga una fuente que no es aceptada para web o no esté preparada para ello. En tal caso siempre recomiendo usar una fuente similar de google (google fonts) ya que son garantía de buen funcionamiento y no te darán ningún problema.

 

 

Comentarios