Cómo presentar un diseño web al cliente

El éxito de su diseño depende no solo de su capacidad para crear algo visualmente atractivo, sino también de su capacidad para venderlo.

Como diseñador profesional, debes saber cómo comunicarte con tu cliente y presentar tu producto de la mejor manera posible. Cuanto mejor sea su presentación, mayores serán las posibilidades de que su proyecto sea aprobado.

En este artículo, compartiremos algunos secretos de una presentación efectiva y algunos trucos para que tus clientes se enamoren de tu trabajo. Comenzaremos con la cantidad de opciones que debe presentar a su cliente.

¿Cuántas opciones de diseño debo presentar?

Sheena Iyengar, una experta de renombre mundial en opciones y toma de decisiones, dice que una variedad de opciones puede llamar la atención de los consumidores pero al mismo tiempo abrumarlos y confundirlos. Es decir, dado que hay demasiados consumidores, simplemente elegirán algo, incluso si no es la mejor opción.

¿Por qué presentar varias opciones, incluidas algunas de las que no está tan seguro? Si ofrece demasiadas opciones, es muy posible que su cliente ignore su diseño favorito. Es por esto que recomendamos presentar solo el prototipo final.

Sin embargo, esto no significa que debas mostrar solo una imagen. Cuente toda la historia desde el principio, brindando instantáneas de su proyecto en varias etapas. Explique las decisiones que ha tomado y cómo cumplen con los objetivos comerciales de su cliente. Guíe a su cliente a través de todas las iteraciones por las que ha pasado para encontrar una solución a su problema. Esto hablará de su experiencia y demostrará que no solo ha vuelto a dibujar un diseño existente, sino que ha realizado una gran cantidad de trabajo.

El personaje principal en tu historia de diseño eres tú. Los clientes te observarán y juzgarán por tus palabras y acciones. Por lo tanto, será mejor que pienses en lo que dirás de antemano.

Cómo encantar a los clientes con su presentación

A veces, al presentar su diseño, puede desencadenar una ráfaga de especulaciones, divulgar demasiada información o aburrir a su cliente. Obviamente, eso no es lo que realmente quieres hacer. Si desea realizar una presentación fluida, intente organizarla siguiendo estos cinco pasos:

#1. Formula el problema

¿Qué deberías hacer primero? Establezca expectativas para su audiencia: anuncie lo que sus clientes están a punto de ver y lo que obtendrán de ello. Formule el problema planteado en su primera reunión, la tarea en la que ha estado trabajando (por ejemplo, crear un diseño rápido y excelente para una aplicación web de fitness) y los enfoques que ha utilizado para manejar este problema.

Alternativamente, puede comenzar con un resumen rápido de lo que sus clientes ya han visto: el último diseño, un producto existente o un artículo rediseñado. También puede mencionar los últimos comentarios que dieron sus clientes. Al hacer esto, sentará las bases para su presentación principal y evitará preguntas innecesarias.

#2. Aborde el negocio de su cliente

Trate de hacer su presentación más personal. Discuta la marca de su cliente y su público objetivo. Su objetivo es demostrar que comprende el negocio de su cliente. Suponga que está diseñando un sitio web para la empresa Soft Blankets. Este sitio web debe reflejar la gama de productos y precios de la empresa, así como transmitir una sensación de calidez y comodidad a los clientes.

Puedes enriquecer tanto tus maquetas como el diseño final con fotos de la empresa de tu cliente en lugar de fotografías de archivo. Por ejemplo, si está creando un sitio web de caridad, las fotos reales de una subasta de caridad que realizó la empresa tendrán un impacto mucho mayor en sus clientes y posibles patrocinadores.

#3. Describir el proceso de diseño

Proporcione una breve descripción de cada fase individual de su proceso de diseño y hable sobre la información que ha obtenido. También debe subrayar las formas en que aprovechó esta información para mejorar el diseño general. Aquí es muy importante presentar los componentes del diseño como beneficios para el negocio de su cliente. Por ejemplo, puede explicar que usó más rojo para un sitio web de comida rápida, ya que aumenta el apetito de un cliente y puede animar a los clientes a pedir más comida. Ahora se revela el secreto de McDonald's y KFC.

#4. Mantener una conversacion

Una presentación de diseño es una conversación. Si desea obtener comentarios informados, responda las preguntas cuando surjan y explique todo lo que su cliente se haya perdido. Asegúrese de que su presentación sea clara para su cliente y que esté en la misma página. Además, el diálogo constructivo puede traer nuevas ideas y soluciones.

