Como apresentar um Web Design ao cliente

O sucesso do seu design depende não apenas da sua capacidade de criar algo visualmente atraente, mas também da sua capacidade de vendê-lo.

Como designer profissional, você deve saber se comunicar com seu cliente e apresentar seu produto da melhor maneira possível. Quanto melhor sua apresentação, maiores as chances de seu projeto ser aprovado.

Neste artigo, vamos compartilhar alguns segredos de uma apresentação eficaz e alguns truques para fazer seus clientes se apaixonarem pelo seu trabalho. Começaremos com o número de opções que você deve apresentar ao seu cliente.

Quantas opções de design devo apresentar?

Sheena Iyengar, especialista de renome mundial em escolhas e tomada de decisões, diz que uma variedade de escolhas pode chamar a atenção dos consumidores, mas ao mesmo tempo os sobrecarregar e confundir. Ou seja, dado que muitos consumidores simplesmente escolherão algo, mesmo que não seja a melhor opção.

Por que apresentar várias opções, incluindo aquelas sobre as quais você não tem tanta certeza? Se você oferecer muitas opções, seu cliente pode muito bem ignorar seu design favorito. É por isso que recomendamos apresentar apenas o protótipo final.

Isso não significa que você deve mostrar apenas uma imagem, no entanto. Conte toda a história desde o início, fornecendo instantâneos do seu projeto em vários estágios. Explique as decisões que você tomou e como elas atendem às metas de negócios do seu cliente. Guie seu cliente por todas as iterações pelas quais você passou para encontrar uma solução para o problema dele. Isso vai falar com sua experiência e provar que você não apenas redesenhou um projeto existente, mas sim executou uma grande quantidade de trabalho.

O personagem principal da sua história de design é você. Os clientes irão observar e julgar você por suas palavras e ações. Portanto, é melhor você pensar no que vai dizer com antecedência.

Como encantar os clientes com sua apresentação

Às vezes, ao apresentar seu projeto, você pode desencadear uma enxurrada de especulações, divulgar informações demais ou deixar seu cliente entediado. Obviamente, isso não é o que você realmente quer fazer. Se você deseja entregar uma apresentação suave, tente organizá-la usando estas cinco etapas:

#1. Formule o problema

O que você deve fazer primeiro? Defina as expectativas para o seu público: anuncie o que seus clientes estão prestes a ver e o que eles vão ganhar com isso. Formule o problema proposto em sua primeira reunião, a tarefa em que você está trabalhando (por exemplo, para criar um design rápido e excelente para um aplicativo de fitness na web) e as abordagens que você usou para lidar com esse problema.

Alternativamente, você pode começar com uma rápida recapitulação do que seus clientes já viram: o último design, um produto existente ou um item redesenhado. Você também pode tocar no último feedback que seus clientes deram. Ao fazer isso, você estabelecerá as bases para sua apresentação principal e evitará perguntas desnecessárias.

#2. Aborde o negócio do seu cliente

Tente tornar sua apresentação mais pessoal. Discuta a marca do seu cliente e seu público-alvo. Seu objetivo é mostrar que você entende o negócio do seu cliente. Suponha que você esteja projetando um site para a empresa Soft Blankets. Este site precisa refletir a variedade de produtos e preços da empresa, bem como transmitir uma sensação de aconchego e aconchego aos clientes.

Você pode enriquecer suas maquetes e o design final com as fotos da empresa do seu cliente em vez de fotos de banco de imagens. Por exemplo, se você estiver construindo um site de caridade, fotos reais de um leilão de caridade que a empresa realizou terão um impacto muito maior em seus clientes e seus possíveis clientes.

#3. Descreva o processo de design

Dê uma breve descrição de cada fase individual do seu processo de design e fale sobre as informações que você obteve. Você deve sublinhar também as maneiras pelas quais você aproveitou essas informações para melhorar o design geral. Aqui é muito importante apresentar os componentes de design como benefícios para o negócio do seu cliente. Por exemplo, você pode explicar que usou mais vermelho para um site de fast food, pois isso aumenta o apetite do cliente e pode incentivá-lo a pedir mais comida. Agora o segredo do McDonald's e do KFC é revelado.

#4. Manter uma conversa

Uma apresentação de design é uma conversa. Se você deseja obter feedback informado, responda às perguntas quando elas surgirem e explique qualquer coisa que seu cliente tenha perdido. Certifique-se de que sua apresentação seja clara para seu cliente e que você esteja na mesma página. Além disso, o diálogo construtivo pode trazer novas ideias e soluções.

