La usabilidad de alta calidad ha sido el centro de discusiones en la industria en los últimos años, ya que se vuelve cada vez más importante para los usuarios. Una buena usabilidad también puede ayudar a crear conciencia de marca y, en general, puede mejorar la opinión de un usuario sobre un sitio web e incluso una empresa. Hoy en día hay mucho énfasis en la usabilidad porque las empresas grandes y pequeñas demostraron lo importante que puede llegar a ser una buena estrategia de usabilidad.

La buena usabilidad ha estado en los últimos años en el corazón de las empresas emergentes exitosas. Las ideas simples son la mayoría de las veces las más innovadoras y de esto se trata principalmente la usabilidad: hacer que una característica o un producto sea fácil de usar, manteniendo la calidad del producto en un alto nivel.

El artículo de hoy se reduce en gran medida al sentido común. Parece que después de años y años de discutir este tema, los diseñadores web todavía tienen dificultades para entenderlo. La usabilidad ya no es una broma y los siguientes consejos deben imprimirse y fijarse en la pared frente a tu mesa de despacho.

A menudo me encuentro navegando en páginas donde los enlaces no están resaltados de una forma clara. Es uno de los errores más tontos que he visto en mi vida. Prefiero visitar una página con el color de enlace azul predeterminado que una página en la que el color del enlace es el mismo que el del contenido. Los usuarios necesitan saber cómo navegar y dónde pueden hacer clic. No puedes esperar que busquen enlaces colocando el ratón sobre todas las palabras hasta que el cursor cambie a un puntero.

Entiendo totalmente que a veces, debido a consideraciones de diseño, los enlaces no se pueden resaltar con un color que se destaque demasiado. Es totalmente comprensible. Simplemente tienes que enfatizar los enlaces de una forma u otra.

Los enlaces visitados también es algo que debe enfatizarse de una manera diferente a la del color predeterminado. Esto se debe a que ayuda a los usuarios a saber dónde han estado antes, para que puedan decidir hacia dónde quieren dirigirse. Algunos sitios confunden a sus visitantes, pero indicar claramente dónde han estado antes definitivamente los ayudará a tener una mejor visión general de tu sitio web.

Cuando hablamos de tipografía, no siempre se trata solo de grandes encabezados y hermosos bloques de texto. Cuando se piensa en usabilidad, no es tan importante que la tipografía sea hermosa, es más importante que la tipografía facilite la lectura del contenido, es decir CLARA Y LIMPIA.

El texto que no se puede escanear genera dolores de cabeza a muchos visitantes, pero no debería causar ningún problema a los diseñadores. Solo cosas simples como aumentar la altura de la línea, dividir el texto en trozos más pequeños, aumentar el tamaño de la fuente y elegir una mejor fuente pueden facilitar a los usuarios la lectura del contenido.

En el diseño web no es tan importante cómo se combinan las fuentes y qué sentimientos despierta el color de la fuente en los visitantes. Claro, es una ventaja si puedes hacer esto, pero siento que en los últimos años el enfoque fue mucho más en la estética que en la funcionalidad, ¡y esto está mal! A diferencia del campo más limitado del diseño gráfico, la característica más importante de un sitio web es la legibilidad. No es necesario que te atraiga visualmente. ¡Solo necesita funcionar!

Déjame explicarte más. Dos de las últimas tendencias en Internet, el minimalismo y el diseño plano, son extremadamente simples y se centran mucho más en el contenido que en lo hermosa que es la imagen de fondo. Hay una razón detrás de que el minimalismo y el plano sean muy, muy populares, y la razón es que son tan simples y funcionan; a veces duele ver que un sitio web tan simple logra un gran éxito. Entras, lees el contenido y te vas. Nada te distrae, nada de Flash, nada de JavaScript que haga que el sitio web sea pesado de cargar, sin flores ni dibujos; se trata solo de contenido. ¿Te has fijado en las webs de Google?

