Una guía completa para el diseño de productos

Publicado: 2022-03-10
Resumen rápido ↬ Cuando diseñes productos, recuerda siempre que estás diseñando para personas . Echemos un vistazo más de cerca a cómo definir una visión, una estrategia y un proceso de diseño óptimos del producto.

( Este es un artículo patrocinado .) ¿Qué es un producto? Hasta hace poco, el término se usaba solo en relación con algo material y que a menudo se encontraba en una tienda minorista. Hoy en día, también significa productos digitales. Las aplicaciones y los sitios web son productos modernos.

Cuando se trata de crear grandes productos, el diseño es la "característica" más importante. Hemos pasado a la etapa en la que domina el diseño del producto: es lo que distingue a las empresas y les da una ventaja real sobre la competencia.

Tanto si es diseñador, desarrollador, director de producto, director de programa, director de marketing o director de proyecto, es esencial comprender (y tener una guía de referencia) el proceso de desarrollo de productos para crear su mejor trabajo.

En este artículo, me concentraré en los principales principios y enfoques que lo ayudarán a diseñar excelentes productos. Comenzaré con cosas globales (como de qué se trata el diseño de productos) y trabajaré hasta las fases individuales del diseño de productos (como investigación, ideación, prueba y validación).

¿Qué es el diseño de productos?

El diseño de productos es el proceso de identificar una oportunidad de mercado, definir claramente el problema, desarrollar una solución adecuada para ese problema y validar la solución con usuarios reales.

Design Thinking como base para el proceso de diseño

Design Thinking es un método para la resolución práctica de problemas. Originalmente acuñado por David Kelley y Tim Brown de IDEO, el pensamiento de diseño se ha convertido en un enfoque popular para crear productos. Este enfoque encapsula métodos e ideas de diseño centrado en el ser humano en un solo concepto unificado. Según Tim Brown:

El pensamiento de diseño es un enfoque de innovación centrado en el ser humano que se basa en el conjunto de herramientas del diseñador para integrar las necesidades de las personas, las posibilidades de la tecnología y los requisitos para el éxito empresarial.

Los buenos diseñadores siempre han aplicado el pensamiento de diseño al diseño de productos (ya sea físico o digital) porque se centra en el desarrollo de productos de extremo a extremo, y no solo en la parte de la "fase de diseño".

¡Más después del salto! Continúe leyendo a continuación ↓
El pensamiento de diseño es un proceso creativo centrado en el ser humano para construir soluciones significativas y efectivas para las personas.
El pensamiento de diseño es un proceso creativo centrado en el ser humano para construir soluciones significativas y efectivas para las personas. (Crédito de la imagen: Cathy Wang)

Al pensar en productos o características, los diseñadores deben comprender los objetivos comerciales y poder responder primero a las siguientes preguntas:

  1. ¿Qué problema estamos resolviendo?
  2. ¿Quién tiene este problema?
  3. Que queremos lograr?

Responder a estas preguntas ayuda a los diseñadores a comprender la experiencia del usuario de un producto como un todo, no solo la interacción (sensación) o la parte visual (aspecto) del diseño. Solo después de responder estas preguntas tiene sentido pasar a encontrar una solución para el problema.

Encontrar una solución a un problema incluye las siguientes cinco fases:

  • Empatizarse
    Aprende sobre las personas para las que estás diseñando. Realice investigaciones para desarrollar una comprensión más profunda de sus usuarios.
  • Definir
    Cree un punto de vista que se base en las necesidades y los conocimientos del usuario.
  • Idear
    Haga una lluvia de ideas y proponga tantas soluciones creativas como sea posible. Genera una gama de posibles soluciones dándote total libertad a ti y a tu equipo.
  • Prototipo
    Construya un prototipo (o una serie de prototipos) para probar su hipótesis. La creación de un prototipo le permite al diseñador ver si está en el camino correcto y, a menudo, genera diferentes ideas que de otro modo no se le habrían ocurrido.
  • Prueba
    Regrese a sus usuarios para recibir comentarios.
Si bien el pensamiento de diseño es simplemente un enfoque para la resolución de problemas, aumenta la probabilidad de éxito. Esto se debe a que el pensamiento de diseño se centra en comprender las necesidades de las personas y descubrir las mejores soluciones para satisfacer esas necesidades.
Si bien el pensamiento de diseño es simplemente un enfoque para la resolución de problemas, aumenta la probabilidad de éxito. Esto se debe a que el pensamiento de diseño se centra en comprender las necesidades de las personas y descubrir las mejores soluciones para satisfacer esas necesidades.

Proceso de diseño

Ahora, con una comprensión de lo que es el pensamiento de diseño, es hora de definir el proceso de diseño. El proceso de diseño es una serie de pasos que los equipos de productos siguen durante la formulación de un producto de principio a fin. Tener un proceso sólido y bien estructurado es esencial por dos razones: lo ayuda a mantenerse enfocado y lo ayuda a cumplir con el cronograma.

Si bien es imposible proporcionar un proceso de diseño universal que se ajuste a todos los proyectos, aún es posible describir un flujo general para diseñar nuevos productos. Este flujo incluye los siguientes pasos:

  1. Definición de la visión del producto.
  2. Investigación de productos
  3. Análisis de usuarios
  4. Ideación
  5. Diseño
  6. Pruebas y validación
  7. Actividades posteriores al lanzamiento

1. Definir la visión y la estrategia del producto

Una de las fases más importantes del diseño del producto se realiza antes de que comience el proceso de diseño. Antes de comenzar a crear un producto, debe comprender su contexto de existencia. Es el momento en que el equipo de producto debe definir la visión y la estrategia del producto.

¿Alguna vez ha trabajado en un proyecto cuyo objetivo general no estaba claro? ¿En el que las personas involucradas en el diseño y desarrollo solo entendieron vagamente el propósito del producto? Muy a menudo esto sucede porque no hay una visión del producto. Desafortunadamente, este escenario ocurre con demasiada frecuencia. En la mayoría de los casos, esto tiene consecuencias negativas. Como dice el antiguo proverbio japonés, “La visión sin acción es un sueño. La acción sin visión es una pesadilla."