#5. Recopilar comentarios

El último paso, y probablemente el más importante, es obtener retroalimentación. Dale a tus clientes algo de tiempo para evaluar tu trabajo. El tiempo que debe esperar depende de su cliente, su carga de trabajo y el tamaño de su proyecto. Obviamente, los proyectos grandes toman más tiempo para revisar que los pequeños. No entre en pánico si su cliente no responde en los primeros tres días. El sitio web que ha diseñado es una gran parte del negocio de su cliente y deben estar seguros de que ganará su audiencia.

Cómo recopilar comentarios de la manera correcta

A veces, sin embargo, es posible que trabaje duro y aún así reciba comentarios que son inútiles o que no puede administrar adecuadamente, o la respuesta puede demorar meses. ¿Cómo puede evitar tal situación y establecer la dirección correcta para sus clientes? Solo sigue estos consejos.

1. Planifique con anticipación

Le recomendamos que aclare todos los problemas antes de recopilar comentarios. Establezca una fecha específica en la que su cliente proporcionará comentarios sobre su trabajo. Tómate esta fecha en serio. Sería bueno de su parte recordarle a su cliente la fecha de la retroalimentación con unos días de anticipación. También debe acordar la forma de los comentarios, ya sea por teléfono, correo electrónico o en persona.

2. Haz preguntas enfocadas

Muy a menudo, las presentaciones de diseño se convierten por completo en debates sobre el contenido. Claramente, se esperan algunas discusiones de contenido, pero su cliente no debería dedicar todos sus comentarios a este tema. Si desea obtener comentarios útiles, haga preguntas específicas y dirija la conversación a lo que realmente le gustaría recibir comentarios.

No preguntes a tus clientes "¿Qué piensas?" En cambio, pregúnteles si este concepto cumple con sus objetivos comerciales o de qué manera no lo hace, o pregúnteles si la paleta de colores se ajusta al posicionamiento de la marca.

3. Captar el verdadero significado

Al comentar sobre su proyecto, los clientes frecuentemente proponen soluciones en lugar de señalar el problema: “¿Puedes agrandar este botón? ¿Puedes agregar más verde?” Su tarea es identificar el problema central o el desafío que se esconde en esa retroalimentación.

Siempre pregúntales por qué: “¿Por qué quieres que este botón sea más grande? ¿Por qué cree que más verde será mejor para su sitio web?” Dustin Curtis, fundador de Svbtle, hace al menos tres preguntas a sus clientes sobre sus opiniones.

4. Aplicar lógica y citar marcas famosas

Si no compartes la misma opinión que tu cliente, no empieces a criticarlo y desacreditarlo. Respalda tus argumentos con hechos, estudios e investigaciones. Deje que estos hechos hablen por sí mismos. Además, puede citar empresas famosas como ejemplos.

Imagina que tu cliente te pide que reduzcas el tamaño de la fuente de 22 a 12 puntos. En este caso, podrías responder con algo como “Ese es un punto interesante. Pero sabes, recientemente leí un estudio que muestra que los tamaños de fuente más grandes pueden despertar conexiones emocionales más fuertes con una marca. Por cierto, Medium también usa una fuente de 22 puntos”.

Y no uses frases que caigan en el estilo “Te lo dije”. Trate de mostrar empatía: “Sí, yo también me sorprendí cuando escuché esto”.

5. Respeta la opinión de tu cliente

Aunque es probable que tengas mucha más experiencia en diseño web, tu cliente aún conoce su negocio mejor que tú. Son ellos quienes utilizarán el diseño a diario. Por lo tanto, necesitan sentirse cómodos con el sitio web que ha diseñado.

Si su cliente sigue insatisfecho con su diseño, revisen su trabajo juntos. Trate de encontrar un compromiso y adapte el diseño en función de los comentarios de su cliente. Recuerda que la simbiosis del conocimiento de tu cliente y tu experiencia puede dar lugar a un producto realmente exitoso.

Ahora ya conoces la parte teórica: cómo actuar y qué decir al presentar tu trabajo de diseño. Sin embargo, no está claro de qué forma debe enmarcar su diseño. ¿Cómo debería ser tu prototipo?

¿Qué tipo de prototipo debo elegir?

No podemos darte una respuesta universal y decir "simplemente dibújalo así". Pero podemos facilitarle el trabajo ofreciéndole algunos consejos prácticos sobre el flujo de creación de prototipos. Le recomendamos que elija el tipo de prototipo y las herramientas que utiliza para crearlo en función de la etapa de diseño en la que se encuentre actualmente, ya sea la etapa inicial o la etapa final. Echemos un vistazo más de cerca a estas dos etapas.

