Como simplificar seu design em mais de 20 passos fáceis com exemplos.
As empresas estão constantemente empenhadas em criar produtos simples e fáceis de usar. Mais funcionalidades, novas tecnologias e capacidades avançadas, mas em um formato leve e intuitivo. Na maioria das vezes, simplificar as coisas é o mais difícil.
O que é “simplicidade”?
Podemos definir simplicidade como algo que é facilmente compreendido ou executado, sem apresentar dificuldades. A simplicidade é subjetiva; o que parece simples para uma pessoa pode não ser percebido da mesma forma por outra. Geralmente, formamos nossa opinião pessoal sobre se um processo é simples ou complexo em três etapas rápidas:
Remover os obstáculos que impedem os usuários de atingirem seus objetivos ajudará você a caminhar rumo à simplicidade. Em As Leis da Simplicidade , John Maeda apresenta dez leis para equilibrar simplicidade e complexidade nos negócios, na tecnologia e no design: diretrizes para precisar de menos e alcançar mais.
Maeda, professor do MIT Media Lab e designer gráfico de renome mundial, explora como podemos redefinir a noção de "aprimorado" para que ela não signifique sempre outra coisa. "As Leis da Simplicidade" é uma ótima leitura , por isso recomendo muito.
E quanto à complexidade?
Falando em simplicidade, precisamos mencionar o extremo oposto do espectro. Assim como a simplicidade, a percepção de complexidade é subjetiva. Com o treinamento adequado, até mesmo a ciência espacial não é tão difícil. Mas existem diversos fatores que tendem a complicar até mesmo a tarefa mais simples. Esses fatores devem ser evitados ao máximo no design de produtos.
Então, como podemos aplicar isso ao design de produto?
1. Crie produtos com valor bem definido.
Há tantos softwares tentando fazer tanta coisa para tantos públicos diferentes que todo mundo quer ser o canivete suíço da indústria. Se você quer que seu produto seja simples, precisa definir um valor essencial e identificar para quem ele realmente se destina. Nem todo produto precisa ter integração com o Facebook.
2. Elimine tudo o que for desnecessário.
A maneira mais simples de alcançar a simplicidade é através de uma redução cuidadosa. Na dúvida, simplesmente remova. Informações secundárias, controles raramente usados e estilos que distraem. É simples assim. Assim que você começar a aplicar esse princípio, verá os resultados imediatamente. Mas tenha cuidado com o que você remove.
“Simplicidade não é a ausência de desordem; é uma consequência da simplicidade. Simplicidade é, de certa forma, descrever essencialmente o propósito e o lugar de um objeto ou produto. A ausência de desordem é meramente um produto sem desordem. Isso não é simples.” – Jonathan Ive
3. Traduza os dados para um formato significativo.
A maioria dos produtos que desenvolvemos diariamente se concentra em uma grande quantidade de dados que o usuário precisa entender para realizar suas tarefas diárias com eficiência. Quando você se deparar com usuários interessados em tendências e mudanças, ajude-os com representações visuais em vez de uma montanha de números. Você sempre pode exibir informações adicionais mediante solicitação. Procure extrair as informações mais relevantes dos dados disponíveis e apresentá-las de forma clara e direta ao usuário.
4. Apoia a tomada de decisões rápidas.
Usuários bombardeados com opções precisam dedicar tempo para interpretá-las e decidir, o que lhes impõe um trabalho indesejado. Isso foi explicado pela famosa Lei de Hick . A Lei de Hick prevê que o tempo e o esforço necessários para tomar uma decisão aumentam com o número de opções. Portanto, se você deseja que a experiência do usuário seja simples, deve facilitar ao máximo a tomada de decisões rápidas. Elimine a necessidade de escolha quando não for preciso; oriente e envolva o usuário.
5. Muitas opções podem afastar os clientes.
A teoria e a pesquisa psicológica atuais confirmam as consequências afetivas e motivacionais positivas de se ter opções pessoais. Essas descobertas levaram à noção popular de que mais opções são melhores e que a capacidade humana de gerenciar e o desejo de escolher são ilimitados. Mas, na realidade, as pesquisas demonstram o contrário.
O Experimento da Geleia é um dos experimentos mais famosos da psicologia do consumidor; oferecer menos opções aos consumidores pode ser bom para as vendas. Fundamentalmente, o estudo revela quando oferecer menos opções pode realmente melhorar as vendas.
Este experimento aparentemente demonstra que os clientes que recebem menos opções têm 10 vezes mais probabilidade de comprar em comparação com aqueles que recebem muitas opções. Trata-se de um exemplo crucial de sobrecarga de opções, a ideia de que apresentar muitas opções aos clientes inibe suas compras.
6. Apresente recomendações quando forem apresentadas múltiplas opções.
Quando não for possível evitar oferecer opções, tente limitá-las. Forneça uma recomendação ou compartilhe estatísticas sobre as preferências de outros clientes. Comunique claramente ao usuário a principal diferença entre as opções propostas. Essa abordagem costuma ser usada nas páginas de planos de preços.
7. Direcione a atenção dos usuários para as áreas apropriadas.
Ao compreender a jornada do usuário para atingir seus objetivos, você perceberá que, em cada etapa dessa jornada, certos elementos são mais relevantes e o ajudarão a progredir em direção ao objetivo final. Identifique essas áreas-chave e direcione a atenção do usuário para elas.
8. Utilize cores e tipografia para comunicar uma hierarquia de conteúdo.
Quantas vezes você já ouviu: "Os usuários não leem"? E é verdade, somos muito seletivos quanto ao que realmente lembramos ou em que nos aprofundamos. Se você já aceitou uma Política de Usuário extensa sem ler uma palavra sequer, sabe do que estou falando. Existem inúmeras características que podem influenciar a tipografia que você usa para se comunicar: fonte, tamanho, espaçamento entre letras, espaçamento entre linhas, maiúsculas e minúsculas e cor. Use-as para comunicar a hierarquia do seu conteúdo. Com o uso correto de cores e tipografia, você pode refletir a marca do seu produto e torná-la instantaneamente reconhecível, muito mais atraente e memorável.
9. As organizações ajudam a fazer com que o sistema com muitos elementos pareça menor e mais gerenciável.
Vamos fazer um teste simples. Na ilustração a seguir, temos duas imagens. Use um cronômetro para medir quanto tempo (e quanto esforço) você levará para contar o número de pontos pretos em cada quadrado.
Terminou? Como você verá, contar o quadrado de pontos embaralhados levou muito mais tempo e exigiu muito mais esforço cognitivo. Por que obtivemos esse resultado se os quadrados têm o mesmo número de pontos?
Mapear os pontos em uma grade específica nos ajudou a visualizá-los e agrupá-los durante a contagem. Ao trabalhar com o quadrado desorganizado, tivemos que ir ponto por ponto, contando-os individualmente. Além disso, muitos de vocês provavelmente cometeram algum erro de cálculo ou precisaram comparar o resultado com a imagem à esquerda.
Organizar os elementos não só melhora o reconhecimento, como também facilita a memorização. Ao operar qualquer máquina, é crucial lembrar a posição e a função de todos os controles. Vamos fazer outro pequeno exercício. Há pouco, você estava contando os pontos em duas imagens; agora tente se lembrar da posição de cada ponto em dois quadrados. Para a maioria das pessoas, memorizar uma estrutura desorganizada é praticamente impossível.
10. Conteúdo relacionado ao grupo
Muitas vezes, uma maneira fácil de simplificar uma página complexa é começar agrupando os componentes. Dessa forma, os usuários lidam com alguns grupos em vez de uma infinidade de componentes não relacionados. Adicionar bordas (criando regiões comuns) ao redor de um elemento ou grupo de elementos é uma maneira fácil de criar separação dos elementos circundantes. Existem vários princípios de agrupamento na psicologia da Gestalt que ajudam os elementos a serem percebidos como relacionados: proximidade, similaridade, continuidade, fechamento e conexão.
11. Divida tarefas grandes em etapas menores; experimente um layout de coluna única.
Quase todos os produtos têm diferentes tipos de formulários. É uma forma de coletar informações do usuário. Às vezes, mesmo depois de remover tudo o que é desnecessário, eles podem ficar enormes. Preencher esses formulários pode ser muito desencorajador para o usuário. Então, o que podemos fazer é dividir essa tarefa enorme em uma série de tarefas menores. De repente, parece muito mais fácil realizar todo o processo. Concluir uma pequena subtarefa dá ao usuário uma dose de endorfina e uma sensação de satisfação para continuar.
Ao criar formulários, utilize um layout de coluna única em vez de várias colunas. Um layout de coluna única é muito mais fácil de preencher. Dessa forma, o usuário não precisa pensar no que preencher em seguida; ele pode simplesmente rolar a página para baixo em linha reta.
12. Seja transparente ao comunicar o processo e o estado do sistema.
A incerteza nos deixa ansiosos e deve ser evitada ao máximo. Portanto, a qualquer momento, a menos que seja óbvio, o usuário deve ser capaz de ver em que ponto do processo está, de onde veio e o que vem a seguir. Manter um resumo das informações fornecidas anteriormente também é uma boa ideia; isso reduz a carga sobre a memória do usuário e elimina a necessidade de revisitar etapas anteriores.
13. Faça os cálculos para o seu usuário.
O cérebro humano é ruim em cálculos aritméticos básicos envolvendo números. As pressões evolutivas favoreceram cérebros otimizados para o reconhecimento de objetos em detrimento de operações aritméticas. Tente usar o sistema para realizar todos os cálculos em vez do usuário.
14. Ocultando a complexidade por meio da divulgação gradual
A divulgação progressiva é um padrão de design usado em UX para facilitar a interpretação de interfaces de usuário. Envolve sequenciar informações e ações em várias telas para evitar sobrecarregar o usuário ou ocultar informações irrelevantes até que se tornem relevantes. A divulgação progressiva segue a noção típica de ir do abstrato para o específico, incluindo o sequenciamento de comportamentos ou interações do usuário. Um bom exemplo de divulgação progressiva é a navegação por gestos no pulso do iOS.
15. Baseie-se em padrões e interações comumente aceitos.
Os usuários passam a maior parte do tempo em outros produtos. Isso significa que eles preferem que seu site funcione da mesma forma que todos os outros que já conhecem e têm expectativas específicas sobre a aparência e o comportamento do seu produto. Essa afirmação é válida para qualquer produto físico ou digital, de uma rede social à sua geladeira, e reflete a mentalidade do consumidor. Isso não significa que você deva parar de inovar, mas sim avaliar se uma mudança em relação às formas tradicionais de apresentar a navegação ou os controles justifica uma alteração no modelo mental do usuário.
16. Projete uma experiência simplificada pela primeira vez.
O objetivo principal de qualquer projeto deve ser conectar os usuários ao valor que o produto oferece o mais rápido possível. Pense nisso por um momento. Qualquer coisa que se interponha entre o usuário e a pessoa que opera o sistema é uma barreira, a menos que atenda a uma necessidade funcional. A primeira experiência é crucial para qualquer processo; os seres humanos formam uma opinião sobre um produto muito rapidamente e o abandonam imediatamente se não estiverem satisfeitos.
Até mesmo a tarefa mais simples se torna desafiadora na primeira vez. Às vezes, é necessário treinamento adicional antes de conseguirmos operar o produto. No design digital, sugiro abandonar a abordagem manual; o usuário espera que o produto seja simples o suficiente para ser compreendido e que receba ajuda sob demanda ou quando algo der errado. Forneça ajuda contextual em vez de sobrecarregar o usuário com materiais de aprendizado logo de início e projete para estados vazios.
17. Leve em consideração a ergonomia e as circunstâncias em que o produto será utilizado.
Simplicidade, como já definimos, refere-se à facilidade com que o produto pode ser usado, graças à sua ergonomia. Ergonomia é o processo de projetar ou organizar locais de trabalho, produtos e sistemas para atender às necessidades das pessoas que os utilizam. A maioria das pessoas pensa que tem algo a ver com assentos ou com o design de controles e instrumentos de carros, e tem mesmo… mas é muito mais do que isso. A ergonomia se aplica ao design de tudo que envolve pessoas, incluindo produtos digitais.
Em 1954, o psicólogo Paul Fitts, ao examinar o sistema motor humano, demonstrou que o tempo necessário para se deslocar em direção a um objetivo depende da distância até ele e é inversamente proporcional ao seu tamanho. Portanto, certifique-se de que os itens de uso frequente sejam grandes e estejam ao alcance dos usuários.
18. Suporta sugestões automáticas e edição online.
Elimine todas as interações, visualizações e etapas desnecessárias em cada processo. Existe uma velocidade ideal para o usuário operar o sistema, conhecida como "estado de fluxo". Não interrompa esse fluxo com janelas pop-up. Para todas as ações/valores que podem ser alterados posteriormente, ofereça suporte à edição em linha sempre que possível. Utilize valores sugeridos automaticamente quando houver um grande número de valores disponíveis.
19. Use as Configurações Padrão Inteligentes para reduzir a carga cognitiva.
As opções padrão inteligentes são seleções implementadas que fornecem respostas às suas perguntas. Isso ajuda os usuários a preencher formulários mais rapidamente. Preencher formulários exige que as pessoas os analisem, formulem uma resposta e, em seguida, insiram essa resposta no campo fornecido. Ao definir opções padrão relevantes, os designers devem compreender os usuários e o contexto em que eles usarão o produto. Isso só é possível com pesquisa e testes aprofundados para aprender com os usuários e ajustar as opções padrão com base em dados históricos e padrões de uso. Sempre defina a opção padrão que a grande maioria dos usuários (digamos, 90 a 95%) escolheria se opções explícitas fossem necessárias.
20. Prevenir erros
Mensagens de erro causam estresse significativo e deixam os usuários com a sensação de que cometeram um erro ou não concluíram a tarefa adequadamente. Garanta a verificação automática dos dados inseridos e forneça alertas ou lembretes para entradas de dados inadequadas, a fim de reduzir erros. Elimine ou revise as condições propensas a erros e ofereça aos usuários uma opção de confirmação antes que eles executem a ação. Ações destrutivas e irreversíveis devem ser protegidas com uma função de força para garantir que os usuários estejam cientes do impacto que sua escolha terá.
21. Design para acessibilidade
Como designer, seu objetivo é defender a acessibilidade, garantindo que seu produto seja acessível ao público mais amplo possível, sem exclusão. Existem mais de um bilhão de pessoas no mundo vivendo com alguma deficiência. Não dependa apenas da cor para transmitir informações. Garanta contraste suficiente entre o texto e o fundo, ofereça suporte à navegação por teclado e assim por diante. A acessibilidade não se limita a um grupo específico de usuários com determinadas habilidades; projetar pensando na acessibilidade melhora a experiência de todos que usam o produto.
Conclusão
Criar produtos que sejam fáceis de usar e entender não é simples, mas é um caminho a seguir, e existem maneiras rápidas de caminhar rumo à simplicidade.
Escrito por Taras Bakusevych, artigo original em: https://uxplanet.org/how-to-simplify-your-design-69d97fde11b9
[hover_color align="center" background="" background_hover="" border="" border_hover="" border_width="0px" padding="60px 60px" link="https://selfish.com.mx/servicios/branding/" target="" class="cta-blog themecolorbg" style=""] Precisa de um design para sua marca ou empresa? [/hover_color]
