fbpx
5 trucos de diseño UX-UI para que los usuarios se enamoren de tu web

5 trucos de diseño UX-UI para que los usuarios se enamoren de tu web

Escuchaste por ahí el término “UX” o “UI” en el mundo del diseño web, lo investigaste y estás intentando entender a qué procesos se refieren. ¿Es así?

Puede que te suene la situación anterior, ya que cada vez es más frecuente oír hablar de este tipo de diseños. Oyes decir que ayudan mucho, pero pocos te explican por qué y cómo aplicarlos desde 0. Por eso te he preparado este artículo, que viene a responder muchas de tus preguntas. ¡Empecemos!

1. Adapta tu sitio web al perfil de tu usuario objetivo

¿Pero de quién vas a mejorar la experiencia? ¿Sabes realmente a quién vas a dirigirte? Esas dos preguntas abarcan más de lo que crees.

Si ya hiciste una investigación y segmentación (targeting) y ya tienes el perfil de tu usuario objetivo, llévalo a la UX de tu web.

Si, en cambio, no has definido el perfil del usuario que busca lo que ofreces en tu web, puedes saber más sobre cómo hacerlo y ver un ejemplo rápido en este post.

Debes partir de ahí para crear una experiencia acertada para dicho perfil. No puedes presentar una página web con un texto muy formal y científico si la edad de tu visitante objetivo es, de promedio, de 15 a 23 años, y su interés en internet es lo viral en redes sociales. ¿Estás de acuerdo?

Usa la información definida para adaptar colores, imágenes o parte de tu forma de escribir según lo que le gusta. Este, inconscientemente, al sentirse cómodo y familiarizado, será más propenso a realizar una conversión, según nos explica el neuromarketing.

Al final, verás el beneficio de adaptarse a los intereses del usuario en tus estadísticas.

Y… ¡mucho ojo! Aunque personalices, existen técnicas que funcionan con la mayoría de los visitantes, como las siguientes. ¡Apunta!

2. Crea un menú de navegación preciso y accesible

Para empezar, te diré que uno de los errores más comunes al crear una página web es no analizar la eficacia del menú. Si este es medio con el que el usuario se mueve en el sitio, entonces, ¿qué tan importante crees que es su cuidado?

Debes enlistar todas las páginas y definir cuáles son las más relevantes para estar en el menú principal.

Los enlaces deben ser lo más generales y directos posible: encuentra las palabras que tu target espera ver, define las que son clave y analiza, por ejemplo, la web de algún competidor.

Utiliza submenús, pero sin saturar ni llegar a confundir toda la estructura.

Y, para ayudar al visitante a saber de su existencia, es muy favorable que muestres iconos y/o algún tipo de efecto o animación en cada acción. Indicaciones visuales como esas son de gran beneficio en la UX, también, por ejemplo, para dar a saber en qué página se encuentra uno.

Algo también primordial es la accesibilidad, ese recurso tan amado, en silencio, por todos los usuarios de una página.

Lo más efectivo en este aspecto es tener un menú “estático”. Según el experto en UX Steve Krug, un menú fijo termina agradando más al usuario porque le hace perder menos tiempo y esfuerzo, llevándole exactamente a lo que busca.

3. Añádele importancia a tu buscador interno

Algo que tiene mucho que ver con ofrecer una buena experiencia en un sitio web es el buscador. Para empezar, si el tuyo no tiene uno, estás perdiendo demasiado. Por si no eras consciente de ello, te daré más datos.

El cibernauta promedio, de forma inconsciente, se acostumbró a navegar mediante búsquedas, tal vez por los 19 años que lleva Google en marcha. Además, seguro que sabes que siempre lleva prisa, y explorar toda tu web no es su principal objetivo.

Para ello, te recomiendo consultar los programas de creación web que te proporciona un buscador interno propio. La cuestión es que si tu sitio tiene gran contenido, el buscador va a ser un gran aliado para él y, al final, para ti.

El truco, según György Fekete (fundador de Prima Skill), es tenerlo lo más accesible que se pueda. Debe estar en el header y con un tamaño no tan pequeño. Incluso es más eficiente que sea también estático para blogs y tiendas online medianas y grandes.

También en estos casos suele convenir que sea un cuadro de búsqueda y no solo un icono de una lupa lo que se aprecie. Según la revista UXMagazine, funcionalidades como las “sugerencias de búsqueda” y algunos filtros en la página de resultados son necesarios en sitios repletos de contenido. ¡Ahora ya lo sabes!

4. No satures el espacio pero sé adecuadamente minimalista

Es bien sabido, y lo recalca el autor de varios libros sobre usabilidad Jakob Nielsen, que una página repleta de elementos sin orden no va a resultar muy efectiva.

Las personas quieren claridad en la interfaz de un sitio, y es algo que muchos webmasters no terminamos de entender hasta el día de hoy.

Sin caer en la exageración, debes limpiar tu interfaz, reducirla a lo esencial o a lo que, en verdad, le interesa o le puede servir al usuario. Antes de querer mostrarlo todo en todas partes, define la importancia de los elementos de tu web en niveles y, al final, elimina los que realmente son de muy poco valor.

De este modo, tendrás claridad sobre lo que vale cada cosa que le muestras al visitante y aprenderás a acomodarlo todo estratégicamente en base a ello. ¡Pruébalo!

Pero solo acomódalo, porque no se trata de eliminar todo lo que puedas de la interfaz. La cuestión es que el objetivo no debe ser exactamente tener pocos elementos, sino tener los adecuados en los lugares adecuados.

De eso trata una buena experiencia en una web: de satisfacer más que de tener muchos espacios en blanco sin saber por qué. ¡Quédate con la idea!

Una buena técnica es el uso del espacio según el interés real del usuario. Puedes hacer dinámico tu contenido para que no sature una página visualmente.

Has visto cómo infinidad de sitios utilizan menús o cajas de contenido que se pueden ocultar y mostrar cuando uno quiera, bien, pues eso es un ejemplo directo.

Puedes hacer que algunos elementos sean ocultables y conjugar otros para que ocupen un mismo espacio. ¿Qué te parece el resultado?

5. Adapta la carga de algunos elementos al scroll

Es sabido que el scroll nos proporciona mucha información del usuario y de su reacción con nuestra página web.

Una de las técnicas más efectivas para un buen trabajo UX en un sitio web es que algunos elementos solo se carguen en relación con este. Al hacerlo, desarrollamos un tipo de lo que se conoce como “Lazy Load”.

Lo anterior se aplica con las imágenes en muchos blogs y llega a ser muy beneficioso, ya que al lograr que no se estén cargando todas desde el comienzo, consigue una mejora enorme en el tiempo de carga.

Y, por otra parte, el usuario obtiene una mejor experiencia y todavía sin notar demasiados cambios, repitiendo, puesto que la carga sigue a su vista actual.

Para hacer algo como esto, tan solo hace falta retrasar y configurar la carga de los scripts adecuados. ¡Afortunadamente, existen muchos plugins/widgets para este trabajo!

Y, además, puedes aplicarlo a otros elementos, como la sección de posts relacionados o la caja de comentarios, por ejemplo.

Si usas WP y quieres saber más sobre todo esto, consulta este link, ¡te será muy útil!

Fuente: 5 Trucos de diseño UX/UI para que los usuarios se enamoren de tu web.

Leave a Reply