Etapa temprana

La etapa inicial es cuando piensa en la lógica y la funcionalidad del sitio web: diseño, características, conexiones y transiciones. Con su público objetivo en mente, forma elementos que harán que el sitio web sea intuitivo para los usuarios. Su principal objetivo es comprobar la operatividad del producto.

Por lo tanto, en esta etapa, puede presentar un prototipo de baja fidelidad en forma de pantallas esquemáticas simples, generalmente en colores básicos y sin efectos visuales ni detalles.

Para diseñar un prototipo de baja fidelidad, puede probar las siguientes herramientas:

• Wireframe.cc : una de las herramientas más básicas que los diseñadores pueden usar para crear wireframes. Sus principales ventajas son su interfaz simple y la posibilidad de comenzar a diseñar wireframes inmediatamente sin registrarse.
• Moqups.com : una aplicación web que lo ayuda a crear estructuras alámbricas, maquetas y prototipos. Moqups ofrece una biblioteca integrada con miles de conjuntos de iconos, almacenamiento basado en la nube y comentarios y funciones de retroalimentación.
• Pencil Project (pencil.evolus.vn): una herramienta de creación de prototipos gratuita y de código abierto para plataformas móviles y de escritorio. Pencil Project proporciona colecciones integradas (formas, elementos de diagramas de flujo, etc.), compatibilidad con dibujos de diagramas y enlaces entre páginas.

Con un prototipo de baja fidelidad, debe tener cuidado, ya que puede enfrentar malentendidos y comentarios negativos por parte de su cliente: “¿Por qué las pantallas son tan simples? ¿Por qué usaste un esquema de color tan pobre? Si esto sucede, tómese el tiempo para explicarle a su cliente qué es la UX y cómo es importante para su producto, que la UX es el corazón y el alma de su futuro sitio web, y que este prototipo está lejos de ser la versión final.

Etapa final

En la etapa final, debe entregar un prototipo de alta fidelidad a su cliente: agregue elementos interactivos como micro interacciones, navegación de pantalla a pantalla y otras animaciones.

Un prototipo de alta fidelidad es una representación interactiva basada en computadora hecha lo más cerca posible del diseño final (en términos de detalles y funcionalidad) para permitir que su cliente examine la usabilidad del producto y saque conclusiones sobre el comportamiento del usuario.

Los prototipos de alta fidelidad le permiten sentir las transiciones y funciones del sitio web de manera más realista que los de baja fidelidad y revelan posibles errores o dificultades en esta etapa antes de crear la interfaz de usuario.

Si no está seguro de qué herramientas usar para animar su prototipo, pruebe estas:

• InVision (invisionapp.com): una plataforma de diseño de productos digitales que le permite crear prototipos interactivos en cuestión de minutos. Con InVision, puede crear hojas de estilo y generar código real para cualquier elemento de diseño. Además, InVision permite que sus clientes, miembros del equipo y partes interesadas comenten directamente sobre sus diseños.
• Adobe XD (adobe.com/products/xd.html): la solución de UI/UX todo en uno que lo ayuda a convertir su diseño estático en un prototipo interactivo con un solo clic. Con Adobe XD, su prototipo se actualiza automáticamente con cada cambio que realiza: no se requiere sincronización.
• Principio (principleformac.com): una herramienta de creación de prototipos que le permite diseñar interfaces de usuario animadas e interactivas sin importar si está diseñando el flujo de una aplicación de múltiples pantallas o nuevas animaciones e interacciones.

¿Estás listo para presentar tu diseño web?

La forma en que presenta su diseño depende del tipo de producto, los componentes de diseño que presenta (por ejemplo, diseño o funcionalidad) y la etapa del proceso de diseño en la que se encuentra. -prototipos de fidelidad, mientras que la última etapa requiere que te acerques al producto final lo antes posible y entregues un prototipo interactivo de alta fidelidad.

Por supuesto, el éxito de su presentación radica en su confianza y en los datos que posee: tenga a mano hechos y argumentos basados ​​en la lógica para respaldar sus opiniones. Y no tengas miedo de preguntarle a tu cliente "¿por qué?".

¿Has probado alguno de estos consejos? ¿Conoces algún otro secreto para una presentación ganadora? Comparta sus pensamientos en los comentarios a continuación.