Cada proyecto de diseño necesita una visión del producto que establezca la dirección y guíe al equipo de desarrollo del producto. Vision captura la esencia del producto: la información crítica que el equipo del producto debe conocer para desarrollar y lanzar un producto exitoso. La visión ayuda a construir una comprensión común de "lo que estamos tratando de construir aquí y por qué". La visión también te ayuda a definir lo que no estás construyendo. Tener claro los límites de su solución lo ayudará a mantenerse enfocado al elaborar su producto.

Pero la visión es sólo la mitad de la imagen. La otra mitad es estrategia. La estrategia del producto define el recorrido de un producto. Su visión lo ayuda a definir un destino (la condición objetivo), la experiencia de usuario definitiva a la que apunta. Puede planificar su ruta hacia el destino objetivo centrándose exactamente en lo que necesita construir. Al establecer la meta (el desafío), puede ajustar la dirección de los esfuerzos de su producto.

La estrategia de producto es una combinación de una visión y objetivos alcanzables que trabajan juntos para dirigir al equipo hacia el resultado deseado: la experiencia de usuario definitiva.
La estrategia de producto es una combinación de una visión y objetivos alcanzables que trabajan juntos para dirigir al equipo hacia el resultado deseado: la experiencia de usuario definitiva. (Crédito de la imagen: Melissa Perri)
Cómo se relacionan la visión y la estrategia entre sí.
Cómo se relacionan la visión y la estrategia entre sí.

Gastar tiempo y dinero en la creación de una visión es una inversión que vale la pena porque esta fase sienta las bases para el éxito de un producto.

Definir propuesta de valor

La propuesta de valor traza los aspectos clave del producto: qué es, para quién es y cuándo y dónde se utilizará. La propuesta de valor ayuda al equipo y a las partes interesadas a generar consenso sobre cuál será el producto.

Trabajando al revés

Una técnica simple llamada "trabajar hacia atrás" agrega claridad y definición a la visión de un producto. Como sugiere el nombre, el equipo del producto comienza con los usuarios objetivo y avanza hasta llegar al conjunto mínimo de requisitos para satisfacer lo que está tratando de lograr. Si bien trabajar hacia atrás se puede aplicar a cualquier decisión de producto específico, este enfoque es especialmente importante cuando se desarrollan nuevos productos o funciones.

Para un nuevo producto, un equipo de producto generalmente comienza escribiendo un comunicado de prensa futuro anunciando el producto terminado. Dicho comunicado de prensa describe, de forma sencilla, qué hace el producto y por qué existe. Al igual que con cualquier otro comunicado de prensa, el objetivo es explicar al público qué es el producto (o nueva característica) y por qué es importante para ellos. El comunicado de prensa debe permitir que cada miembro del equipo visualice el producto futuro.

Consejos:

  • Poner al usuario en el centro .
    El comunicado de prensa debe centrarse en el problema del cliente. Al escribir un comunicado de prensa, concéntrese en el valor que el producto aporta a los clientes.
  • Lea el comunicado de prensa a los usuarios potenciales y solicite sus comentarios .
    Si los beneficios enumerados en el comunicado de prensa no suenan muy interesantes o emocionantes para el público objetivo, entonces tal vez no deberían construirse. En su lugar, el equipo debe seguir repitiendo el comunicado de prensa hasta que haya encontrado un conjunto adecuado de beneficios.
  • Recorta la grasa .
    Un comunicado de prensa no es una especificación de producto. Si el comunicado de prensa tiene más de una página, probablemente sea demasiado largo.
  • Asegúrese de que todos en el equipo compartan la misma visión .
    No solo debe definir una visión clara del producto, sino también asegurarse de que todos los miembros del equipo la compartan.
  • Utilice el comunicado de prensa como referencia durante el desarrollo del producto .
    Una vez que el proyecto entra en desarrollo, el comunicado de prensa se puede utilizar como referencia. El comunicado de prensa puede funcionar como una estrella polar para guiar a su equipo en tiempos de incertidumbre.

Definir criterios de éxito

Es esencial tener un objetivo comercial claro que desea lograr con el producto. Si no sabe al comienzo del proyecto cuál es el objetivo comercial y cómo se medirá el éxito, entonces está en problemas. La definición de criterios de éxito explícitos, como la cantidad esperada de ventas por mes, los indicadores clave de rendimiento (KPI), etc., durante esta fase establece objetivos para evaluar el progreso. Esto también ayuda a establecer un proceso más orientado a los resultados.

Sugerencia : vale la pena entrevistar a las partes interesadas para definir las metas comerciales y los objetivos del proyecto.

Programe una reunión de lanzamiento del proyecto

La reunión inicial reúne a todos los jugadores clave para establecer expectativas adecuadas tanto para el equipo como para las partes interesadas. Cubre un resumen de alto nivel del propósito del producto, quién está involucrado en el diseño y desarrollo del producto, cómo trabajarán juntos y cuáles son las expectativas de las partes interesadas (como los KPI y cómo se debe medir el éxito del producto) .

2. Investigación de productos

Una vez que se define la visión del producto, la investigación del producto (que naturalmente incluye la investigación del usuario y del mercado) proporciona la otra mitad de la base para un gran diseño. Para maximizar sus posibilidades de éxito, realice una investigación perspicaz antes de tomar cualquier decisión sobre el producto. Recuerda que el tiempo dedicado a investigar nunca es tiempo perdido .

Una buena investigación informa su producto, y el hecho de que llegue temprano en el proceso de diseño le ahorrará muchos recursos (tiempo y dinero) en el futuro (porque será necesario hacer menos ajustes). Además, con una investigación sólida, vender sus ideas a las partes interesadas será mucho más fácil.

La investigación de productos es una disciplina amplia, y cubrir todos sus aspectos en este artículo sería imposible. Para obtener más información sobre el tema, asegúrese de leer "Una guía completa para la investigación de UX".

Realizar investigación de usuarios

Como creadores de productos, nuestras responsabilidades recaen ante todo en las personas que utilizarán los productos que diseñamos. Si no conocemos a nuestros usuarios, ¿cómo podemos crear excelentes productos para ellos?

La vida es demasiado corta para construir algo que nadie quiere.

—Ash Maurya

Una buena investigación de usuarios es clave para diseñar una gran experiencia de usuario. Realizar una investigación de usuarios le permite comprender lo que sus usuarios realmente necesitan. En lo que respecta a la investigación de productos, los investigadores tienen algunas técnicas diferentes para elegir.

Entrevistas a usuarios

