![\"usabilidad](\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2018\/01\/usabilidad-web.png\" "\\"usabilidad")
<\/p>\n<\/p>\n
Aunque cuando trabajamos en dar vida a una estrategia de marketing online lo hacemos teniendo en mente muchos aspectos, todos y cada uno de ellos se centran un mismo foco; dar a los usuarios la mejor de las experiencias.<\/p>\n
Por ejemplo, abrir perfiles sociales no implica solo lanzar tus mensajes, sino que tambi\u00e9n hay que estar dispuestos a escuchar a la comunidad online para ir adapt\u00e1ndose a sus necesidades.<\/p>\n
Esto ocurre con todos y cada uno de los canales que utilizamos al dar voz a una marca en Internet. Incluida, por supuesto, nuestra p\u00e1gina web<\/a>.<\/p>\n Seguro que hasta aqu\u00ed no te cuento nada nuevo y que, por otro lado, ya habr\u00e1s o\u00eddo cientos de veces que mejorar la usabilidad en una p\u00e1gina web es indispensable para conseguir una mejor experiencia de usuario.<\/p>\n Lo que quiz\u00e1s no te habr\u00e1n dicho es que todo esto implica tener en cuenta no solo un buen dise\u00f1o, sino tambi\u00e9n trabajar en la utilidad y gesti\u00f3n de los contenidos.<\/strong><\/p>\n Por ello, en este art\u00edculo vamos a centrarnos en la usabilidad como uno de los factores clave de cara a mejorar la experiencia, ya que es el eje sobre el que van a girar muchos de los aspectos web que aqu\u00ed te voy a contar.<\/p>\n\n Empecemos definiendo este concepto desde diferentes perspectivas para lograr una visi\u00f3n total que arroje algo de luz sobre el tema.<\/p>\n A lo largo de la evoluci\u00f3n de Internet y del desarrollo de las p\u00e1ginas web, han sido muchos los autores que han definido la usabilidad web, adapt\u00e1ndose a los requisitos de cada momento.<\/p>\n Por ejemplo, el dan\u00e9s Jakob Nielsen<\/strong>, especializado en la creaci\u00f3n de interfaces de software, explica que los aspectos imprescindibles en la usabilidad web son:<\/p>\n [su_list icon=\u00bbicon: caret-right\u00bb icon_color=\u00bb#008af7″]<\/p>\n [\/su_list]<\/p>\n La definici\u00f3n de Steve Krug<\/strong> estima que la usabilidad web es esa caracter\u00edstica que permite que los usuarios no tengan que pensar. Es decir, llegar\u00e1n a una p\u00e1gina web y podr\u00e1n actuar de manera inmediata e impulsiva sin temor a equivocarse.<\/p>\n Y, \u00bfc\u00f3mo entiendo yo este concepto? Pues considero que la usabilidad web es la calidad de la misma en relaci\u00f3n a la facilidad de uso y a las posibilidades de dar soluciones a las necesidades y peticiones de los usuarios.<\/p>\n En otras palabras, la usabilidad tiene que ver con lo f\u00e1cil que le va a resultar a un visitante navegar por tu p\u00e1gina web y encontrar lo que busca.<\/p>\n Si tienen algo en com\u00fan las tres definiciones que hemos visto, es que todas est\u00e1n relacionadas con la experiencia de usuario. Al fin y al cabo, es el usuario quien va a valorar la usabilidad de tu sitio web, ya que es quien la va a sufrir o a disfrutar.<\/p>\n \u201cLa experiencia de usuario tiene que ver con la usabilidad, pero tambi\u00e9n con la conexi\u00f3n que se forma entre la marca y el visitante, y con las emociones que va a sentir a lo largo de todo el proceso.\u201d<\/strong><\/p>\n Podemos decir que la experiencia de usuario es la suma de varios factores:<\/p>\n [su_list icon=\u00bbicon: caret-right\u00bb icon_color=\u00bb#008af7″]<\/p>\n [\/su_list]<\/p>\n La usabilidad afecta directamente a la experiencia de usuario, aunque no es lo \u00fanico que va a determinar si \u00e9sta es positiva o negativa. Supone un 33% del total, por lo que podemos afirmar que juega un papel bastante importante.<\/p>\n Dada la importancia que tiene la usabilidad para la experiencia de usuario, es entendible que \u00e9sta se deba optimizar lo m\u00e1ximo posible.<\/p>\n Adem\u00e1s, no olvides que una buena experiencia de usuario va a influir tambi\u00e9n en el posicionamiento de tu web; mejorar\u00e1 el tiempo medio de las visitas, la popularidad de la web, la estructura interna, etc.<\/p>\n Por ello, veamos los 9 aspectos que debes tener en cuenta a la hora de trabajar en la mejora de la usabilidad de tu p\u00e1gina web:<\/p>\n Este es uno de los puntos m\u00e1s importantes a la hora de trabajar la usabilidad, y sin embargo no son muchos los negocios que se preocupan de ello.<\/p>\n \u201cLa accesibilidad web hace referencia a lo f\u00e1cil que es para cualquier tipo de usuario conectarse a una p\u00e1gina. Es decir, sin problemas y disfrutando de todo el contenido sin limitaciones.\u201d<\/strong><\/p>\n Ten en cuenta que alguien que no puede ver u o\u00edr tambi\u00e9n es un posible usuario de tu p\u00e1gina, al igual que alguien que accede desde un dispositivo m\u00e1s antiguo.<\/p>\n Todo ello se puede solucionar si trabajas bien el backend de tus contenidos, trabajando aspectos como:<\/p>\n [su_list icon=\u00bbicon: caret-right\u00bb icon_color=\u00bb#008af7″]<\/p>\n [\/su_list]<\/p>\n \u201cEl tiempo que un usuario tarda en entender c\u00f3mo navegar dentro de una p\u00e1gina a la que accede por primera vez, es lo que determina la facilidad de aprendizaje. Por tanto, cuanto mayor sea \u00e9ste, menor ser\u00e1 la usabilidad.\u201d<\/strong><\/p>\n Puede parecer absurdo hoy en d\u00eda que la mayor\u00eda de p\u00e1ginas utilicen esquemas muy similares. Sin embargo, todos los usuarios estamos m\u00e1s que acostumbrados ya a lo que se conoce como men\u00fa hamburguesa.<\/p>\n Se trata de un sencillo men\u00fa compuesto por tres rayas horizontales en la esquina superior de la web, desde la cual desplegamos un completo men\u00fa tras hacer clic.<\/p>\n Del mismo modo, la mayor\u00eda de los usuarios sabemos que para conocer informaci\u00f3n legal sobre un site debemos ir hacia su footer.<\/p>\n Estos son algunos de los aspectos de una web que ya tenemos interiorizados y que, por tanto, no nos suponen invertir tiempo en aprender para poder navegar con normalidad.<\/p>\n Sin embargo, hay quien decide arriesgarse con un dise\u00f1o de p\u00e1gina m\u00e1s innovador y, a su vez, m\u00e1s complejo de comprender, lo que eleva la pendiente de nuestra curva de aprendizaje.<\/p>\n Est\u00e1 relacionado con el punto anterior. Tu p\u00e1gina web no s\u00f3lo debe ser f\u00e1cil de aprender, sino que adem\u00e1s su contenido debe ser f\u00e1cil de recordar.<\/p>\n No es nada c\u00f3modo para un usuario tener que aprender c\u00f3mo se utiliza algo cada vez que lo va a usar.<\/p>\n Aunque la web sea f\u00e1cil de entender, tambi\u00e9n debe seguir ciertos criterios estandarizados para que los usuarios no requieran memorizar nada especial en cuanto a su uso.<\/p>\n Otra manera de mejorar la usabilidad es ofreciendo la informaci\u00f3n de manera adecuada:<\/p>\n [su_list icon=\u00bbicon: caret-right\u00bb icon_color=\u00bb#008af7″]<\/p>\n [\/su_list]<\/p>\n Por ejemplo, la pol\u00edtica de cookies es algo que debe estar en tu web y que algunos usuarios leer\u00e1n, pero no ser\u00e1n la mayor\u00eda. Por eso, puede permanecer en un enlace del footer (accesible pero no prioritario).<\/p>\n Esto es algo que hemos hablado tambi\u00e9n muchas veces<\/strong> en relaci\u00f3n a la estructura de la informaci\u00f3n en nuestros emails para nuestras campa\u00f1as de e-mail marketing<\/a>\u00a0y la estructuraci\u00f3n de los emails de venta<\/a>.<\/p>\n Aqu\u00ed me refiero no solo a la organizaci\u00f3n de la informaci\u00f3n (como en el punto anterior<\/em>), si no a la organizaci\u00f3n de las URLs y todos sus contenidos.<\/p>\n Es decir, \u00bfc\u00f3mo se van a organizar las secciones?, \u00bfqu\u00e9 orden van a llevar dentro del conjunto de la web?, \u00bfc\u00f3mo vas a enlazar unos contenidos con otros?…<\/p>\n Para trabajar en este punto, lo mejor es empezar por dibujar previamente un organigrama e ir moviendo las diferentes secciones hasta que todo est\u00e9 en su lugar de forma l\u00f3gica. En este sentido, empieza de lo general a lo particular:<\/p>\n [su_list icon=\u00bbicon: caret-right\u00bb icon_color=\u00bb#008af7″]<\/p>\n [\/su_list]<\/p>\n Con todo esto predefinido, te ser\u00e1 m\u00e1s f\u00e1cil generar e incluir textos<\/a> e im\u00e1genes a la hora de desarrollar o ampliar tu web. Sencillamente, deber\u00e1s introducirlos en su secci\u00f3n correspondiente.<\/p>\n Es inevitable que cada cierto tiempo aparezcan errores en una web. Por ejemplo, puede pasarte por enlaces que ya no funcionan<\/a>, archivos que has borrado y estaban en contenidos antiguos que no recuerdas, o v\u00eddeos que dejan de ser p\u00fablicos.<\/p>\n No puedes pretender que tu p\u00e1gina est\u00e9 siempre perfecta. Las p\u00e1ginas web evolucionan, y eso conlleva que de vez en cuando necesiten una puesta a punto.<\/p>\n Lo m\u00e1s relevante es que cuides de la web y trates de mantenerla siempre lo mejor posible. Antic\u00edpate a los errores, optimiza los contenidos multimedia, corrige los enlaces, etc. Cuanto menos falle, mejor ser\u00e1 la usabilidad web y la experiencia de usuario.<\/p>\n No me refiero con esto a que deba existir una estandarizaci\u00f3n respecto a otras p\u00e1ginas web (eso ser\u00eda una locura). Si todas las p\u00e1ginas son iguales\u2026. \u00bfc\u00f3mo sabr\u00edamos qui\u00e9n est\u00e1 detr\u00e1s de cada una?<\/p>\n Con esto hago referencia a la estandarizaci\u00f3n dentro de tu propia web. Por ejemplo, si todos los enlaces los pones del mismo color, el usuario los reconocer\u00e1 f\u00e1cilmente.<\/p>\n Por tanto, se deben estandarizar los colores, las tipograf\u00edas, los esquemas dentro de cada apartado, etc.<\/p>\n \u201cCuanta m\u00e1s uniformidad y homogeneizaci\u00f3n haya dentro de una p\u00e1gina web, m\u00e1s f\u00e1cil ser\u00e1 de entender y m\u00e1s agradable ser\u00e1 su navegaci\u00f3n.\u201d<\/strong><\/p>\n Esto no quiere decir que haya que limitar el dise\u00f1o. Puede que ciertas secciones requieran de m\u00e1s imaginaci\u00f3n e innovaci\u00f3n, o que en ciertos momentos del a\u00f1o se modifique el dise\u00f1o de manera novedosa.<\/p>\n En cualquier caso, en todas las etapas que se plantee un redise\u00f1o deben existir ciertos est\u00e1ndares que faciliten su aprendizaje, legibilidad y, como ya sabes, usabilidad.<\/p>\n Todos los sitios web incluyen en su dise\u00f1o botones y llamadas a la acci\u00f3n. Sabr\u00e1s que son imprescindibles para poder conseguir leads y orientar a los visitantes.<\/p>\n Estas llamadas a la acci\u00f3n deben ser f\u00e1cilmente entendibles si queremos que afecten positivamente a la usabilidad web.<\/p>\n El usuario debe saber, en todo momento, qu\u00e9 ocurrir\u00e1 cuando haga clic sobre cierto elemento; hacia d\u00f3nde le va a llevar, si va a activar una llamada o un pago, etc. A fin de cuentas, nunca debes enga\u00f1ar a tus usuarios.<\/p>\n Aunque alguna vez sientas la tentaci\u00f3n de captar leads a cualquier precio, piensa que no ser\u00e1n de calidad. Adem\u00e1s, esto tiene una repercusi\u00f3n muy negativa sobre tu reputaci\u00f3n online, ya que a larga los resultados pueden ser terribles para tu marca.<\/p>\n Seguro que alguna vez has escuchado que cuantos menos clics sean necesarios para finalizar un proceso en una web, mucho m\u00e1s f\u00e1cil ser\u00e1 que los usuarios lleguen a completarlo.<\/p>\n Efectivamente, la eficiencia de uso tiene que ver con los clics y con todas las acciones necesarias a realizar en un site.<\/p>\n![\"\u00a1Env\u00eda](\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2020\/07\/Envia-tu-newsletter-gratis.png\" "\\"\u00a1Env\u00eda")
<\/a><\/p>\n\u00b7 \u00bfQu\u00e9 es la Usabilidad Web?<\/h2>\n
\n
\u25ba\u00a0 Relaci\u00f3n con la experiencia de usuario<\/h3>\n
\n
![\"experiencia](\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2018\/01\/experiencia-usuario.png\" "\\"experiencia")
<\/p>\n\u00b7 \u00bfC\u00f3mo mejorar la usabilidad de tu web?<\/h2>\n
1) Accesibilidad<\/h3>\n
\n
2) Curva de aprendizaje<\/h3>\n
3) Facilidad de recuerdo<\/h3>\n
![\"jerarqu\u00eda](\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2017\/11\/integrar-mailrelay.png\" "\\"jerarqu\u00eda")
<\/p>\n4) Jerarqu\u00eda de la informaci\u00f3n<\/h3>\n
\n
5) Arquitectura web<\/h3>\n
\n
6) Frecuencia de errores<\/h3>\n
7) Estandarizaci\u00f3n<\/h3>\n
![\"llamadas](\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2017\/06\/llamadas-a-la-accion.png\" "\\"llamadas")
<\/p>\n8) Llamadas a la acci\u00f3n<\/h3>\n
9) Eficiencia de uso<\/h3>\n
![\"Teresa](\"https:\/\/wpstaging.mailrelay.com\/wp-content\/uploads\/2016\/07\/teresa-alba.jpg\" "\\"Teresa")
<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"