A estas alturas, deberías comprender lo importante que es hacer que el contenido se pueda escanear. En primer lugar, no te preocupes demasiado por hacerlo hermoso: independientemente de lo hermoso que sea el tipo de letra, no ayudará si la gente no puede leerlo.

Seguir las convenciones de diseño y las consideraciones de usabilidad es muy importante porque, independientemente de quién seas tu, los usuarios pasarán la mayor parte de su tiempo en otros sitios web. Esto significa que el tuyo deberá estar en consonancia con todos los demás.

Para comprender mejor en qué estoy pensando, sería como tener un sitio web normal donde al hacer clic en uno de los enlaces de la navegación se sale de la página. Está en contra de lo que estamos acostumbrados y en contra de lo que nuestra experiencia nos dice que debe hacer ese botón en la navegación.

Afortunadamente, en los últimos años los diseñadores mejoraron, pero todavía puedo encontrar carruseles donde los navegadores no funcionan y enlaces que muestran una ventana emergente al pasar el ratón sobre ellos. Eso simplemente no debería ocurrir en tu web, así que respeta las convenciones de diseño.

Los usuarios navegan por páginas web con un propósito. Puede ser para entretenerse, buscar información, mantenerse en contacto con amigos y familiares o para otros fines. En todo lo que hacen, siempre tienen un objetivo.

Ahora, lo que es importante que recuerdes es que, la mayoría de las veces, vienen a los sitios web para buscar información. Van a Google para buscar algo. Van a Wikipedia para aprender sobre algo. Van a los sitios web de la empresa para obtener más información sobre sus productos o servicios. Siempre tienen un objetivo.

A menudo me sucede que entro en una páginas web donde busco específicamente una respuesta que simplemente no se puede encontrar. Entiendo por qué las agencias de diseño no siempre presentan sus precios, ya que hay muchas variables en cada proyecto. Pero simplemente no puedo entender por qué una peluquería no me muestra cuánto me cuesta cortarme el pelo. No entiendo empresas de lavado de coches que tengan un sitio web que no muestre el precio por el cual puedo limpiar el mio. ¿Por qué demonios tendrías entonces un sitio web? Simplemente siento que es inútil tanto para ti como para los visitantes. Ninguno de nosotros sacamos nada de eso.

Es una buena idea conocer el propósito de tu audiencia cuando visitan tu sitio web. Si las personas visitan para descargar temas de blogs, guíalos a la sección de descargas. Si vienen a jugar, que haya juegos en todas partes. Si vienen para ver los precios de los productos o servicios que ofrece, ENSÉÑASELOS.

La razón por la que tienes que pensar en las necesidades de tu audiencia es porque no creas un sitio web para ti. Si lo haces tu mismo, también puedes mantenerlo sin conexión y navegarlo en tu propio ordenador. Un sitio web es para una audiencia y las audiencias tienen necesidades.

Desde que compré una Mac, nunca usé un ratón. Soy suficientemente hábil moviéndome por mi portátil con el trackpad. Pero recuerdo que hace cinco años, cuando todavía usaba PC, solía tener todo tipo de ratones. No siempre fueron precisos y siempre fue mucho más difícil de lo que debería haber sido desplazarse sobre áreas pequeñas.

Hoy ya no tengo este problema. Pero la web no se trata solo de mí. Se trata de miles de millones de usuarios y debes tener en cuenta que no todos son tan hábiles en el uso de estas increíbles herramientas.

A veces, las áreas pequeñas en las que se puede hacer clic son incómodas. Es posible que quieras mantener el tamaño de la fuente bajo, porque crees que se ve bien, pero es posible que debas pensar en cuánto impacto tiene tu decisión en la usabilidad (y no hablemos de la legibilidad una vez más).

Es importante asegurarse de que no solo los enlaces estén visibles, sino que se pueda hacer clic en ellos. Cuanto más pequeñas sean las áreas, más difícil será para las personas hacer clic en ellas. Hay una razón por la que los sitios web se vuelven móviles, y es que los diseños deben adaptarse a una pantalla más pequeña. Una de las cosas que deben adaptarse son los botones, que se recomienda que sean mucho más grandes en un dispositivo portátil, por lo que se puede hacer clic en ellos fácilmente.