La recopilación de información a través del diálogo directo es una técnica de investigación de usuarios bien conocida que puede brindar al investigador información valiosa sobre los usuarios. Esta técnica puede ayudar al investigador a evaluar las necesidades y los sentimientos del usuario tanto antes de que se diseñe un producto como mucho después de su lanzamiento. Las entrevistas generalmente las realiza un entrevistador que habla con un usuario a la vez durante 30 minutos a una hora. Una vez realizadas las entrevistas, es importante sintetizar los datos para identificar puntos de vista en forma de patrones.

Consejos:

  • Trate de realizar entrevistas en persona .
    Si tiene la opción, las entrevistas en persona son mejores que las remotas (por teléfono o video basado en la web). Las entrevistas en persona son preferibles porque proporcionan muchos más datos de comportamiento que las remotas. Obtendrá información adicional al observar el lenguaje corporal y escuchar las señales verbales (tono, inflexión, etc.).
  • Planifique sus preguntas .
    Todas las preguntas que haga durante la entrevista deben seleccionarse de acuerdo con el objetivo de aprendizaje. Un conjunto incorrecto de preguntas no solo puede anular los beneficios de la sesión de entrevista, sino también conducir al desarrollo del producto por el camino equivocado.
  • Encuentre un entrevistador experimentado .
    Un entrevistador habilidoso hace que los usuarios se sientan cómodos haciendo preguntas de manera neutral y sabiendo cuándo y cómo pedir más detalles.

Encuestas en línea

Las encuestas y los cuestionarios permiten al investigador obtener un mayor volumen de respuestas, lo que puede abrir la oportunidad de un análisis más detallado. Si bien las encuestas en línea se usan comúnmente para la investigación cuantitativa, también se pueden usar para la investigación cualitativa. Es posible recopilar datos cualitativos haciendo preguntas abiertas (por ejemplo, "¿Qué lo motiva a realizar una compra?" o "¿Cómo se siente cuando necesita devolver el artículo que nos compró?"). Las respuestas a tales preguntas serán muy individualizadas y, en general, no se pueden utilizar para el análisis cuantitativo.

Las encuestas en línea pueden ser relativamente económicas de realizar. La desventaja de este método es que no hay interacción directa con los encuestados y, por lo tanto, es imposible profundizar más en las respuestas proporcionadas por ellos.

Una encuesta creada con Formularios de Google
Una encuesta creada con Formularios de Google

Consejos:

  • Mantenlo corto .
    No olvide que cada pregunta adicional reduce su tasa de respuesta. Si la encuesta es demasiado larga, es posible que no obtenga tantas respuestas como le gustaría. Es mejor enviar algunas encuestas breves que poner todo lo que desea saber en una encuesta larga.
  • Preguntas abiertas versus preguntas cerradas .
    Hacer preguntas abiertas es el mejor enfoque, pero es fácil quedarse atascado en el análisis de datos porque cada respuesta del usuario requiere tiempo del investigador para el análisis. Además, los usuarios se cansan rápidamente de responder preguntas abiertas, que generalmente requieren mucho leer y escribir.

Investigación contextual

La investigación contextual es una variedad de estudio de campo en el que el investigador observa a las personas en su entorno natural y las estudia a medida que realizan sus tareas cotidianas. Este método ayuda a los investigadores a obtener información sobre el contexto de uso: primero se les hace a los usuarios un conjunto de preguntas estándar, como "¿Cuál es la tarea más frecuente que suele hacer?", Y luego se les observa y se les pregunta mientras trabajan en su propio ambiente. El objetivo de la investigación contextual es recopilar suficientes observaciones para que realmente pueda comenzar a empatizar con sus usuarios y sus perspectivas.

Visitar el sitio web de un usuario o cliente real es una experiencia invaluable para los diseñadores: el estudio de los usuarios y las tareas en contexto puede informar las decisiones de diseño.
Visitar el sitio web de un usuario o cliente real es una experiencia invaluable para los diseñadores: el estudio de los usuarios y las tareas en contexto puede informar las decisiones de diseño. (Crédito de la imagen: montaje)

Consejos:

  • No se limite a escuchar a los usuarios; observar su comportamiento .
    Lo que la gente dice puede ser diferente de lo que la gente hace. En la medida de lo posible, observe lo que hacen los usuarios para realizar sus tareas.

  • Minimizar la interferencia .
    Al estudiar el uso natural de un producto, el objetivo es minimizar la interferencia del estudio para comprender el comportamiento lo más cerca posible de la realidad.

Realizar estudios de mercado

No puedes ignorar a los competidores si quieres construir un gran producto. Para ser competitivo, necesita saber qué productos están disponibles en el mercado y cómo funcionan. Es por eso que realizar estudios de mercado es un componente crucial del proceso de diseño de productos. Su objetivo final debe ser diseñar una solución que tenga una ventaja competitiva.

Investigación competitiva

La investigación competitiva es un análisis integral de los productos de la competencia y la presentación de los resultados del análisis de manera comparable. La investigación ayuda a los equipos de productos a comprender los estándares de la industria e identificar oportunidades para el producto en un segmento de mercado determinado.

Un competidor es una empresa que comparte tus objetivos y que lucha por lo mismo que quiere tu equipo de producto. Hay dos tipos de competidores:

  • Competidores directos .
    Los competidores directos son aquellos cuyos productos compiten cara a cara con su propuesta de valor (ofreciendo la misma propuesta de valor, o muy similar, a sus usuarios actuales o futuros).

  • Competidores indirectos.
    Los competidores indirectos son aquellos cuyos productos se dirigen a su base de clientes sin ofrecer exactamente la misma propuesta de valor. Por ejemplo, es posible que el producto o servicio principal de un competidor indirecto no capture su propuesta de valor, pero su producto secundario definitivamente sí lo hace.

El equipo de producto debe considerar ambos tipos de competidores porque afectarán el éxito general del producto. Como regla general, busca identificar a los tres mejores competidores directos y obtener el mismo número de competidores indirectos.

La forma más eficiente de realizar una investigación competitiva integral es recopilar todos los datos relevantes sobre sus competidores en forma de matriz. La matriz lo ayudará a realizar un seguimiento de todo lo que debe compararse.
La forma más eficiente de realizar una investigación competitiva integral es recopilar todos los datos relevantes sobre sus competidores en forma de matriz. La matriz lo ayudará a realizar un seguimiento de todo lo que debe compararse.

