Design industrial que parece bom? Nossos dispositivos superam os rivais em 7 métricas principais – verifique os dados!

Eu costumava pensar que uma página tinha que escolher entre estilo e velocidade. Uma página pode parecer elegante, mas carregar lentamente. Uma página pode carregar rapidamente, mas parecer simples e esquecível. Essa lacuna prejudica os resultados. As pessoas chegam, olham uma vez e vão embora antes de ler uma única linha. É por isso que gosto da ideia por trás de “Parece bom, tem melhor desempenho”. Para mim, significa uma coisa: uma página deve chamar a atenção e manter a confiança ao mesmo tempo. Já vi esse problema muitas vezes em meu trabalho. Uma pequena marca gastou muito em recursos visuais. As cores eram fortes. O layout parecia limpo em um laptop. Mesmo assim, a página pesava muito no celular. As imagens demoraram muito para carregar. Os visitantes aproveitaram antes que a oferta aparecesse. Eu também vi o oposto. Uma página simples carregou rapidamente, mas a mensagem parecia fria. O valor era difícil de identificar. As pessoas não sabiam o que tornava a oferta útil. O tráfego estava lá, mas o interesse era fraco. Ambos os casos me ensinaram a mesma lição. Design não é apenas uma questão de aparência. Desempenho não é apenas uma questão de velocidade. Os dois trabalham juntos. Quando construo ou reviso uma página, começo com o problema do usuário. O que o visitante quer agora? O que os faz parar de rolar? O que os impede de dar o próximo passo? Se a resposta não for clara, a página ficará barulhenta. Se a resposta for clara, a página parece fácil. Gosto de manter o layout simples. Eu uso espaço em branco suficiente para que cada parte possa respirar. Mantenho o título curto e fácil de ler. Coloco uma ideia principal perto do topo. Evito a desordem que chama a atenção em muitas direções. Uma página limpa faz mais do que parecer organizada. Ajuda o leitor a pensar. Isso também é importante para a pesquisa. Quando as pessoas ficam mais tempo, rolam mais e encontram o que precisam, a página tem mais chances de ganhar confiança. Os sistemas de busca percebem esse tipo de comportamento. Eu não persigo truques. Eu me concentro na clareza, no texto útil e em uma página que funciona em todas as telas. Também presto muita atenção ao uso móvel. Muitos usuários abrem uma página no telefone enquanto caminham, esperam ou comparam opções. Eles não têm paciência para textos minúsculos, mídias lentas ou botões difíceis de tocar. Então, verifico algumas coisas simples: - a mensagem principal aparece mais cedo - o texto é fácil de ler sem zoom - as imagens cabem na tela - os botões são fáceis de tocar - o carregamento permanece suave em um sinal fraco Certa vez, trabalhei na página de um produto para um item inicial. O design parecia bom no desktop, mas os usuários móveis continuavam desistindo. Cortamos blocos extras, encurtamos o texto e compactamos as imagens. A página ficou mais leve imediatamente. As pessoas poderiam encontrar o preço, o principal benefício e a próxima ação sem trabalho. Essa página não precisava de mais decoração. Precisava de menos atrito. Essa é a minha opinião: um bom design dispensa esforço. Uma página não deve fazer as pessoas adivinharem. Uma página não deve fazer as pessoas procurarem fatos básicos. Uma página não deve esconder a parte útil sob uma pilha de palavras extras. Também gosto de escrever na primeira pessoa, quando a voz da marca permite. “Eu quero que isso seja fácil.” “Quero que você veja o valor rapidamente.” “Quero que o próximo passo pareça simples.” Esse tipo de voz parece direto. Pode soar humano sem se esforçar muito. Também ajuda o leitor a sentir que a marca entende a mesma dor que ele. Para estrutura de conteúdo, mantenho um fluxo claro. Comece com o problema. Mostre o custo desse problema. Ofereça uma resposta simples. Dê alguns passos que o leitor pode seguir. Encerre com um lembrete calmo do que é mais importante. Aqui está o padrão em que confio: - Defina o principal ponto problemático - Mostre o que causa confusão ou atraso - Compartilhe a solução em linguagem simples - Use um ou dois exemplos reais - Termine com um próximo passo prático Um exemplo real ajuda muito. Pense na página de uma cafeteria. Se a imagem do herói for bonita, mas o menu estiver enterrado, as pessoas podem sair. Se os horários forem difíceis de encontrar, eles podem não visitar. Uma página melhor mostra o menu, a localização e as opções de pedido sem esforço. Ainda parece bom. Também atende melhor ao visitante. Essa mesma ideia funciona para quase todas as páginas. Uma página de serviço deve explicar o que é oferecido. A página do produto deve mostrar o que o item faz. A página da marca deve informar ao visitante por que a marca é importante. Uma página de blog deve responder a uma pergunta clara. Não tento impressionar com palavras pesadas. Tento tornar a mensagem fácil de usar. É isso que faz uma página parecer forte. Parece bom. Lê bem. Carrega rápido. Ajuda o visitante a seguir em frente. Quando essas partes funcionam juntas, a página faz mais do que atrair atenção. Isso vale a pena. E é a esse ponto que sempre volto. Um bom design não é uma camada adicional ao desempenho. Bom desempenho não é um extra técnico. Eles se apoiam. Se eu tivesse que dar um conselho, seria este: construa para a pessoa que chega à página com uma necessidade simples e paciência limitada. Se eles conseguirem entender a oferta rapidamente, navegar pela página com facilidade e confiar no que veem, a página está fazendo seu trabalho.