La misma estrategia debe aplicarse en el escritorio. La nueva tendencia de la interfaz de usuario plana es un predicador de este concepto. No tendrás problemas para hacer clic en enlaces grandes y visibles. Asegúrate de facilitar la navegación a tus usuarios. Una vez más, céntrate en la funcionalidad y deje la belleza como la guinda de un pastel increíble.

Pocas cosas me molestan más que un mal servicio al cliente. Uno de ellos es ni siquiera poder llegar al servicio de atención al cliente o a un contacto en una empresa para consultar cualquier cosa.

Como comentamos anteriormente, las personas visitan sitios web con un propósito. Si su propósito es ponerse en contacto contigo, entonces, desde su punto de vista, tu página web es totalmente inútil si no encuentra la manera de contactarte.

No hay excusa para no incluir información de contacto. Si no deseas que su número de teléfono personal sea público, escribe el correo electrónico. Demonios, incluso puedes obtener uno de esos teléfonos baratos y una suscripción telefónica barata y compartir ese número, o puedes crear un correo electrónico secundario. ¿Quieres evitar el spam? Utiliza un formulario de contacto que los bots no puedan escanear. Comparte la dirección de Twitter o Facebook, lo que sea. Simplemente no importa, siempre que brindes a los visitantes la oportunidad de llegar a ti de una forma u otra.

Muchos usuarios están orientados a tareas, lo que significa que entran a una página web para obtener información específica y no están interesados ​​en nada más. En este caso, verás lo importante que puede llegar a ser una buena función de búsqueda.

Esto no significa que tengas que incluir una barra de búsqueda en todos los sitios web. Si diriges una agencia de diseño con un sitio web de una sola página con proyectos e información de contacto, entonces no hay necesidad de una función de búsqueda.

Sin embargo, en caso de que ejecutes un blog o cualquier otro tipo de sitio web con mucho contenido, la función de búsqueda es la función a la que muchos usuarios acudirán primero. Los estudios muestran que el porcentaje de usuarios que buscan primero una barra de búsqueda puede ser hasta la mitad de todos los visitantes, que es muchísimo más de lo que creemos.

En caso de que crees un sitio web en una plataforma como WordPress, puedes hacer uso de su funcionalidad de búsqueda incorporada. De lo contrario, siempre puedes usar Google, ya que el motor de búsqueda gigante probablemente ya indexó todas (o la mayoría) de tus páginas. No necesitas codificar una función de búsqueda de este tipo por tu cuenta, por lo que no es excusa para no tener una en tu sitio web.

Permitir a las personas echar un vistazo a una función o software antes de que tengan que registrarse o pagar (también llamada versión de demostración) es mucho, mucho mejor que pedirles que se registren de inmediato. Me molesta mucho ver conceptos excelentes en Internet, pero todos requieren que te registres.

No, no quiero darte mi número de teléfono, la dirección de mi casa y la talla de mis zapatos antes de poder usar tu aplicación. Quiero poder usarlo de inmediato y decidir si es algo para mí.

Este concepto también es compatible con un gurú móvil de UX/UI, Luke Wroblewski. Él cree que los usuarios siempre deben obtener un adelanto de un producto antes de tener que comprometerse con él. Es mucho más fácil y tiene mucho sentido.

Hagas lo que hagas, vendas o produzcas, no pidas a los usuarios de Internet que se comprometan con ello antes de estar seguros de que quieren usarlo. De lo contrario, se sentirán engañados y los perderás para siempre. Un buen ejemplo es Fruit Ninja, el popular juego de iOS, que también tien una versión de demostración gratuita. Después de un período en el que obtienes entretenimiento con la versión de demostración, sientes que quieres un desafío mayor. Y compras la versión completa del juego. ¿Habría comprado el juego desde el principio sin haber podido probarlo antes? No