Consejos:

  • Comience a enumerar a los competidores antes de realizar una investigación competitiva .
    Lo más probable es que comience a aprender acerca de los competidores mucho antes de realizar una investigación competitiva. Por ejemplo, durante las entrevistas con los usuarios, los usuarios pueden compartir nombres de productos que creen que son similares al que está proponiendo. Durante las entrevistas con las partes interesadas, los propietarios de los productos sin duda le darán algunos nombres de productos que ven como competidores. Vale la pena crear una hoja de cálculo que se usará para recopilar los nombres de los competidores justo al comienzo del proyecto e intentar completarla a medida que investiga el producto. Agrega nuevos nombres a la lista para que no los olvides.

  • Use una herramienta basada en la nube para la investigación competitiva .
    Las herramientas como la hoja de cálculo de Google facilitan compartir la información de investigación más reciente con un grupo más grande de personas (tanto compañeros de equipo como partes interesadas) y aseguran que todos estén en la misma página.

Considere leer Conducting Competitive Research de Jaime Levy para obtener más consejos sobre auditorías competitivas.

3. Análisis de usuarios

Después de la investigación, el equipo del producto debe dar sentido a los datos recopilados. El objetivo de la fase de análisis es obtener información de los datos recopilados durante la fase de investigación del producto. Capturar, organizar y hacer inferencias sobre lo que los usuarios quieren, piensan o necesitan puede ayudar a los diseñadores de UX a comenzar a comprender por qué quieren, piensan o necesitan eso.

Modelado de los usuarios y sus entornos

personas

Según los resultados de la investigación del producto, los diseñadores de UX pueden identificar grupos de usuarios clave y crear personas representativas. Las personas son personajes ficticios creados para representar los diferentes tipos de usuarios que podrían usar un producto de manera similar. El propósito de las personas es crear representaciones confiables y realistas de los segmentos de audiencia clave como referencia. Una vez creadas, las personas ayudan a los equipos de productos a comprender los objetivos de los usuarios en contextos específicos, lo que es particularmente útil durante la ideación.

Una persona es un personaje ficticio que destaca los comportamientos, las necesidades y las motivaciones de sus usuarios objetivo.
Una persona es un personaje ficticio que destaca los comportamientos, las necesidades y las motivaciones de sus usuarios objetivo. (Crédito de la imagen: xtensio)

Consejos:

  • Basa la persona en datos reales .
    Puede ser tentador inventar algunos detalles sobre las personas para hacerlas atractivas. Evita esa tentación. Cada parte de la información en la persona debe basarse en la investigación. Si no tiene alguna información, investigue para llenar el vacío.

  • Evite usar nombres reales o detalles de los participantes de la investigación o de personas que conozca .
    Esto puede sesgar la objetividad de tus personas. (Terminará centrándose en diseñar para esta persona, en lugar de un grupo de personas con características similares).

Si desea leer más información sobre personajes, considere leer "Poner a los personajes a trabajar en el diseño de UX: qué son y por qué son importantes".

Mapa de empatía

Un mapa de empatía es una herramienta de visualización que se utiliza para articular lo que un equipo de producto sabe sobre el usuario. Esta herramienta ayuda a un equipo de producto a desarrollar una comprensión más amplia del "por qué" detrás de las necesidades y deseos del usuario. Obliga a los equipos de productos a cambiar su enfoque del producto que quieren construir a las personas que usarán el producto. A medida que un equipo identifica lo que saben sobre el usuario y luego coloca esta información en un gráfico, obtienen una visión más holística del mundo del usuario y del espacio del problema o de la oportunidad.

Un mapa de empatía describe lo que el usuario dice, piensa, hace y siente.
Un mapa de empatía describe lo que el usuario dice, piensa, hace y siente.

Propina:

  • Convierte tu mapa de empatía en un póster .
    Es posible crear un bonito recordatorio de lo que piensa o siente el usuario convirtiendo el mapa de empatía en un póster. Cree algunas copias del mapa y cuélguelas en la oficina. Esto ayuda a garantizar que el usuario permanezca en la mente de las personas mientras trabajan.
Convierta el mapa de empatía en un póster y cuélguelo en un área de alto tráfico de su espacio de trabajo.
Convierta el mapa de empatía en un póster y cuélguelo en un área de alto tráfico de su espacio de trabajo. (Crédito de la imagen: Paul Boag)

4. Ideación

La fase de ideación es un momento en el que los miembros del equipo intercambian ideas sobre una variedad de ideas creativas que abordan los objetivos del proyecto. Durante esta fase, es fundamental no solo generar ideas, sino también confirmar que las suposiciones de diseño más importantes son válidas.

Los equipos de productos tienen muchas técnicas para la creación de ideas, desde bocetos, que son muy útiles para visualizar cómo se verán algunos aspectos del diseño, hasta guiones gráficos, que se utilizan para visualizar las interacciones generales con un producto.

Generar ideas (cómo interactuarán los usuarios con un producto)

Mapeo del viaje del usuario

Un mapa de viaje del usuario es una visualización del proceso por el que pasa una persona para lograr un objetivo. Por lo general, se presenta como una serie de pasos en los que una persona interactúa con un producto.

El viaje de un usuario puede tomar una amplia variedad de formas según el contexto y los objetivos comerciales. En su forma más básica, el viaje del usuario se presenta como una serie de pasos y acciones del usuario en un esqueleto de línea de tiempo. Este diseño facilita que todos los miembros del equipo comprendan y sigan la narración del usuario.

Un viaje de usuario simple refleja solo una ruta posible durante un escenario:

Un viaje de usuario simple tiene un usuario, un objetivo, un escenario y una ruta, incluso cuando el producto o servicio permite múltiples rutas.
Un viaje de usuario simple tiene un usuario, un objetivo, un escenario y una ruta, incluso cuando el producto o servicio permite múltiples rutas. (Crédito de la imagen: uxstudioteam)

Un viaje de usuario complejo puede abarcar experiencias que ocurren en diferentes sesiones de tiempo y escenarios:

#Los viajes de usuario complejos reflejan las rutas de diferentes usuarios en el mismo flujo.
Los viajes de usuario complejos reflejan las rutas de diferentes usuarios en el mismo flujo. (Crédito de la imagen: Nform)

Propina:

  • No haga que los recorridos de los usuarios sean demasiado complejos .
    Al diseñar un viaje de usuario, es fácil quedar atrapado en las múltiples rutas que un usuario puede tomar. Desafortunadamente, esto a menudo conduce a viajes de usuario ocupados. Concéntrese en crear un viaje simple y lineal (la forma ideal de llevar a los usuarios a la meta dada).