#5. Colete comentários

O último e provavelmente o mais importante passo é obter feedback. Dê a seus clientes algum tempo para avaliar seu trabalho. O tempo que você precisa esperar depende do seu cliente, da carga de trabalho e do tamanho do seu projeto. Obviamente, grandes projetos levam mais tempo para serem revisados ​​do que os pequenos. Não entre em pânico se o seu cliente não responder nos primeiros três dias. O site que você projetou é uma grande parte do negócio do seu cliente e ele precisa ter certeza de que conquistará seu público.

Como coletar feedback da maneira certa

Às vezes, no entanto, você pode trabalhar duro e ainda receber um feedback inútil ou que você não consegue gerenciar adequadamente, ou a resposta pode levar meses. Como você pode evitar tal situação e definir a direção certa para seus clientes? Basta seguir estas dicas.

1. Planeje com antecedência

Aconselhamos que você esclareça todas as questões antes de coletar feedback. Defina uma data específica em que seu cliente fornecerá feedback sobre seu trabalho. Leve essa data a sério. Seria bom da sua parte lembrar seu cliente sobre a data do feedback com alguns dias de antecedência. Você também deve concordar com a forma de feedback – seja por telefone, e-mail ou pessoalmente.

2. Faça perguntas focadas

Muitas vezes, as apresentações de design se transformam inteiramente em discussões sobre o conteúdo. Claramente, algumas discussões de conteúdo são esperadas, mas seu cliente não deve dedicar todo o seu feedback a este tema. Se você deseja obter feedback útil, faça perguntas específicas e direcione a conversa para o que você realmente gostaria de receber feedback.

Não pergunte aos seus clientes “O que você acha?” Em vez disso, pergunte a eles se esse conceito atende às metas de negócios ou de que maneira ele não o faz, ou pergunte se a paleta de cores se encaixa no posicionamento da marca.

3. Compreenda o verdadeiro significado

Ao comentar sobre seu projeto, os clientes frequentemente propõem soluções ao invés de apontar o problema: “Você pode aumentar este botão? Você pode adicionar mais verde?” Sua tarefa é identificar o problema central ou o desafio escondido nesse feedback.

Sempre pergunte por quê: “Por que você quer que este botão seja maior? Por que você acha que mais verde será melhor para o seu site?” Dustin Curtis, fundador da Svbtle, faz pelo menos três perguntas a seus clientes sobre suas opiniões.

4. Aplique Lógica e Cite Marcas Famosas

Se você não compartilha da mesma opinião que seu cliente, não comece a criticá-lo e desacreditá-lo. Em vez disso, faça backup de seus argumentos com fatos, estudos e pesquisas. Deixe que esses fatos falem por si mesmos. Além disso, você pode citar empresas famosas como exemplos.

Imagine que seu cliente lhe pediu para reduzir o tamanho da fonte de 22pt para 12pt. Nesse caso, você pode responder com algo como “Esse é um ponto interessante. Mas você sabe, eu li recentemente um estudo mostrando que tamanhos de fonte maiores podem despertar conexões emocionais mais fortes com uma marca. A propósito, o Medium também usa fonte 22pt.”

E não use frases que caiam no estilo “eu avisei”. Tente mostrar empatia: “Sim, também fiquei chocado quando ouvi isso.”

5. Respeite a opinião do seu cliente

Mesmo que você provavelmente tenha muito mais experiência em web design, seu cliente ainda conhece seus negócios melhor do que você. São eles que usarão o design diariamente. Portanto, eles precisam se sentir confortáveis ​​com o site que você criou.

Se o seu cliente continuar insatisfeito com o seu design, revise o seu trabalho em conjunto. Tente encontrar um compromisso e adapte o design com base no feedback do seu cliente. Lembre-se de que a simbiose do conhecimento do seu cliente e sua experiência podem gerar um produto genuinamente bem-sucedido.

Agora você já conhece a parte teórica: como agir e o que dizer ao apresentar seu trabalho de design. No entanto, não está claro de que forma você deve enquadrar seu design. Como deve ser o seu protótipo?

Que tipo de protótipo devo escolher?

