La digitalización es una realidad cada vez más indispensable para todas las empresas y tener un sitio web que logre combinar un diseño atractivo con una facilidad de uso es clave para el éxito de tu negocio. La pregunta es, ¿cómo asegurarte de que tu web cumple con las expectativas y necesidades de tus usuarios? ¿Cómo puedes crear un sitio web fácil de usar?
Para responder esta pregunta de la mejor manera, decidimos colaborar con World of Digits, una agencia especializada en UX y UI. Alex Vandebeek, diseñador de UX en World of Digits, ha escrito una serie de 4 artículos dedicados a la experiencia del usuario para facilitaros todas las claves que necesitas para su proyecto.
¡Nos sumergimos en el diseño UX con este primer artículo escrito por Alex!
Índice de contenido
Presentación del UX Design 📲
¿Qué es el Diseño UX o UX Design?
El nuevo método para concebir y diseñar sitios web. Anteriormente, los desarrolladores y diseñadores web tendían a centrarse en la apariencia pura y dura de sus creaciones. Por el contrario, el diseño UX nos obliga a tener en cuenta al usuario final del producto o servicio, lo que se traduce en dar mucha más importancia a la «usabilidad» del producto en cuestión, manteniendo al usuario en mente en todo momento.
Esto significa que, en lugar de poner la apariencia de la web en el centro de las preocupaciones del diseñador, son las necesidades y expectativas del usuario final las que guían el diseño del sitio web. El objetivo es crear un producto «a medida» que se adapte perfectamente al usuario.
Para entenderlo mejor, podemos tomar como ejemplo a Heinz y su botella de ketchup. Podrían comercializar una botella bonita o una botella primordialmente funcional (que aún sea visualmente atractiva).
Centrarse en el diseño VS. Centrarse en la experiencia del usuario
UX – U = X
La clave en el UX Design es el usuario. La realidad es que no estás creando un sitio web o una aplicación para ti, sino para un público muy específico. Por lo tanto, es importante tener en cuenta a esta audiencia al diseñar tu nueva web o al rediseñar tu web actual.
Además, para poder crear un producto que se adapte perfectamente a tus usuarios, puede ser interesante realizar pruebas de usabilidad que te permitan obtener la mayor cantidad de comentarios posible. Esto te ayudará a mejorar la web o la aplicación que estás creando.
Puedes, por ejemplo, pedir a 5 de tus usuarios que prueben tu web, que intenten completar ciertas tareas, y verificar si consiguen hacerlo con facilidad o no. La idea es verificar que se las arreglan para usar las características principales que ofrece la web, de la forma más directa posible. Por ejemplo, si tienes un ecommerce, ¿pueden llenar la cesta y efectuar el pago sin atascarse en el camino?
Desarrollar tu web de mano de tus usuarios, teniendo en cuenta sus comentarios, puede ser una forma de mejorar significativamente la experiencia que se les ofrece.
Ideafoster
Barcelona, España
4 - 4 recomendaciones
Desarrollo MóvilCreación de Sitios WebDiseño WebEstrategia DigitalDesarrollo de la WebWeb & Software Development
Conocer la agenciaarrow_forward
AJA Publicidad
Madrid, España
4.5/5 - 8 recomendaciones
Creación de Sitios WebPublicidadSEOEstrategia DigitalMarketingDesarrollo de la Web
Conocer la agenciaarrow_forward
CodigoNexo
Madrid, Spain
5/5 - 4 recomendaciones
Creación de Sitios WebDiseño WebSEOSEMBrandingEstrategia DigitalDesarrollo de la Web
Conocer la agenciaarrow_forward
DNest Agency
Madrid, Spain
5/5 - 7 recomendaciones
Creación de Sitios WebSEOBrandingEstrategia DigitalMarketingDesarrollo de la Web
Conocer la agenciaarrow_forward
Numéricco
Zaragoza, Spain
5/5 - 7 recomendaciones
Creación de Sitios WebDiseño WebSEOEstrategia DigitalDesarrollo de la Web
Conocer la agenciaarrow_forward
The Lonely Cats
Alcobendas, Spain
5/5 - 1 recomendación
Creación de Sitios WebDiseño WebPublicidadSEOBrandingDesarrollo de la Web
Conocer la agenciaarrow_forward
WWWARCELONA
Barcelona, Spain
5/5 - 14 recomendaciones
Creación de Sitios WebDiseño WebPublicidadSEOSEMBrandingEstrategia DigitalMarketingDesarrollo de la Web
Conocer la agenciaarrow_forward
Welcome
Madrid, Spain
5/5 - 5 recomendaciones
Creación de Sitios WebPublicidadRelaciones PúblicasComunicaciónMarketing de ContenidosMarketing en LíneaTendencias de MarketingMarketing AutomationSEOSEASEMBrandingEstrategia DigitalMarketingWeb & Software Development
Conocer la agenciaarrow_forward
Blackpool Digital
Barcelona, Spain
5/5 - 2 recomendaciones
PublicidadRelaciones PúblicasMarketing de ContenidosSEOBrandingEstrategia DigitalDesarrollo de la Web
Conocer la agenciaarrow_forward
Immograf
Barcelona, Spain
5/5 - 5 recomendaciones
Creación de Sitios WebDiseño WebMarketing en LíneaSEOEstrategia DigitalDesarrollo de la Web
Conocer la agenciaarrow_forward
Wild Branders
Granollers, Spain
5/5 - 7 recomendaciones
Creación de Sitios WebSEOSEMBrandingEstrategia DigitalMarketingWeb & Software Development
Conocer la agenciaarrow_forward
Inbuze, Digital Marketing
Valencia, Spain
5/5 - 3 recomendaciones
Creación de Sitios WebDiseño WebMarketing de ContenidosMarketing en LíneaTendencias de MarketingMarketing AutomationSEOSEMBrandingEstrategia DigitalMarketingDesarrollo de la WebWeb & Software Development
Conocer la agenciaarrow_forward
BCM MARKETING B2B Barcelona
Barcelona, Spain
5/5 - 7 recomendaciones
Relaciones PúblicasSEOEstrategia DigitalMarketingDesarrollo de la Web
Conocer la agenciaarrow_forward
BSL MARKETING
Bilbao, Spain
5/5 - 1 recomendación
Creación de Sitios WebPublicidadSEOBrandingEstrategia DigitalDesarrollo de la Web
Conocer la agenciaarrow_forward
MODO
Barcelona, Spain
5/5 - 3 recomendaciones
PublicidadMarketing de ContenidosMarketing en LíneaSEOSEMBrandingEstrategia DigitalMarketingDesarrollo de la Web
Conocer la agenciaarrow_forward
Syntec Soluciones TI
Barcelona, Spain
5/5 - 5 recomendaciones
Diseño WebEstrategia DigitalWeb & Software Development
Conocer la agenciaarrow_forward
Visual Publinet S.L.
Vigo, Spain
5/5 - 7 recomendaciones
Creación de Sitios WebDiseño WebMarketing en LíneaSEOSEMEstrategia DigitalDesarrollo de la Web
Conocer la agenciaarrow_forward
EMUTATION NEW MEDIA
Madrid, Spain
5/5 - 0 recomendación
Desarrollo MóvilCreación de Sitios WebPublicidadRelaciones PúblicasMarketing en LíneaSEOEstrategia DigitalDesarrollo de la Web
Conocer la agenciaarrow_forward
Creative Hack Lab
Pinto, Spain
5/5 - 4 recomendaciones
Creación de Sitios WebDiseño WebPublicidadMarketing de ContenidosBrandingEstrategia DigitalDesarrollo de la Web
Conocer la agenciaarrow_forward
PaellaSoft
Valencia, Spain
5/5 - 3 recomendaciones
Creación de Sitios WebDesarrollo de la Web
Conocer la agenciaarrow_forward
Versus Byte
Madrid, Spain
5/5 - 3 recomendaciones
Creación de Sitios WebDiseño WebSEOSEMDesarrollo de la Web
Conocer la agenciaarrow_forward
Hola. Creativos
Alicante, Spain
5/5 - 3 recomendaciones
Creación de Sitios WebDiseño WebMarketing en LíneaBrandingDesarrollo de la Web
Conocer la agenciaarrow_forward
Full Time Brothers S.C
Málaga, Spain
5/5 - 8 recomendaciones
Creación de Sitios WebMarketing en LíneaSEODesarrollo de la Web
Conocer la agenciaarrow_forward
Nazca Networks
El Barco de Ávila, Spain
5/5 - 2 recomendaciones
Creación de Sitios WebDiseño WebSEOWeb & Software Development
Conocer la agenciaarrow_forward
Soamee Studio
Madrid, Spain
5/5 - 1 recomendación
Desarrollo MóvilCreación de Sitios WebDesarrollo de la WebWeb & Software Development
Conocer la agenciaarrow_forward
Lemon Makers
Madrid, Spain
5/5 - 0 recomendación
Creación de Sitios WebWeb & Software Development
Conocer la agenciaarrow_forward
Enfusión
Barcelona, Spain
5/5 - 5 recomendaciones
Creación de Sitios WebDiseño WebPublicidadRelaciones PúblicasMarketing de ContenidosMarketing en LíneaSEOBrandingDesarrollo de la Web
Conocer la agenciaarrow_forward
Lifting Group
Barcelona, Spain
5/5 - 0 recomendación
Desarrollo MóvilCreación de Sitios WebPublicidadSEOEstrategia DigitalMarketingDesarrollo de la Web
Conocer la agenciaarrow_forward
Im3diA comunicación
Albacete, Spain
5/5 - 18 recomendaciones
Creación de Sitios WebPublicidadEstrategia DigitalMarketingDesarrollo de la Web
Conocer la agenciaarrow_forward
TheWokis
Madrid, Spain
5/5 - 0 recomendación
Diseño WebBrandingEstrategia DigitalDesarrollo de la Web
Conocer la agenciaarrow_forward
Acorn Digital Agency
Barcelona, Spain
5/5 - 8 recomendaciones
Creación de Sitios WebPublicidadSEOBrandingEstrategia DigitalMarketingDesarrollo de la Web
Conocer la agenciaarrow_forward
LEWIS Communications
Madrid, Spain
5/5 - 0 recomendación
Relaciones PúblicasSEOEstrategia DigitalMarketingDesarrollo de la Web
Conocer la agenciaarrow_forward
BrandStocker
Madrid, Spain
5/5 - 27 recomendaciones
Creación de Sitios WebPublicidadBrandingDesarrollo de la Web
Conocer la agenciaarrow_forward
lyra.
Madrid, Spain
5/5 - 7 recomendaciones
Creación de Sitios WebSEOBrandingEstrategia DigitalMarketingDesarrollo de la Web
Conocer la agenciaarrow_forward
Pinchaaqui.es
Madrid, Spain
5/5 - 7 recomendaciones
Creación de Sitios WebEstrategia DigitalMarketingWeb & Software Development
Conocer la agenciaarrow_forward
We Are Elmer, Branding & Marketing Digital
Barcelona, Spain
5/5 - 9 recomendaciones
Creación de Sitios WebMarketing de ContenidosSEOSEMEstrategia DigitalDesarrollo de la Web
Conocer la agenciaarrow_forward
VNBenny
Murcia, Spain
5/5 - 1 recomendación
Creación de Sitios WebDiseño WebSEOBrandingEstrategia DigitalMarketingDesarrollo de la Web
Conocer la agenciaarrow_forward
Wontech consultoria tecnologica
Badalona, Spain
5/5 - 0 recomendación
Creación de Sitios WebMarketing AutomationEstrategia DigitalWeb & Software Development
Conocer la agenciaarrow_forward
PREAM Internet, S.L.
Alcala de Henares, Spain
5/5 - 4 recomendaciones
Creación de Sitios WebSEOSEMBrandingDesarrollo de la Web
Conocer la agenciaarrow_forward
AkuaroHub
Barcelona, Spain
5/5 - 3 recomendaciones
Desarrollo MóvilCreación de Sitios WebEstrategia DigitalDesarrollo de la Web
Conocer la agenciaarrow_forward
Thevaluefactory
Barcelona, Spain
5/5 - 5 recomendaciones
Creación de Sitios WebDiseño WebMarketing en LíneaEstrategia DigitalMarketingDesarrollo de la Web
Conocer la agenciaarrow_forward
A2 System Mobile,Research & Development SL
Málaga, Spain
5/5 - 3 recomendaciones
Desarrollo MóvilCreación de Sitios WebDesarrollo de la Web
Conocer la agenciaarrow_forward
Clickening
Córdoba, Spain
5/5 - 5 recomendaciones
Creación de Sitios WebSEOBrandingDesarrollo de la Web
Conocer la agenciaarrow_forward
DabaSystem
Sabadell, Spain
5/5 - 2 recomendaciones
Creación de Sitios WebDesarrollo de la Web
Conocer la agenciaarrow_forward
Koomori Studio
Madrid, Spain
5/5 - 5 recomendaciones
Creación de Sitios WebPublicidadSEODesarrollo de la Web
Conocer la agenciaarrow_forward
¿Por qué es tan importante la UX?
Tu página web es el escaparate de tu negocio, y dice mucho sobre ti. Tras una investigación, descubrimos que el 89% de los clientes interrumpen su interacción con un servicio debido a una mala experiencia en el sitio web del servicio en cuestión. Y es lógico, ¿hay algo más frustrante que una web que funciona mal?
Más allá de esto, la investigación muestra que un usuario tarda 5 segundos de media, desde el momento en que abre una web en decidir si permanece en esta página o no.
Lo que eso significa es que debes diseñar una página web que pueda convencer de un vistazo a sus usuarios de que se queden y entiendan directamente lo que ofreces junto con los valores de tu marca.
Aquí hay dos situaciones que podrían hacer que un usuario abandone tu web:
- Supongamos que eres propietario de una tienda y tienes una tienda online donde sus usuarios no pueden encontrar un producto específico por culpa de un mal buscador. En este caso, tus clientes potenciales abandonan tu web sin haber comprado nada.
- Un usuario intenta concertar una cita con uno de tus asesores, y se encuentra bloqueado en un formulario largo con demasiadas casillas que llenar. Buscará ayuda en otro lado.
Amazon es un gran ejemplo de lo importante que es el UX Design. Concretamente, la empresa de Jeff Bezos se dio cuenta durante una prueba de usabilidad de que había un problema con uno de los botones en la web. Este botón tenía ciertos defectos de diseño, por lo que los usuarios de Amazon no hacían clic en él, y esto impedía que parte de las ventas de Amazon no llegasen a cerrarse. Al modificar el diseño de este botón, la compañía logró aumentar sus ingresos en 300 millones de dólares. ¡Al modificar un solo botón!
En definitiva, mejorar la UX no solo es beneficioso para los usuarios, ya que les proporciona una mejor experiencia, sino que también es beneficioso para la empresa: los usuarios satisfechos tienen más probabilidades de aumentar tus ingresos además de tener una mejor percepción de tu marca.
¿Cuánto cuesta el UX Design? ¿Qué inversión supone el UX Design?
Supongamos que estás diseñando una web y tiene un problema, hipotéticamente te costaría 1€ resolver este problema durante el proceso de diseño de la página.
Si esperas y encuentras este problema durante el desarrollo de la página, te costaría 5€ resolverlo.
Aún peor, si encuentras este problema cuanto tu página está terminada y publicada, te costaría 30€ encontrar una solución (fuente: Digital Trends, 2015).
Aquí radica la importancia de incorporar el diseño UX al inicio del proceso de creación de tu web.
¿Cómo poner el práctica el diseño UX?
En esta disciplina, es posible combinar todo un arsenal de métodos y técnicas que permitan investigar las necesidades reales de las personas que utilizarán tu página web y recopilar sus comentarios. La idea es enfrentar tu web con tus usuarios reales para recopilar sus impresiones y trabajar sobre ellas para el diseño de la página.
Puedes dividirlo en 4 fases:
- Fase de descubrimiento: ¿Cuáles son las necesidades de tus usuarios? Ponte en su lugar y trata de entender lo que realmente necesitan.
- Fase de definición: Resume tus conclusiones de la fase anterior y simula el recorrido del usuario basándote en estas conclusiones.
- Fase de diseño y test: Intenta hacer que tus ideas sean tangibles con prototipos de la web. Haz bocetos sobre papel de las ideas y valídalas con los usuarios creando tests de usabilidad.
- Fase de análisis: Una vez que tu web esté publicada y online, es importante continuar probando y mejorando tu producto o servicio. Puedes, por ejemplo, utilizar pruebas AB, encuestas o incluso mapas de calor que te permitirán comprender mejor el uso que los usuarios hacen de tu página, pero también descubrir problemas potenciales que hayan pasado desapercibidos en las fases anteriores.
Para cada fase, existen métodos y técnicas que te ayudarán a crear una web perfectamente enfocada en tus usuarios y sus necesidades. Aquí puedes encontrar guías paso a paso que te ayudarán a poner en marcha estas estrategias.
En las próximas semanas, compartiremos otros artículos que te ayudarán a aprovechar al máximo la UX, y podrás aprender:
- ¿Cómo encontrar las necesidades reales de los visitantes de tu web?
- ¿Cómo probar y verificar que tu sitio es fácil de usar?
- Errores comunes de las páginas web y cómo evitarlos.
¡Estad atentos!