Escenarios y guiones gráficos

Una vez que haya identificado personajes, puede escribir escenarios de interacciones. Un escenario es una narración que describe un día en la vida de una persona, incluida la forma en que un producto encaja en su vida. Un guión gráfico presenta la historia del usuario de forma visual, similar a una película o un cómic. Puede ayudar a los diseñadores de productos a comprender cómo las personas interactúan con un producto en la vida real, brindándoles una idea clara de lo que es realmente importante para los usuarios.

Un guión gráfico es una secuencia lineal de ilustraciones, dispuestas juntas para visualizar una historia.
Un guión gráfico es una secuencia lineal de ilustraciones, dispuestas juntas para visualizar una historia. (Crédito de la imagen: Chelsea Hostetter, Austin Center for Design)

Consejos:

  • Construye una narrativa sólida.
    La narrativa de la historia debe centrarse en una meta que el personaje está tratando de lograr. Con demasiada frecuencia, los diseñadores pasan directamente a explicar los detalles de su diseño antes de explicar la historia de fondo. Evita esto. Su historia debe estar estructurada y debe tener un comienzo, un medio y un final obvios.
La pirámide de Gustav Freytag es una forma de crear narrativas sólidas. La pirámide consta de cinco partes o actos: exposición, acción ascendente, clímax, acción descendente y desenlace. Ben Crothers ha dibujado una historia rápida sobre un tipo cuyo teléfono no funciona.
La pirámide de Gustav Freytag es una forma de crear narrativas sólidas. La pirámide consta de cinco partes o actos: exposición, acción ascendente, clímax, acción descendente y desenlace. Ben Crothers ha elaborado una historia rápida sobre un tipo cuyo teléfono no funciona.
  • Diseñe un resultado claro .
    Asegúrese de que su guión gráfico deje a la audiencia sin dudas sobre el resultado de la historia. Si está describiendo una situación desfavorable, termine con todo el peso del problema; si estás presentando una solución, termina con los beneficios de esa solución para tu personaje.

Encontrará más consejos sobre cómo crear guiones gráficos en el artículo "El papel de los guiones gráficos en el diseño de UX".

Historias del usuario

Una historia de usuario es una descripción simple de algo que el usuario quiere lograr mediante el uso de un producto. Aquí hay una plantilla para historias de usuario:

Plantilla de historia de usuario
Plantilla de historia de usuario

Propina:

  • Utilice las historias de los usuarios para evitar el avance de funciones .
    El arrastre de funciones es la tendencia a agregar más funciones de las que requiere un producto. Al diseñar un producto, trate de rechazar la adición de cualquier característica sin una historia de usuario que explique por qué esa característica en particular es importante.

Historias de trabajo

Una historia de trabajo es una forma de describir características. Es una descripción de una función desde la perspectiva de los trabajos por realizar. Una historia de trabajo es una técnica efectiva para definir un problema sin ser prescriptivo de una solución.

Un formato de historia de trabajo.
Un formato de historia de trabajo. (Crédito de la imagen: Alan Klement)

Propina:

  • Definir problemas que vale la pena resolver .
    En algún momento, tendrás varios trabajos (problemas) para los que querrás crear soluciones. Identifique cuáles de esos problemas tienen el impacto más sustancial en la experiencia del usuario o en sus objetivos comerciales.

Planificar la estructura de un producto

Arquitectura informacional

La arquitectura de la información (IA) es la estructura de un sitio web, una aplicación u otro producto. Permite a los usuarios comprender dónde están y dónde está la información que desean en relación con su posición actual. La arquitectura de la información da como resultado la creación de navegación, jerarquías y categorizaciones. Por ejemplo, cuando un diseñador de UX esboza un menú de nivel superior para ayudar a los usuarios a comprender dónde se encuentran en un sitio web, están practicando la arquitectura de la información.

Un ejemplo de arquitectura de la información.
Un ejemplo de arquitectura de la información. (Crédito de la imagen: Behance)

La arquitectura de la información se beneficiaría de la participación de los usuarios en el proceso de desarrollo de IA. Los equipos de productos suelen utilizar una técnica llamada clasificación de tarjetas para este propósito. Los diseñadores piden a los usuarios que organicen elementos (características principales o temas del producto) en grupos y asignan categorías a cada grupo. Este método lo ayuda a descubrir cómo los usuarios esperan ver la información agrupada en un sitio web o en una aplicación.

La clasificación de tarjetas es un método que se utiliza para ayudar a determinar la arquitectura de información de una experiencia digital.
La clasificación de tarjetas es un método que se utiliza para ayudar a determinar la arquitectura de información de una experiencia digital. (Crédito de la imagen: taller óptimo)

Propina:

  • Es posible realizar una sesión de clasificación de cartas en línea .
    Las herramientas de clasificación de tarjetas en línea permiten escalar más fácilmente a un mayor número de participantes del estudio. Una de las herramientas en línea más populares es OptimalSort (que es gratuita para estudios de clasificación de tarjetas con hasta 10 participantes).

Generar ideas (cómo será la interfaz de usuario)

Dibujar

Dibujar es la forma más fácil de visualizar ideas. Dibujar a mano es una forma rápida de visualizar un concepto, lo que permite al diseñador visualizar una amplia gama de soluciones de diseño antes de decidir cuál quedarse.

Dibujar ayuda a los diseñadores a expresar sus ideas de una manera que otros miembros del equipo puedan entender.
Dibujar ayuda a los diseñadores a expresar sus ideas de una manera que otros miembros del equipo puedan entender. (Crédito de la imagen: Steven Scarborough)

Propina:

  • Use una plantilla cuando dibuje las interfaces de usuario .
    Cuando dibujas en papel, a veces puede ser difícil imaginar cómo se verá cierto elemento de la interfaz de usuario en un tamaño realista. Usando una plantilla, es posible dibujar elementos para el tamaño real del dispositivo para el que está diseñando. Esto es especialmente bueno cuando necesita comprender si un elemento de la interfaz de usuario que acaba de dibujar es lo suficientemente grande para la interacción.
ejemplo de una plantilla utilizada para dibujar interfaces de usuario
Crédito de la imagen: Amazonas

Estructura alámbrica