Não podemos dar uma resposta universal e dizer “apenas desenhe assim”. Mas podemos facilitar seu trabalho oferecendo algumas dicas úteis sobre fluxo de prototipagem. Aconselhamos que você escolha o tipo de protótipo e as ferramentas que você usa para criá-lo com base no estágio de design em que você está atualmente – seja o estágio inicial ou o estágio final. Vamos dar uma olhada em ambas as etapas.

Estágio Inicial

O estágio inicial é quando você pensa na lógica e na funcionalidade do site: layout, recursos, conexões e transições. Com seu público-alvo em mente, você forma elementos que tornarão o site intuitivo para os usuários. Seu principal objetivo é verificar a operacionalidade do produto.

Portanto, nesta fase, você pode apresentar um protótipo de baixa fidelidade na forma de telas esquemáticas simples geralmente em cores básicas e sem efeitos visuais ou detalhes.

Para projetar um protótipo de baixa fidelidade, você pode experimentar as seguintes ferramentas:

• Wireframe.cc – Uma das ferramentas mais básicas que os designers podem usar para criar wireframes. Suas principais vantagens são sua interface simples e a possibilidade de começar a desenhar wireframes imediatamente sem qualquer inscrição.
• Moqups.com – Um aplicativo da web que ajuda você a criar wireframes, maquetes e protótipos. O Moqups oferece uma biblioteca integrada com milhares de conjuntos de ícones, armazenamento baseado em nuvem e recursos de comentários e feedback.
• Pencil Project (pencil.evolus.vn) – Uma ferramenta de prototipagem gratuita e de código aberto para plataformas desktop e móveis. O Pencil Project fornece coleções internas (formas, elementos de fluxograma, etc.), suporte para desenho de diagramas e links entre páginas.

Com um protótipo de baixa fidelidade, você precisa ter cuidado, pois pode enfrentar mal-entendidos e comentários negativos do lado do cliente: “Por que as telas são tão simples? Por que você usou um esquema de cores tão pobre?” Se isso acontecer, reserve um tempo para explicar ao seu cliente o que é o UX e como ele é importante para o produto dele – que o UX é o coração e a alma do seu futuro site – e que esse protótipo está longe da versão final.

Estágio final

Na etapa final, você precisa entregar um protótipo de alta fidelidade ao seu cliente: adicionar elementos interativos, como microinterações, navegação de tela a tela e outras animações.

Um protótipo de alta fidelidade é uma representação interativa baseada em computador feita o mais próximo possível do projeto final (em termos de detalhes e funcionalidade) para permitir que seu cliente examine a usabilidade do produto e tire conclusões sobre o comportamento do usuário.

Os protótipos de alta fidelidade permitem que você sinta as transições e funções do site de forma mais realista do que os de baixa fidelidade e revelam possíveis bugs ou dificuldades neste estágio antes de criar a interface do usuário.

Se você não tiver certeza de quais ferramentas usar para animar seu protótipo, tente estas:

• InVision (invisionapp.com) – Uma plataforma de design de produto digital que permite criar protótipos interativos em questão de minutos. Usando o InVision, você pode criar folhas de estilo e gerar código real para qualquer elemento de design. Além disso, o InVision permite que seus clientes, membros da equipe e partes interessadas comentem diretamente em seus projetos.
• Adobe XD (adobe.com/products/xd.html) – A solução completa de UI/UX que ajuda você a transformar seu layout estático em um protótipo interativo com um clique. Usando o Adobe XD, seu protótipo é atualizado automaticamente a cada alteração que você faz: sem necessidade de sincronização.
• Principle (principleformac.com) – Uma ferramenta de prototipagem que permite projetar interfaces de usuário animadas e interativas, independentemente de você estar projetando o fluxo de um aplicativo de várias telas ou novas animações e interações.

Você está pronto para apresentar seu web design?

A forma em que você apresenta seu design depende do tipo de produto, quais componentes de design você está apresentando (por exemplo, layout ou funcionalidade) e o estágio do processo de design em que você está. protótipos de alta fidelidade, enquanto o estágio final exige que você aborde o produto final o mais rápido possível e entregue um protótipo interativo de alta fidelidade.

É claro que o sucesso de sua apresentação está na sua confiança e nos dados que você possui: mantenha fatos e argumentos baseados em lógica à mão para apoiar suas opiniões. E não tenha medo de perguntar ao seu cliente “por quê?”.

Você já tentou alguma dessas dicas? Você conhece algum outro segredo para uma apresentação vencedora? Compartilhe seus pensamentos nos comentários abaixo.