Esta no es solo una lección para los diseñadores web, sino en general para muchas empresas y fabricantes. Si tu producto es bueno, no requieras que tus usuarios se registren de inmediato. En su lugar, ofréceles la oportunidad de probar tu producto de forma gratuita lo más rápido posible y puedes estar seguro de que lo comprarán si el producto es tan bueno como tu dices.

Otro tema del que le gusta hablar a Luke Wroblewski en sus conferencias magistrales son los formularios de registro. Todos hemos estado allí. Deseas tanto conseguir una cuenta de inmediato (porque de una forma u otra satisface una de tus necesidades) y el formulario de registro es demasiado largo. Y pierdes al cliente comercial potencial.

Haz los formularios de registro lo más breves posible. Solicita únicamente la información más importante, correo electrónico, contraseña y nombre de usuario. Después de que el usuario se registre, puedes darle la opción de completar más detalles sobre sí mismo. Nuevamente, se reduce al mismo principio que antes. Para comprometerse, los usuarios deben probar el producto. Ni siquiera estoy seguro de que me guste su producto, ¿por qué debería tener la dirección de mi casa, el nombre real y el cargo? En el mejor de los casos, obtendrás información falsa, pero a menos que esté seguro de que quiero usar tu producto, nunca obtendrás mi información real.

Hoy en día es posible crear cuentas en muchos sitios web utilizando el inicio de sesión de la API de Twitter o Facebook. Esto es bueno y hace que el proceso de registro sea mucho más fácil y rápido. Ahora ya no tendrás que recordar una cuenta y una contraseña. Solo necesitas permanecer conectado en Facebook y también te mantendrá conectado en todos los lugares donde utilizaste la API para registrarte. No todas las personas lo aceptarán, pero ofrece a los usuarios la posibilidad de registrarse de esta forma.

Una regla básica de diseño es no usar elementos que realmente no necesitas. Lo mismo ocurre con las imágenes: no las uses solo por llenar la página. Los estudios demuestran que los usuarios tienden a ignorar las imágenes colocadas en sitios web solo como relleno. Entonces, si no tienes nada que mostrar, definitivamente no quiero ver una imagen de archivo al azar.

Si decides utilizar imágenes, al menos asegúrate de colocarlas correctamente. Simplemente odio los sitios web donde el contenido está escrito en una cuadrícula de dos columnas y dividido por imágenes tan anchas como el contenedor. Siempre me hace pensar: ahora debo moverme y leer en la segunda columna y luego en la primera columna nuevamente debajo de la imagen, o simplemente debo moverme y leer en la misma columna debajo de la imagen? Es simplemente muy molesto y lo que es aún más molesto es cómo diferentes sitios web utilizan diferentes enfoques para este problema. Si usas imágenes, asegúrate de no hacerme pensar demasiado en leer el texto, que es lo más importante. No quiero pensar. Solo quiero leer.

Ah, por cierto, si quieres saber por qué no quiero pensar (o por qué ningún usuario quiere hacerlo), te recomiendo encarecidamente el libro de Steve Krug «No me hagas pensar».

Conclusión

Si deseas ser un buen diseñador web o te atreves a crear la tuya propia, simplemente debes seguir las reglas anteriores. No es necesario ser un gurú de la experiencia del usuario, lo que escribí anteriormente es en realidad solo sentido común, pero la mayoría de las veces marca la diferencia entre un sitio web decente y uno de primera clase.

También se debe en gran medida a tu interés en sus usuarios. Si solo creas sitios web para ganarte la vida, no necesitas estas reglas. Lo más probable es que solo seas un diseñador por debajo de la media que fracasará en unos pocos años. Si piensas mucho más en tus visitantes y deseas ofrecerles una buena experiencia en tu sitio, entonces sabes cuáles son los elementos básicos en los que necesitas empezar a trabajar. Como dije anteriormente, los sitios no necesitan ser hermosos. Ten en cuenta que no hay nada más hermoso que un simple sitio web que funcione lo mejor posible.