Un wireframe es una guía visual que representa la estructura de una página, así como su jerarquía y elementos clave. Los wireframes son útiles para discutir ideas con los miembros del equipo y las partes interesadas, y para ayudar en el trabajo de los diseñadores y desarrolladores visuales. Wireframing actúa como la columna vertebral del producto: los diseñadores a menudo los usan como esqueletos para maquetas.

Los wireframes se pueden presentar en forma de bocetos:

Dibujar es una forma rápida de visualizar una idea (como un nuevo diseño de interfaz).
Dibujar es una forma rápida de visualizar una idea (como un nuevo diseño de interfaz). (Crédito de la imagen: Nicholas Swanson)

Los wireframes también se pueden presentar como ilustraciones digitales:

Ejemplo de wireframes para una aplicación móvil en Adobe XD.
Ejemplo de wireframes para una aplicación móvil en Adobe XD.

Consejos:

  • Mantenga los wireframes simples y anótelos .
    El objetivo de una estructura alámbrica es mostrar la estructura del diseño de una página; todos los demás detalles vienen después. Cuando presente una estructura alámbrica a los equipos, intente incluir anotaciones. Las anotaciones ayudan a crear contexto y ofrecen rápidamente ideas clave.

  • No utilice wireframes para probar productos .
    Los wireframes apenas se utilizan para probar productos. Aunque ayudan a los diseñadores a recopilar comentarios sobre el diseño durante la investigación inicial, no reemplazan la interacción real con un producto (a través de un prototipo interactivo).

Validar ideas

Hay dos tipos de ideas: buenas ideas que conducen al éxito del producto y malas ideas que pueden conducir al fracaso. Por supuesto, la ejecución del diseño es importante, pero la idea en sí misma juega un papel crucial en el proceso. Una mala idea bien ejecutada es una gran pérdida de tiempo y energía. Es fundamental revelar las malas ideas lo antes posible. Entonces, ¿cómo distinguir una buena idea de una mala? Una técnica llamada design sprint puede ayudarte con eso.

Sprint de diseño

Un design sprint es un marco de diseño de cinco días para validar ideas y resolver desafíos. Permite a los equipos de productos construir un prototipo que pueden poner frente a los usuarios para validar la hipótesis de diseño inicial (para ver si resuelve el problema para el usuario).

Design sprints are a process of quickly creating a product's future state, be it a website or app, and validating it with a group of users, stakeholders, developers and other designers. This whole concept is based on the idea that, by a design team setting a direction and iterating rapidly, it's possible to design a product that presents the maximum value for people who will use it.

Design sprint
Design sprint. (Image credit: Google Ventures)

Propina:

  • Don't get stuck with the first solution that comes to mind .
    In most cases, your first ideas won't be good enough, because at the early stage of ideation, you won't yet have a good understanding of the problem you're trying to solve. Generate as many different designs as possible instead of focusing solely on your first solution.

5. Design

After the ideation phase, the product team should have a clear understanding of what they want to build. During the design phase, the product team will begin to create the solution to solve the client's problem and implement concepts.

Prototipos

To deliver a good user experience, prototyping must be a part of your design process. A prototype is an experimental model of an idea that enables you to test it before building the full solution. A prototype often starts small, with you designing a few core parts of a product (such as key user flows) and grows in breadth and depth over multiple iterations as required areas are built out. The finalized version of a prototype is handed off for development.

When it comes to prototyping, efficiency is vital. One of the most efficient prototyping processes is rapid prototyping. The process of rapid prototyping can be presented as a cycle with three stages:

  1. Prototyping
    Creating a solution that can be reviewed and tested.
  2. Reviewing
    Giving your prototype to users and stakeholders and gathering feedback that helps you understand what's working well and what isn't.
  3. Refining
    Based on feedback, identify areas that need to be refined or clarified. The list of refinements will form the scope of work for your next design iteration.
The rapid prototyping process: prototype, review, refine.
The rapid prototyping process: prototype, review, refine.

Prototypes range from rough sketches on a piece of paper (low-fidelity prototypes) to interactive simulations that look and function like a real product (high-fidelity prototypes). Depending on the stage of the design process and the goals of the prototype, you'll need to select the appropriate prototyping technique. It's crucial to choose the method of prototyping that minimizes work and maximizes learning.

Paper Prototyping

A lot of digital prototyping tools today help us to create prototypes with the least possible amount of effort, but sketching on a paper still remains the most important tool for any designer. That's because sketching allows designers to quickly explore a lot of different design alternatives without investing much time and energy in each one. It forces designers to concentrate on the essence of a product's design (what it does), rather than its aesthetics (how it looks). And what's especially great about sketching is that it opens up design to everyone — anyone can sketch, and no special tools are required. The fact that anyone can participate in the design process makes sketching an ideal tool during brainstorming sessions.

An example of an app’s layouts drawn on paper. A common practice for testing paper prototypes is to have one person play “computer,” switching the sketches around according to user choices.
An example of an app's layouts drawn on paper. A common practice for testing paper prototypes is to have one person play “computer,” switching the sketches around according to user choices. (Image credit: UX Playground)

Propina:

  • Paper prototyping allows for rapid experimentation .
    Different user interface elements can be drawn, cut out, copied to make extras, and then assembled on a new piece of paper. Digital Prototyping With paper prototyping, explaining complex interactions in words can be tough. When a designer needs to explain a complex design detail such as an animation to a developer or wants to run a user research session to validate a design, they usually use a digital interactive prototype.

Digital prototyping is the process of creating an interactive design that other people can experience themselves. Just a decade ago, in order to build a high-fidelity prototype, you actually had to code the solution using programming language. These days, prototyping tools allow non-technical designers to create high-fidelity prototypes that simulate the functionality of a final product in just a few clicks.

Prototyping in Adobe XD. Digital prototypes are well suited to defining dynamic on-page interactions, such as expanding content and animations.
Prototyping in Adobe XD. Digital prototypes are well suited to defining dynamic on-page interactions, such as expanding content and animations.

Tips:

  • Avoid dummy text .
    Dummy text, like lorem ipsum, should be avoided in early stages of digital prototyping. Use real content to understand how it affects the overall design.

  • Use digital prototypes as an up-to-date specification for developers .
    Prototyping tools such as Adobe XD allow you to spit out specification documentation in just a few clicks. It's an always up-to-date specification available to developers.