Já vi muitas marcas gastarem dinheiro em design e ainda se sentirem presas. A página parece legal. As cores combinam. O layout parece polido. Mesmo assim, as pessoas vão embora. Eles rolam um pouco e depois param. Eles não clicam. Eles não fazem perguntas. Eles não compram. Essa lacuna é o problema que me interessa. Não trato o design como decoração. Eu o trato como uma ferramenta que deve ajudar uma empresa a falar mais rápido, a se sentir mais segura e a orientar as pessoas para a ação. Quando desenho, faço uma pergunta simples: isso ajuda uma pessoa real a tomar uma decisão com menos esforço? Um design forte faz três coisas por mim. Diz às pessoas o que a empresa faz. Isso mostra por que eles deveriam se importar. Isso torna o próximo passo mais fácil. Quando uma dessas partes está fraca, a página inteira perde energia. Certa vez, procurei uma pequena padaria de um proprietário local. As fotos eram calorosas, mas o menu estava enterrado, o botão de contato era difícil de localizar e a página inicial ocupava muito espaço na história do proprietário antes de responder a perguntas básicas. As pessoas gostaram da marca, mas ainda ligaram para pedir detalhes simples que deveriam ficar visíveis na hora. Mudamos a estrutura. Colocamos o menu próximo ao topo. Tornamos o botão de pedido fácil de ver. Adicionamos linhas curtas que respondiam a perguntas comuns sem obrigar as pessoas a pesquisar. O proprietário me disse que as ligações ficaram mais fáceis e o local ficou mais tranquilo. Esse é o tipo de resultado que me interessa. Quando desenho para resultados, sigo um caminho que se aproxima de como as pessoas pensam. 1. Começo com o problema do usuário. As pessoas chegam com uma necessidade, uma pergunta ou uma dúvida. Eles querem um serviço, um produto ou um motivo para confiar na marca. Anoto essas dúvidas antes de tocar em cores ou fontes. Se um visitante deseja uma resposta clara, eu lhe dou uma resposta clara. 2. Eliminei o ruído. Uma página pode ter muitos blocos, muitas mensagens e muitas quebras visuais. Isso faz com que as pessoas trabalhem mais do que deveriam. Eu removo tudo que não ajuda o objetivo principal. Menos ruído dá à mensagem real mais espaço para respirar. 3. Eu guio o olho. Coloco o conteúdo mais útil onde as pessoas olham naturalmente. Eu mantenho o espaço aberto. Eu uso contraste simples. Faço a ação principal fácil de encontrar. Um visitante não deve precisar adivinhar o que fazer a seguir. 4. Mantenho as palavras claras. Um bom design e uma boa cópia devem apoiar-se mutuamente. Evito frases longas que atrasem as pessoas. Eu uso linhas curtas onde elas ajudam. Eu uso linhas mais completas onde a confiança precisa de mais espaço. A mistura é importante. Uma página que parece um pôster de vendas pode afastar as pessoas. 5. Eu testo o que as pessoas realmente fazem. Observo os cliques, o comportamento de rolagem e os lugares onde as pessoas param. Às vezes o problema não é a oferta. Às vezes, o problema é o rótulo de um botão, uma foto fraca ou uma seção que pede confiança muito cedo. O comportamento real dá melhores pistas do que suposições. Também penso muito em confiança. As pessoas não dão atenção livremente. Eles fornecem quando a página parece honesta, fácil e útil. É por isso que gosto de um design que pareça humano. Uma foto real pode ajudar. Uma simples análise do serviço pode ajudar. Um pequeno exemplo de caso pode ajudar. Um caminho de contato que pareça natural também pode ajudar. Uma empresa financeira que analisei tinha uma aparência nítida, mas sua página inicial parecia fria. A linguagem estava cheia de termos pesados ​​e o próximo passo era difícil de encontrar. Reescrevemos a página com pontos de atendimento simples, adicionamos opção de contato direto e reduzimos o espaço vazio entre a mensagem principal e a ação. O site pareceu mais aberto depois disso. As pessoas poderiam entender a oferta sem esforço. É isso que quero dizer com design que ganha em resultados. Não tenta impressionar as pessoas com barulho. Isso os ajuda a se mover. Respeita a atenção. Isso torna o negócio mais fácil de entender. Acredito que um bom design deve ser calmo, não lotado. Deve apoiar a oferta, não ocultá-la. Deve falar de uma forma que pareça próxima da pessoa que o lê. Se a página responder a perguntas reais e remover pequenas barreiras, ela fará o seu trabalho. Eu construo com essa ideia em mente todos os dias. Se um design parece bom, mas não ajuda as pessoas a agir, continuo trabalhando. Se uma página parece ocupada, mas não dá uma direção clara, eu simplifico. Se a mensagem parece polida, mas não parece real, eu a reescrevo. Esse é o trabalho. Essa é a diferença que procuro. Um design ganha em resultados quando ajuda uma pessoa a compreender, confiar e seguir em frente sem atrito.

