El proceso de diseño de UX comienza con la comprensión de los objetivos de una empresa y cómo servir mejor a un público objetivo. Es posible brindar una experiencia buena y memorable a los usuarios aprendiendo sobre la psicología de un usuario y aplicando las mejores prácticas de UX. Hemos compilado este recurso para ayudarlo con el proceso de diseño de UX, de principio a fin.
El objetivo del proceso de diseño de UX es que los usuarios tengan una mejor experiencia en línea.
El rol de un diseñador de experiencia de usuario es construir el panorama digital, guiando a los usuarios a través de su extensión y brindándoles algo que afecte cómo se sienten. Los elementos que componen un sitio web, incluido el contenido, el diseño, la estructura y la navegación, funcionan para brindar una experiencia memorable.
El usuario es el centro del diseño. Cuando alguien puede descubrir la información que necesita rápidamente, ha completado su objetivo y es posible que no vaya más allá.
- ¿Cuál fue el propósito de su visita?
- ¿Qué información están buscando?
- ¿Y qué soluciones están buscando para los problemas que pueden estar teniendo?
UX se enfoca en los pensamientos de un usuario, creando una experiencia que ofrece lo que más desea y lo más rápido posible.
Los componentes del diseño, como las opciones de navegación, los botones, las combinaciones de llamada a la acción/interacción y otras interacciones, guían al usuario a través del diseño, con contenido que complementa la sustancia. Para una UX exitosa, debe saber qué quieren los visitantes y por qué están en su sitio.
Cualquier discusión sobre la experiencia del usuario debe incluir una discusión sobre el diseño de la interfaz de usuario. El objetivo de la IU (interfaz de usuario) es abordar el diseño en detalle, desde el tipo de letra utilizado hasta la apariencia y la sensación de los botones y otras interacciones. El diseño de la interfaz de usuario está más preocupado por cómo alguien se conectará y participará en el diseño del producto, mientras que el diseño de la experiencia de usuario se aleja de estos aspectos y se centra en cómo las personas interactuarán con él. Los diseñadores de UX consideran lo que los clientes quieren de un sitio web y crean una experiencia que satisface esas necesidades durante el proceso de diseño.
Diseño UX: lo que importa
Para crear un diseño convincente y exitoso, debe comprender qué pasos son los más importantes.
La experiencia del usuario y la marca están vinculadas
La relación entre la marca y la experiencia del usuario es simbiótica. Un sitio web con una experiencia de usuario terrible podría dañar la reputación de empresas conocidas. Por otro lado, una experiencia de consumo simple y eficiente puede ayudar a una empresa joven. Los dos elementos del marketing, la marca y la experiencia del usuario, tienen que ver con las percepciones, y ambos deben ser consistentes para que una empresa prospere.
Diseño de interacción
Al comienzo del proceso de diseño de UX y durante todo el proceso de desarrollo del producto, los diseñadores de UX deben tener en cuenta la marca de una empresa y cómo se transmitirá en el diseño.
La experiencia del usuario se trata de cumplir los objetivos comerciales
El sitio web de una empresa debe ser parte de su estrategia general. Para crear una marca memorable, tanto el contenido como la funcionalidad deben trabajar juntos. Debe haber una justificación para el proceso de diseño de UX y una comprensión de por qué es necesario este trabajo. Un equipo de diseño y un equipo de desarrollo no solo deben estar familiarizados con el pensamiento de diseño, sino también comprender los objetivos de marketing más amplios de una empresa.
Mire lo que funciona y necesita mejoras si se trata de un rediseño. Considere lo que falta y cómo el diseño de una mejor experiencia de usuario puede ayudar a abordar estos problemas.
Identifique lo que desea que hagan las personas en su sitio web, como comprar un producto, suscribirse a un servicio o solicitar más información. ¡Se trata de lo que quieres que hagan con él!
UX facilita la vida de los usuarios
Si una interfaz es intuitiva, fácil de usar y está bien organizada lógicamente, cualquiera puede navegarla sin obstáculos. En lugar de ser complicado e inconveniente, un UX crea los caminos que permiten un flujo fluido.
La variedad de conjuntos de habilidades de diseño de un diseñador de UX les permite crear la arquitectura que seguirán las personas reales. El quién, qué y cuándo de la experiencia son factores a considerar al evaluar la usabilidad. El usuario es quién, el contenido es qué, y el orden y la lógica al experimentar el diseño visual son cuándo.
La empatía debe impulsar la experiencia de un usuario
Un diseñador de experiencia de usuario debe ponerse en el lugar del usuario final antes de comenzar el proceso de desarrollo de un proyecto. Los diseñadores deben tener un conocimiento profundo de los problemas y dolores de sus clientes para ayudarlos de manera eficiente. Los diseñadores deben poder ver un sitio web desde la perspectiva de un usuario y anticipar cómo deberían navegarlo. Deben juntar las miles de partes para que tengan sentido para quienes las usan.
Los diseñadores de UX tienen una comprensión firme de cómo funcionan juntas todas las páginas de un sitio web, pero nunca pasan por alto los pequeños detalles a nivel micro de cómo cada página ayuda a las personas a lograr sus objetivos.
El sitio web de este servicio de suscripción de alimentos, por ejemplo, refleja el estilo de vida de las personas interesadas en una dieta saludable. Una imagen de su comida, líneas simples y mucho espacio negativo sugieren que conocen su demografía y lo que les importa. Este componente enfatiza la calidad de su cocina, lo cual es una gran preocupación para las personas que están pensando en contratar el servicio de alimentación mensual.
Comprender a una audiencia implica desarrollar una experiencia que les resulte útil y placentera cuando naveguen por ella.
La investigación del usuario es un componente esencial del proceso de diseño de la experiencia del usuario.
Sería útil si tuviera una imagen clara de la audiencia que desea atraer. Son más que "usuarios". Es crucial comprender sus desafíos y cómo planean llegar a donde quieren estar. Solo asume lo que otros quieren y necesitan. Es posible que obtengamos un conocimiento rápido de sus deseos y demandas, pero realizar una investigación de los usuarios nos proporcionará una comprensión más informada de sus intereses y deseos naturales.
La investigación de usuarios y la categorización de usuarios permiten un proceso de desarrollo más centrado. En lugar de confiar en ideas preconcebidas, los datos reales ayudan a determinar cómo se construye un sitio web y qué funciones se deben agregar.
Podemos eliminar la incertidumbre y aprender sobre los problemas y expectativas de las personas mediante la realización de investigaciones de usuarios. La empatía genuina del reino es imposible cuando las empresas no entienden a quienes quieren llegar.
Es fundamental realizar investigaciones de usuarios con regularidad.
La investigación del usuario es un primer paso crítico en el proceso de diseño. Permite crear un producto en torno a las expectativas de las personas y evita la frustración con una experiencia adaptada a sus necesidades específicas.
Las pruebas y la investigación son interminables. Cambiar los objetivos de las partes interesadas, los comportamientos de los consumidores y la competencia puede hacer que un diseño se perciba de manera diferente. Un sitio web que estuvo vigente hace dos años puede que ya no lo sea. Para determinar si un diseño sigue siendo relevante para sus usuarios, se requiere una investigación continua del usuario.
Determine lo que quiere aprender de la investigación del usuario
Saber qué preguntas e información desea obtener de sus usuarios es fundamental para maximizar la investigación de usuarios. Como cualquier otro proceso, el éxito debe ser definido. La investigación del usuario puede salirse de control y convertirse en una forma de avance del alcance si no existen restricciones o indicadores.
Entrevista con personas reales.
¿Cuál es un mejor enfoque para interactuar con tu audiencia que estar en el mismo espacio que ellos? Las entrevistas con los usuarios generalmente sientan a algunas personas y las hacen navegar por un sitio web mientras los miembros del equipo observan. Poner la inacción del usuario es crucial. Ver cómo las personas interactúan y recibir comentarios en tiempo real puede ayudarlo a identificar problemas con su diseño e informar cualquier modificación necesaria antes de que se publique.
Las entrevistas con clientes y clientes brindan información sobre los elementos que puede haber pasado por alto mientras investigaba y trabajaba en el proyecto durante semanas o meses. Tal vez la navegación no sea tan simple como imaginabas, o las personas no reconozcan los CTA. Cuando tenga un punto de vista externo, podrá ver las dificultades que los usuarios típicos pueden encontrar al intentar realizar las actividades que desea que realicen.
Crear personajes de usuario
Una persona es una idea aproximada de quién puede ser un usuario típico según su investigación de usuario. Tal como lo creó Vimala en Dribbble para un negocio de viajes, una persona proporciona una gran cantidad de información sobre quién es el usuario típico. Al mirar su perfil, podemos descubrir quiénes son y qué tipo de artículos de viaje o servicios les interesan.
Cuando estás construyendo una persona, no se supone que represente el promedio de todas las personas. Es un subconjunto de su público objetivo. Las personas pueden ayudarlo a diseñar una experiencia satisfactoria sobre cómo desea que un individuo o equipo específico perciba su empresa.
hacer encuestas
Las encuestas y los cuestionarios también son un método excelente para recopilar información crítica. Le permiten hacer consultas particulares sobre lo que la gente está buscando o recibir comentarios sobre un diseño específico y si satisface las necesidades de la audiencia objetivo.
Las encuestas pueden recopilar cierta información, como respuestas sí/no, calificaciones y otras respuestas claras que pueden combinarse y analizarse. Las encuestas también se utilizan para adquirir más información cualitativa y estas métricas. Los usuarios pueden tener un lienzo limpio para expresar sus ideas y creencias. Esta información de formato largo se suma a los datos cuantitativos que se han recopilado previamente y los ilumina.
Al crear esas preguntas, tenga en cuenta que no desea llevar a las personas a las respuestas que desea. Mantenga las consultas neutrales y desprovistas de sus deseos e ideas preconcebidas. Permítales responder con su propio sesgo preestablecido en lugar del suyo.
Crear flujos de usuario
Sería útil si primero decidiera qué quiere que hagan las personas y cómo deben lograrlo antes de decidirse por el plan de un diseñador de sitios web. El flujo de usuarios es la serie de pasos que sigue una persona cuando visita su sitio web, desde una página de destino hasta otras secciones de su sitio. Comprender las rutas que desea que tome un usuario lo ayudará a determinar cómo debe organizarse su diseño. que ayudará en el desarrollo de wireframes y prototipos.
Los flujos de usuario demuestran cada paso a lo largo de estas rutas, ya sea que esté construyendo un flujo de usuario para mostrar cómo alguien compraría y revisaría un producto o cómo descubriría más información sobre un tema específico. Hay varias herramientas de diseño de UX en el mercado, como FlowMapp, Stormboard y Whimsical. Alternativamente, puede usar lápiz y papel para desarrollar cosas.
Comprender la arquitectura de la información.
Nuestros cerebros tienen afinidad por el orden y el desorden. Necesitamos entender lo que se está hablando, ya sea un libro, una película que estamos viendo o un sitio web que estamos visitando. El objetivo de la arquitectura de la información es organizar las partes de un sitio web para que tengan sentido para alguien que lo navega.
Considere una analogía con una bolsa de bloques. Terminas con un lío enredado cuando lo abres y lo viertes. Puede organizarlos de manera significativa combinándolos, categorizándolos y apilándolos. La arquitectura de la información implica clasificar y colocar su material de manera lógicamente apropiada para usted y su usuario final.
Es un vistazo a algunos de los elementos que intervienen en el desarrollo de un sitio web efectivo:
- Identificar : ¿Qué contenido necesitas para transmitir la narrativa de tu marca? Calcule todos los componentes necesarios para comunicar lo que desea decir a su audiencia.
- Clasificar : este es el paso en el que debe categorizar y dividir su material para que esté listo para ser incorporado en el diseño.
- Mapa : organice y estructure el material, demostrando cómo cada concepto o fragmento de contenido conducirá al siguiente.
El proceso de la arquitectura de la información implica organizar el contenido en una jerarquía sensata. Esta estructura describe cómo las personas consumirán los conceptos introducidos en una secuencia lógica.
La clasificación de tarjetas es un enfoque popular para lograr esto, y se puede hacer de manera convencional con papel y bolígrafo o mediante el uso de software como Optimal Sort y UserZoom.
Wireframes para sitios web
Una estructura alámbrica es un plano bidimensional (2D) que representa la estructura de cada página, con indicadores visuales como líneas, cuadrículas y cuadros que indican dónde se colocarán el contenido, las imágenes y otros componentes. Pueden ser de alta resolución, detallados o de baja resolución y minimalistas para cada página. Los wireframes son una herramienta valiosa tanto para diseñadores como para desarrolladores. Actúan como un marco, brindándoles la estructura que necesitarán para crear un sitio web.
Uno de los usos del wireframing es para la comunicación. Son un método visual para demostrar cómo se crearán las páginas web para todos, independientemente de su trabajo.
Mockups y desarrollo de prototipos
Algunas personas no están seguras de las distinciones entre una estructura alámbrica, una maqueta y un prototipo. Todos ellos tienen alguna función.
Un esquema alámbrico delinea y organiza cada página en un diseño en lugar de la especificación detallada de Adobe Photoshop o Illustrator. Aunque sus capacidades varían, normalmente no contienen conexiones funcionales ni mejoras estéticas. Están allí para mostrarle cómo se verá cada página desde un punto de vista amplio.
Una estructura alámbrica está un paso por debajo de una maqueta. Si está utilizando un servicio como Webflow, que genera código a medida que lo diseña, no tendrá que realizar este paso. Terminarás con un sitio web completamente funcional. Las maquetas son representaciones gráficas de diseños que toman lo establecido con wireframes. Puede haber alguna funcionalidad, como la navegación, pero el énfasis está en mostrar el diseño.
Los prototipos son representaciones casi completas de un diseño. Se hará todo, desde la arquitectura de la información hasta la navegación, las interacciones y los elementos visuales y bloques de contenido significativos. No es necesario tener cada pequeña cosa, pero todo con lo que un usuario quiera interactuar y disfrutar debe ser accesible. Se han incorporado los elementos que desea que un usuario note al interactuar con su producto. Implica funciones como botones de llamada a la acción, animaciones y otros componentes dinámicos. Los prototipos le permiten recibir comentarios y realizar cambios antes de publicarlos. Puede tener prototipos de baja y alta fidelidad con creación de prototipos. Los prototipos de alta fidelidad están destinados a probarse en el mundo real y mostrar cómo funciona un producto en la práctica. Por el contrario, los prototipos de baja fidelidad se centran más en la funcionalidad que en la apariencia.
Pruebas de usabilidad
Es hora de hacer pruebas de usabilidad una vez que hayas completado un prototipo práctico. Implica dejar que alguien que no esté familiarizado con el diseño lo experimente por primera vez.
Las pruebas de usabilidad se realizan con frecuencia en persona o de forma remota. Tener a otros en la ubicación exacta le permite observar cómo se sienten las personas mientras usan la web. Le permitirá obtener comentarios imparciales sobre su diseño y determinar qué es lo que no funciona.
Las tareas deben describirse en detalle para que las personas las completen. Si está creando un sitio web de comercio electrónico, puede hacer que sigan los pasos de agregar productos a un carrito y continuar con el proceso de pago. O tal vez quieras que descubran una respuesta a una pregunta frecuente sobre tu producto o servicio. Eche un vistazo a lo difícil o simple que es para un usuario explorar el material, y tendrá muchos datos sobre si el diseño es práctico y las modificaciones que deben realizarse.
Las pruebas de usabilidad se pueden realizar a lo largo del proceso de diseño, pero son más efectivas en las primeras etapas. En lugar de más tarde, cuando está más completamente construido, las modificaciones son más fáciles de hacer desde el principio. Cuidar los cambios en la estructura, la navegación y la arquitectura de la información en las primeras fases requiere menos tiempo que intentar hacerlo todo al final.
Los usuarios deben estar en el centro de su diseño de experiencia de usuario
Es fácil quedar atrapado en las últimas tendencias y modas de diseño en línea. En lugar de intentar tener los diseños de sitios web más vanguardistas y elegantes, es mejor crear algo que nunca pierda el contacto con las expectativas del usuario. La experiencia del usuario de su sitio web está determinada por qué tan fácil es de usar, qué tan bien organizado está y qué tan consistente parece. La conclusión más importante es que la experiencia del usuario se relaciona con la empatía, lo que garantiza que los usuarios reciban todo lo que necesitan para tener una experiencia positiva y satisfactoria.