Adobe XD allows you to inspect text properties, copy character styles and content, and view measurements.
Adobe XD allows you to inspect text properties, copy character styles and content, and view measurements.

Design Handoff

At the end of the prototyping phase, the design will be ready for production. It's the time when the designer hands over the design to a developer for coding. During the developer handoff, a designer must clearly communicate to the developer how every piece of the design looks and works. Multiple layers of information and detail need to be conveyed, and it's critical for designers and developers to be on the same page.

Design Specification

Design specs are detailed documents that provide information about a product, such as user interface design details (colors, character styles and measurements) and information (flows, behaviors and functionality). A developer uses this document to take the design into production and build the product to the designer's specifications.

Inspecting the measurement of objects in Adobe XD.
Inspecting the measurement of objects in Adobe XD.

Read “Design Specifications: Speeding Up the Design to Development Workflow and Improving Productivity” for more information about design specifications.

6. Pruebas y Validación

La fase de prueba y validación ayuda a un equipo de producto a garantizar que el concepto de diseño funcione según lo previsto. La prueba de productos es un arte en sí mismo. Hazlo mal y no aprenderás nada. Hágalo bien y podría obtener ideas increíbles e inesperadas que incluso podrían cambiar su estrategia de producto.

Por lo general, la fase de validación comienza cuando se desarrolla el diseño de alta fidelidad. Similar a la fase de investigación de productos, esta fase también varía entre proyectos.

Prueba con el equipo de producto

Es posible realizar pruebas limitadas del producto utilizando los recursos que ya tiene: su equipo.

dogfooding

“Comer tu propia comida para perros” es una técnica popular de prueba. Una vez que el equipo de diseño ha iterado el producto hasta el punto en que es utilizable, probarlo internamente es una excelente manera de encontrar los problemas más críticos.

Propina:

  • Practique dogfooding para desarrollar empatía entre su equipo.

Pruebas con usuarios reales

Pruebas de usabilidad

Según Nielsen Norman Group, si desea seleccionar solo un tipo de investigación de usuario para su proyecto, debe ser una prueba de usabilidad cualitativa. La idea básica detrás de una prueba de usabilidad es verificar si el diseño de un producto funciona bien con los usuarios objetivo. Es relativamente fácil probar un concepto con usuarios representativos: una vez que una versión interactiva de una idea de producto está en manos de usuarios reales, un equipo de producto podrá ver cómo la audiencia objetivo usa el producto. El objetivo principal de este método de prueba de la experiencia del usuario es identificar problemas de usabilidad, recopilar datos cualitativos y determinar la satisfacción general de los participantes con el producto. Recopilar y analizar los comentarios verbales y no verbales del usuario ayuda al equipo del producto a crear una mejor experiencia de usuario.

Las pruebas de usabilidad a menudo se realizan de manera formal (donde un investigador crea un evaluador, contrata a los participantes, los hace ingresar al entorno de laboratorio, graba la sesión, etc.).

En las pruebas de usabilidad formales, recluta a algunos participantes de la prueba y les proporciona un conjunto de escenarios que conducen al uso de aspectos específicos de un producto (o prototipo).
En las pruebas de usabilidad formales, recluta a algunos participantes de la prueba y les proporciona un conjunto de escenarios que conducen al uso de aspectos específicos de un producto (o prototipo).

Las pruebas de usabilidad también se pueden realizar de manera informal, en el formato de pruebas de guerrilla. Con las pruebas de guerrilla, un probador de productos va a la cafetería más cercana, encuentra a los participantes, les pide que jueguen con un producto durante 10 minutos y luego les da un pequeño obsequio como agradecimiento.

Pruebas informales de usabilidad de guerrilla.
Pruebas informales de usabilidad de guerrilla. (Crédito de la imagen: johnferrigan)

Propina:

  • No necesita muchos participantes de prueba .
    De acuerdo con la investigación de Jakob Nielsen, hasta el 85 % de los principales problemas de usabilidad se pueden encontrar observando solo a cinco personas que usan el producto.

Lea el artículo "Consejos simples para mejorar las pruebas de usuario" para obtener más información sobre las pruebas de usabilidad.

estudio diario

Se puede usar un estudio de diario para ver cómo los usuarios interactúan con un producto durante un período de tiempo prolongado (desde unos pocos días hasta incluso un mes o más). Durante este período, se pide a los participantes del estudio que lleven un diario y registren información específica sobre sus actividades. Por lo general, el diario incluye preguntas abiertas como:

  • ¿Dónde estabas cuando usabas el producto?
  • ¿Qué tareas esperabas lograr?
  • ¿Algo te frustró?

Un estudio de diario ayuda a un investigador a encontrar respuestas a preguntas como:

  • ¿Cuáles son las tareas principales de los usuarios?
  • ¿Cuáles son sus flujos de trabajo para completar tareas complejas?

Las respuestas brindan información orgánica sobre el comportamiento y ayudan a desarrollar una rica comprensión del contexto y el entorno de un participante.

El registro in situ es el método más sencillo para recopilar datos de los diarios. Se les pide a los participantes que informen toda la información importante sobre las actividades relevantes a medida que las completan.
El registro in situ es el método más sencillo para recopilar datos de los diarios. Se les pide a los participantes que informen toda la información importante sobre las actividades relevantes a medida que las completan.

Consejos:

  • Cree instrucciones claras y detalladas para el registro .
    Sea lo más específico posible sobre la información que necesita que registren los participantes.

  • Recuerde a los participantes del estudio sobre el registro .
    Pida a los participantes que completen su diario (por ejemplo, a través de una notificación diaria).

  • Permite agregar capturas de pantalla a un diario .
    Si usa una versión digital de un diario, permita que los participantes carguen capturas de pantalla. Las capturas de pantalla son un buen complemento para los datos del usuario y lo ayudarán con futuros análisis de datos.

7. Actividades posteriores al lanzamiento

El hecho de que un producto se lance oficialmente no significa que el diseño del producto haya terminado. De hecho, el diseño de productos es un proceso continuo que continúa mientras el producto esté en uso. El equipo aprenderá y mejorará el producto.

Comprender cómo interactúan los usuarios con el producto

Análisis de Métricas