Eu costumava ver o mesmo problema repetidas vezes: as pessoas escolhiam rápido, não bem. Eles escolheram um serviço porque o anúncio parecia bom. Eles compraram uma ferramenta porque um amigo mencionou. Eles mudaram um plano porque se sentiram presos. Então chegaram os resultados e os números contaram uma história diferente. É por isso que confio nos dados. Quando olho os dados, posso ver o que as pessoas fazem, o que ignoram e o que as faz permanecer. Eu não acho. Eu não dependo do humor. Utilizo fatos claros, depois escolho a opção que corresponde à real necessidade. Aqui está como eu lido com isso. Começo com uma pergunta simples: que problema estou tentando resolver? O proprietário de uma empresa pode querer mais leads. Uma loja pode querer mais compradores recorrentes. Uma equipe pode querer um tempo de resposta mais rápido. Se eu não definir o problema, os dados podem me confundir. Se eu definir bem, os dados se tornam úteis. Aí verifico três pontos: - De onde vêm as pessoas? - O que eles clicam? - O que os faz ir embora? Esses três pontos me dizem muito. Por exemplo, uma vez vi uma pequena loja online gastar dinheiro em postagens sociais todos os dias. As curtidas pareciam boas, mas as vendas permaneceram estáveis. Depois de verificar os números, descobri que a maioria dos compradores veio do tráfego de pesquisa, não das redes sociais. Portanto, o proprietário transferiu mais esforços para páginas de produtos e conteúdo de pesquisa. As vendas seguiram na direção certa e o orçamento parecia mais fácil de controlar. Esse tipo de caso fica comigo, porque mostra uma verdade simples. Um resultado bonito nem sempre é um resultado útil. Também presto atenção às pequenas mudanças. Uma página pode receber menos cliques, mas mais compradores. Uma mensagem pode receber menos respostas, mas melhores leads. Um formulário mais curto pode coletar menos dados, mas mais inscrições concluídas. Eu não julgo muito cedo. Observo o padrão durante um período razoável e depois comparo-o com o objetivo. Esta é a parte que muitas pessoas sentem falta. Eles veem um número e agem imediatamente. Prefiro ver a imagem completa. Se a taxa de rejeição for alta, pergunto por quê. Se o tempo na página for baixo, pergunto se a página é muito longa, muito vaga ou muito difícil de ler. Se o custo por lead aumentar, pergunto se o público mudou ou se a oferta perdeu força. Os dados não falam por si só. Eu tenho que fazer as perguntas certas. Também gosto de manter o processo de revisão simples. - Defina uma meta clara - Acompanhe os principais números - Compare as opções lado a lado - Teste uma alteração de cada vez - Mantenha a opção que melhor se adapta ao objetivo Dessa forma, evito ruídos. Também evito desperdiçar esforço em coisas que parecem ocupadas, mas que não ajudam. A minha opinião é simples: os dados devem orientar a escolha e não substituir o julgamento. Ainda me importo com o lado humano. Ainda penso em confiança, facilidade e conforto. Os números mostram comportamento. As pessoas dão o significado por trás disso. Quando juntei os dois, minhas escolhas ficam mais fortes. É por isso que continuo dizendo isso para mim e para minha equipe: veja os dados, depois escolha com cuidado. Isso economiza dinheiro. Isso economiza tempo. Isso me dá um caminho mais limpo a seguir. E quando vier a próxima escolha, não preciso confiar em palpites. Contate-nos em Shirlin.Su: shirlin.su@mac.minaik.com/WhatsApp +8617751097908.

Steve Krug 2014 Não me faça pensar revisitado Aarron Walter 2013 Projetando para a emoção Jakob Nielsen 2012 Engenharia de usabilidade Avinash Kaushik 2010 Web Analytics 2.0 Alina Wheeler 2017 Projetando a identidade da marca Donald A Norman 2013 O design das coisas do dia a dia