Cuanto mejor es, menos gente lo nota.
Esa es la paradoja del diseño de laexperiencia de usuario．Si haces un sitio web o aplicación con un buen diseño para laexperiencia de usuario(UX), los resultados no se reflejarán en premios de diseño, sino en usuarios felices, más clientes y aumento de ingresos.
Como resultado, eldiseño UXestá creciendo cada vez más. Si tu negocio tiene como objetivo generar más ventas, clientes potenciales o suscriptores, una fuerteexperiencia de usuarioes un impulso poderoso para lograr esos objetivos.
¿Qué es el diseño de la experiencia de usuario?
埃尔diseño UXes el proceso por el cual se mejora lasatisfacciónde los visitantes, a través de mejorar lausabilidady accesibilidad de la interacción entre el visitante y elsitio webo producto.
Mientras que laexperiencia de usuariono se limita sólo a la web o aplicaciones, los principios detrás de ella son esenciales para eldiseñoen nuestra época. Ahora interactuamos con páginas web y aplicaciones diariamente. Si eres capaz de garantizar que los usuarios tengan éxito en tutienda de comercio electrónico, generando leads en tu sitio o aplicación; asegurarás más ventas, clientes potenciales y actividad.
Por otro lado, no tomar en cuenta laexperiencia del usuariopuede crear una fricción con tus visitantes y ahuyentarlos.
Comenzando con el diseño de experiencia de usuario
La mejor forma de comenzar eldiseño UXes entendiendo que se trata de un proceso global que no solo requiere habilidades prácticas, sino pensar en los mejores hábitos y estrategias.
Hoy, voy a comenzar con las etapas de unproceso UX, con el fin de establecer una base sólida. A partir de ahí, compartiré una visión general de algunas tácticas de diseñadores UX para llevar a cabo este proceso. Finalmente, proporcionaré una lista de excelentes sitios web, recursos y herramientas para llevar eldiseño UXal siguiente nivel.
埃尔proceso y etapas de la experiencia de usuario
Hay cinco piezas clave en el proceso holístico UX: estrategia, investigación, análisis, diseño y producción. Entremos más a qué es cada uno y por qué son importantes.
- Estrategia–Se trata de la visión o metas de unproyecto UX, la base. Es esencial para definir a dónde quieres llegar y por qué, antes de decidir cómo. En esta etapa, tendrás que trabajar en definir qué esperas conseguir con tu sitio o aplicación. Debes identificar e involucrar a los actores clave en esta etapa, y también trabajarás para definir cómo medir el éxito.
- Investigación –La fase de investigación es la etapa de recopilación de información. Entre mejor realices tu investigación, mejor podrás alinear la experiencia de usuario con tus objetivos. Además, cuanto más complejos sean tus objetivos y estrategia, más tiempo y energía dedicarás a la fase de investigación. Como dijo Einstein,“si tuviera una hora para resolver un problema, usaría 55 minutos pensando acerca del problema y los siguientes 5 minutos pensando en soluciones”.No trates de omitir este paso, es esencial.
- Análisis –Esta etapa del proceso es dónde comienza a tener lugar la resolución de problemas. El objetivo de esta fase es sacar conclusiones de la fase de investigación, y descubrir el “porqué” detrás del qué y validarlo. Aquí puedes identificar los puntos débiles y las posibles áreas de mejora.
- Diseño –Laetapa de diseñose basa en las etapas anteriores, y es donde se inicia la creación de prototipos. EnUX, el diseño no se realiza al vacío. Es un proceso interactivo que implica a varias personas y retroalimentación constante. El trabajo de diseño generalmente es un diamante en bruto o wireframe que ayuda a construir un esqueleto para tu sitio web o aplicación. Esto son versiones no detalladas. En esta etapa se dan a conocer componentes principales, no del contenido o detalles de la marca.
- Producción –La fase final comienza una vez que hayas pasado elproceso dediseñointeractivo, y definido el esqueleto. En esta etapa, los detalles están incluidos y completados; y un proyecto más pulido se puede presentar al cliente o visitantes de las pruebas de usuario.
Algo importante a tomar en cuenta es que estas etapas son parte de un proceso de repetición, un hábito, y no son cosa de una vez. Estas son las piezas de la máquina de optimización UX. El diseño de la experiencia de usuario se trata de aprender a cómo aprender.
埃尔diseño de la experiencia de usuario se trata de aprender a cómo aprender.
Principales técnicas
Además de construir estos hábitos, hay una serie de habilidades y técnicas que son ideales para aprender a medida que te conviertes en undiseñador UX．Estas son las principales técnicas utilizadas durante las fases de estrategia, investigación, análisis, diseño y producción. Esta lista debe ser la base de las tácticas a utilizar, pero no dejes que te limiten. Descubre más tácticas y construye sobre ellas.
1. Análisis de la competencia．Se trata de unaevaluación de tu competenciaque normalmente se completa durante la fase de estrategia e investigación. Esto te ayudará no solo a entender a tus competidores, sino también a poner de relieve las áreas de fortaleza y debilidad, tanto para ti como para tu competencia.
2. Revisión del análisis.Una revisión exhaustiva del análisis es útil durante las etapas de investigación y análisis. Identificar las áreas clave de los datos que necesitas y qué te están diciendo, te ayudará a producir una experiencia de usuario más informada. Esto significa identificar tráfico y hábitos de navegación, el contenido popular de las páginas, páginas de salida, etc.
3. Revisión heurística.Evaluar un sitio web o aplicación en función de su alineación con losprincipios de usabilidadreconocidos y una revisiónheurística, asegura que el sitio o aplicación se alinee con las mejores prácticas. Puedes utilizar a principiantes o expertos para realizar la revisión. El objetivo es descubrir y destacar dónde están los bloqueos de usabilidad actual, solicitando a tus evaluadores completar una serie de actividades.
4.Auditoriade contenido．Unaauditoría de contenidoes un inventario detallado de todos los contenidos. Esto permite obtener una visión de todo el contenido del sitio, lo que puede ayudar a resolver problemas estratégicos del mapa del sitio web, o incluso detectar vacíos o contenido duplicado. A pesar de que puede tomar más tiempo, puede actuar como una referencia útil en las etapas delproceso UX．
5. Entrevistas con los interesados.Son una forma clave de identificar la desalineación del objetivo, los principales problemas de usabilidad, y más; entre las diferentes partes involucradas con la dirección del sitio o aplicación.La entrevista con los interesadosdebe tener lugar en una etapa temprana para ayudar a crear claridad en torno a objetivos.
6. Pruebas de usuario.Como el nombre lo sugiere, las pruebas de usuario consisten en observar a los usuarios navegar por el sitio o aplicación mientras completan tareas específicas y expresan sus pensamientos a medida que se llevan a cabo. Hacer las preguntas adecuadas puede ser la parte más difícil.
7. Usa entrevistas y encuestas.Las entrevistasy encuestas de usuario son tácticas para obtener retroalimentación directa de usuarios actuales o potenciales. Estas pueden ser útiles para la comprensión de puntos débiles específicos o necesidades concretas de los usuarios.
8.Test A/B.Un test A/Bes en donde se comparan dos versiones diferentes de una página para ver cuál funciona mejor. La versión ganadora es la que se lanza a todos los usuarios. Es una forma de probar con usuarios reales las teorías de usabilidad.
9. Beta cerrado.Una versión beta de un sitio web o aplicación permite obtener verdaderos usuarios que interactúen con ella y proporcionen información antes de que se haga pública. A menudo, esto es parte de lametodologíapara la construcción de un nuevo producto o aplicación.
10. Diagrama de flujo de trabajo.O diagrama de actividades, es una gráfica de actividades y acciones llevadas a cabo por los visitantes. De la misma forma que una auditoría de contenido puede dar una visión del contenido, el diagrama de flujo de trabajo puede dar una perspectiva estratégica sobre el flujo de tus usuarios, y ayudar a resaltar las áreas problemáticas.
11. Wireframes.
Un wiraframe, en ocasiones llamado maqueta o mockup, es una versión del esqueleto de la página web o aplicación que presenta una visión general de la disposición y elementos, con el fin de mostrar en qué dirección va el proyecto. Pueden ser muy útiles para obtener información de los interesados a nivel estratégico, antes de
construir diseños
más detallados. Las pruebas de usuario se pueden hacer en wireframes. Por ejemplo, puedes ver cómo en el wireframe se destacan los principales componentes de la página principal y el contenido de cada área.
12. Tabla de tendencias.
Es una
colección de imágenes
utilizadas para compartir un estilo visual o gusto. A menudo son utilizados por las partes interesadas para proporcionar a los diseñadores señales visuales para el diseño. Se pueden destacar preferencias tipográficas, estilos de imágenes, direcciones de color, logotipo de inspiración, y mucho más. Puedes ver a continuación un ejemplo de cómo se vería un tablero.
13. Usuario persona.
Un usuario persona (a diferencia de un personaje en marketing) es un perfil que representa al visitante objetivo, puntos débiles y su comportamiento. Actúa como la voz del usuario durante toda la prueba y puede ayudarte a asegurarte que estés optimizando para el público adecuado. Es importante conseguir la alineación de los interesados en esto.
埃尔contexto lo es todo
Hasta ahora, hemos delineado un proceso integral y repetible, una serie de tácticas. Ahora, es momento de conectar con ejemplos.
Digamos que te encargan reacondicionar elsitio web de comercio electrónicode tu empresa. Han pasado tres años desde la última revisión general y se ve un poco anticuado, y hace un trabajo pobre en la incorporación de las nuevas ventas. Veamos cómo sería este proceso en acción.
Define tu estrategia
En la primera etapa consideramosla estrategia．¿Cuáles son los objetivos de la empresa? ¿Estamos tratando de construir una marca? ¿Vender más de nuestros productos? ¿Obtener un mejor retorno de inversión para la publicidad?
Esta es la etapa en donde podríamos hacer un análisis de la competencia, involucrar a los interesados, desarrollar personajes de usuario, y quizás desarrollar una tabla de tendencias.
Pregúntate:
- ¿Quién es tu mercado objetivo y tus competidores?
- ¿Quién tiene más idea de la dirección y las necesidades de la empresa?
- ¿A quién es vital incluir en una etapa temprana del proceso?
- 害怕什么洛杉矶分debiles、搜索y el相称amiento de un usuario típico?
- ¿Qué estilos y elementos de marca son esenciales para el proyecto?
En esta etapa, estamos aprendiendo todo lo que pueda sobre el alcance del proyecto. El típico quién, qué, dónde y por qué.
Haz tu investigación
A continuación, debemos seguir adelante con la investigación. En esta etapa, queremos obtener la mayor cantidad de información de la situación actual, dónde están las áreas problemáticas, etc.
Las tácticas que puedes usar aquí son la revisión del análisis, revisión heurística, auditoría de contenido y entrevistas o encuestas a usuarios. Tu objetivo en todo esto, es ver dónde estás teniendo éxito con tusestrategiasy objetivos, y dónde puedes mejorar. Podrías tener éxito haciendo las cosas mal, y fallar haciendo las cosas correctas. Esta parte del proyecto acarará los detalles.
Analiza tu investigación
Ahora comienza la parte divertida. El análisis es la fase dónde vamos a ir del conocimiento a la acción. Hasta ahora, hemos aprendido acerca de nuestros objetivos, nuestros usuarios, y a tener un sólido conocimiento de nuestras áreas problemáticas. Ahora, podemos comenzar con la resolución de problemas, el desarrollo de teorías acerca de por qué algo ha sido ineficaz y pensar en cómo solucionarlo.
¿Tienes varios carritos de compra abandonados? ¿Son por los gastos de envío? ¿Por qué no permites la compra como invitado? ¿Los carritos abandonados se originan por otra causa? En esta etapa, se pueden empezar a planear algunas pruebas y experimentos que te lleven a la siguiente etapa. En realidad, no se implementan pruebas en esta etapa, estás definiendo el proceso de cómo diseñar el experimento que te dará las respuestas que necesitas.
Diseña tus soluciones
一旦realices图进行分析,确定是你能去comenzarel trabajo creativo en la etapa de diseño. En este punto, es posible diseñar wireframes.
También puede montar un diagrama de flujo de trabajo para trazar la ruta exacta que tomaría un usuario y descubrir cualquier obstáculo o problema, mientras que todavía estás trabajando con los diseños.
Pasa a la producción
Finalmente, una vez que hayas resuelto los problemas principales con el proceso de diseño, puedes pasar a la producción. Durante esta etapa, puedes introducir un público limitado en beta para el nuevo sitio, con el fin de obtener comentarios de usuarios reales antes de hacerlo público.
Usapruebas A/Bpara experimentar condiseñosalternos de tu página de inicio o productos, y puedes utilizar pruebas de usuario, entrevistas o encuestas para obtener información adicional de los usuarios reales.
如果hiciste涂他利亚杜兰特拉etapas de estrategia e investigación, y los diseños reflejarán que tu investigación y retroalimentación de usuarios están alineados con tu estrategia y objetivos.
Ahí lo tienes. Te has movido a través de toda una ronda de procesos, desde las estrategias hasta las tácticas. Pero recuerda, este es un proceso interactivo, un proceso de optimización. Puedes comenzar de nuevo el ciclo para mejoras adicionales, con el tiempo.
Excelentes recursos para el estudio adicional UX y sumarios
Aquí hay una serie de sitios web para que puedas profundizar más en el diseño de la experiencia de usuario.
Sitios web:
Libros:
- 不要让我思考
- Rocket Surgery Made Easy
- The Design of Everyday Things
- 100 Things Every Designer Needs to Know About People
- Lean UX
- 可用的可用性:简单的步骤for Making Stuff Better
Recuerda, es un proceso interactivo. Estás aprendiendo sobre los deseos de tus visitantes, metas y acciones.
Una forma eficaz de impactar en tus resultados
埃尔diseño de experiencia de usuarioa menudo es pasado por alto, pero es una gran forma de contribuir al balance final entre la empresa y el cliente. La alineación de tudiseñocon los objetivos detu negocioy de los clientes se traducirá en un mayor compromiso y conversiones.
Como he demostrado, no es una fórmula mágica, sino más bien algo que toma tiempo, algo tedioso y que requiere estudio de forma regular. Pero en última instancia, puede producir grandes resultados.
Artículo relacionado:5 consejos de diseño para aumentar las conversiones esta temporada navideña
¿Qué piensas? ¿Por qué quieres empezar con eldiseño de experiencia de usuario?
Sobre el autor
David Hoos lidera el departamento de content marketing deThe Good, una consultoría de optimización de conversiones en Portland, Oregon. Ama los datos de clientes y la comercialización. Síguelo enTwitter．