Necesita saber cómo los usuarios usan su producto en la naturaleza, y ahí es donde entran en juego los análisis. Los números proporcionados por una herramienta de análisis (clics, tiempo de navegación, tasas de rebote, consultas de búsqueda, etc.) se pueden usar para comprender cómo las personas realmente están usando su producto. Las métricas también pueden descubrir comportamientos inesperados que no están explícitos en las pruebas de los usuarios. El equipo de producto debe realizar un seguimiento continuo del rendimiento del producto para ver si cumple con la satisfacción del cliente y si se pueden realizar mejoras.

Un buen diseño debe basarse en los datos y, si aprende a usarlos correctamente, obtendrá enormes mejoras en su trabajo.
Un buen diseño debe basarse en los datos y, si aprende a usarlos correctamente, obtendrá enormes mejoras en su trabajo. (Crédito de la imagen: Ramotion)

Consejos:

  • Utiliza herramientas analíticas .
    Se pueden utilizar potentes herramientas como Google Analytics y Hotjar para comprender el comportamiento de los usuarios.

  • No confíe únicamente en el análisis .
    No puede determinar la efectividad del diseño de un producto basándose únicamente en análisis. Para validar los conocimientos analíticos, debe realizar más pruebas de pasillo.

Comentarios de los usuarios

La mejor manera de evitar tener que volver a trabajar en un producto es inyectar comentarios en el proceso. Los comentarios regulares de los usuarios (en forma de encuestas en línea o análisis de tickets de atención al cliente) deben estar en el centro del proceso de diseño del producto. Esta información impulsará el refinamiento del producto.

Propina:

  • No haga que sea difícil para los usuarios proporcionar comentarios .
    No oculte la opción "Dejar comentarios". Haga que sea fácil y, si es posible, gratificante para los usuarios compartir sus sentimientos e ideas sobre su producto.

Prueba de cambios en el diseño

Pruebas A/B

Una prueba A/B es un método de prueba apropiado cuando los diseñadores tienen dificultades para elegir entre dos elementos que compiten. Este método de prueba consiste en mostrar una de dos versiones al azar a un número igual de usuarios y luego revisar los análisis para ver qué versión logró el objetivo específico de manera más eficiente.

Propina:

  • Adquiera el hábito de realizar pruebas A/B en sus cambios de diseño .
    Saber que todos sus cambios serán probados A/B le dará una gran libertad para probar cosas nuevas (y potencialmente riesgosas). No tendrás que preocuparte de que algún cambio que hayas hecho arruine todo.

Cuatro cosas esenciales para recordar sobre el diseño de productos

1. El proceso debe transformarse para adaptarse al proyecto

Cuando se trata del proceso de diseño de productos, no existe una solución única para todos. El proceso empleado debe adaptarse para adaptarse a las necesidades particulares del proyecto, tanto comerciales como funcionales. Aquí hay algunos factores que pueden afectar el proceso de diseño:

  • las necesidades o preferencias del cliente;
  • cuánto tiempo tiene (la fecha límite del proyecto);
  • presupuesto del proyecto (por ejemplo, un presupuesto limitado no le permitirá realizar muchas entrevistas).

Un proceso adaptado a las capacidades de la empresa y de los usuarios es más eficaz. Por lo tanto, use lo que mejor funcione para su proyecto, deshágase del resto y evolucione su proceso de diseño a medida que evoluciona el producto.

2. El diseño de productos no es un proceso lineal

Muchos equipos de productos piensan que el diseño es un proceso lineal que comienza con la definición del producto y termina con las pruebas. Pero esa suposición es incorrecta. Las fases del proceso a menudo tienen una superposición considerable y, por lo general, hay muchas idas y venidas. A medida que los equipos de productos aprenden más sobre el problema que se está resolviendo, los usuarios y los detalles del proyecto (especialmente las limitaciones), puede ser necesario revisar algunas de las investigaciones realizadas o probar nuevas ideas de diseño.

3. El diseño de productos es un proceso interminable

A diferencia de las formas de diseño más tradicionales (como el diseño de impresión), el proceso de diseño de productos digitales no es una cosa de una sola vez, y los diseñadores nunca deben asumir que obtendrán todo perfecto desde el principio. La implementación a menudo revela lagunas en el diseño (por ejemplo, malas suposiciones sobre el uso del producto, que son difíciles de predecir sin enviar el producto).

Para diseñar productos exitosos, los equipos deben adoptar un proceso de mejora continua. El diseño iterativo sigue la idea de que el diseño debe realizarse en ciclos repetidos: es un proceso de refinar y mejorar constantemente el producto en función de los datos de retroalimentación tanto cualitativos como cuantitativos de sus usuarios. Esta es una gran oportunidad para que los diseñadores vean el panorama general, mejoren su trabajo en función de los comentarios de los usuarios y hagan que el producto sea inherentemente más valioso para los usuarios.

Un producto nunca está terminado, solo evoluciona. El diseño de productos es un proceso de constante iteración y refinamiento. A través del proceso cíclico de análisis de datos, obteniendo retroalimentación de usuarios reales y pruebas, el equipo de productos perfeccionará constantemente sus soluciones.
Un producto nunca está terminado, solo evoluciona. El diseño de productos es un proceso de constante iteración y refinamiento. A través del proceso cíclico de análisis de datos, obteniendo retroalimentación de usuarios reales y pruebas, el equipo de productos perfeccionará constantemente sus soluciones.

4. El diseño del producto se basa en la comunicación

Si bien hacer un gran diseño es una cosa, comunicar un gran diseño es igualmente importante. Los mejores conceptos fracasarán si no obtienen la aprobación del equipo y las partes interesadas. Es por eso que los mejores diseñadores de productos son grandes comunicadores.

Conclusión

Lo más importante que debe recordar al diseñar productos es que el diseño es para las personas . Para diseñar excelentes productos, debe ofrecer las funciones adecuadas, con la experiencia de usuario adecuada para las personas adecuadas. Por lo tanto, defina su público objetivo, luego investigue sus problemas y, finalmente, concéntrese en crear un producto que resuelva esos problemas.

Este artículo es parte de la serie de diseño de UX patrocinada por Adobe. La herramienta Adobe XD está diseñada para un proceso de diseño de UX rápido y fluido, ya que le permite pasar de la idea al prototipo más rápido. Diseñe, cree prototipos y comparta, todo en una sola aplicación. Puede ver más proyectos inspiradores creados con Adobe XD en Behance y también suscribirse al boletín de diseño de experiencia de Adobe para mantenerse actualizado e informado sobre las últimas tendencias y conocimientos para el diseño de UX/UI.