Design nunca realmente costumava importar tanto assim.
É difícil imaginar agora, mas antes da ascensão meteórica da Apple à popularidade global, o design geralmente ficava em segundo plano em relação à funcionalidade. Hoje, o design se tornou um mundo em si mesmo, e a comunidade de designers e desenvolvedores uniu-se para desenvolver um conjunto coerente de regras para a prática criativa.
A evolução do design é constante, e há sempre coisas novas para aprender e focar para trazer a função e a estética juntas em um único pacote.
Para ficar no topo do seu jogo de design, aqui estão 10 regras importantes de design de interface do usuário para lembrar:
Com a explosão de diferentes tipos de dispositivos hoje, um tamanho certamente não vai caber tudo .
Quando você crie seu site ou app, você precisa ter certeza de que você projeta com todos os tamanhos de tela em mente. Isso significa carregar totalmente em conexões de Internet de baixa e alta largura de banda, para formatar adequadamente no iPad e nos iPhones.
No passado, os desenvolvedores se concentravam principalmente na criação de uma boa interface de usuário para desktop. Mas, apenas para refrescar sua memória, o uso de dispositivos móveis superou o uso de desktops em 2014. Então, você deve agora mudar seu foco para dispositivos móveis? Embora seja importante prestar atenção especial aos dispositivos móveis, também vale considerar que o uso de desktops ainda é significativamente alto, com 42% de participação .
Portanto, a chave é criar interfaces de usuário adaptáveis isso dará ao consumidor uma ótima experiência, apesar da exibição ou orientação do dispositivo que está usando.
As pessoas são extremamente ocupadas e, por isso, raramente dedicam toda a sua atenção a uma tarefa. Por causa disso, você precisa manter seu design simples de entender.
Não faça seus usuários adivinharem. Use uma linguagem que eles possam entender facilmente em termos de palavras, frases e conceitos. Evite usar sistemas especiais ou termos do setor e insista em um idioma familiar para o público.
Se você pretende que o usuário conclua determinadas metas, deixe as ações em uma sequência que tenha início, meio e fim. Quando terminarem, use uma notificação para informar o usuário e incluir as próximas etapas.
Por exemplo, se você estiver criando uma página para um sistema bancário on-line, poderá agrupar as ações em "Detalhes do contato", "Detalhes da conta" e "Configurações do perfil" em vez de tê-las todas em um único formulário.
Erros não são apenas anomalias e erros, mas também grandes obstáculos para visitantes que tomam a ação desejada .
Se algo der errado ou for carregado incorretamente, a maioria dos visitantes não irá esperar por uma correção, eles simplesmente sairão. Fique atento e fique atento aos erros, consertando os que você detectar o mais rápido possível.
Os usuários não gostam de cometer erros. Eles se sentem ainda piores se acham que são culpados pelo erro. Se eles não transferirem esse ódio para você e seguirem em frente, eles abandonarão suas contas antes mesmo de serem configurados, por exemplo.
Ao projetar, elimine a possibilidade de um erro ou projete um sistema que verifique o erro antes de ir longe demais. Por exemplo, digamos que você exija que os usuários criem uma senha com pelo menos oito caracteres e inclua um mínimo de um dígito.
Seu sistema permitirá que o usuário continue criando uma senha que seja insuficiente, apenas para notificá-lo quando clicar em "Avançar" ou pode notificá-lo enquanto digita a senha? Este último é o melhor design.
Consistência em toda a interface do usuário se resume a tornar as coisas contínuas, previsíveis e dentro das expectativas. Projetar tudo o mais uniformemente possível e garantir que não haja surpresas ou resultados inesperados é um grande passo para tornar as coisas consistentes.
Pelo Princípio da menor surpresa : "Se um recurso necessário tiver um alto fator de surpresa, pode ser necessário reprojetar o recurso."
Os usuários têm que adivinhar o que as palavras significam e quais significam a mesma coisa? Eles precisam se preocupar em clicar em um determinado botão porque não têm certeza do que ele fará? Garanta a consistência dos processos, funcionalidade, aparência e terminologia.
Felizmente, não há escassez de recursos sobre este assunto. A maioria dos construtores de sites de boa reputação irá ajudá-lo com isso, pois apresentam um design de layout de grade uniforme e consistente.
Como é frequentemente dito hoje, “Contexto é tudo”. Contexto é como somos capazes de conectar novas ideias com idéias antigas, construindo relacionamentos e significados em nosso mundo.
O melhor professor para esta lição é provavelmente um anunciante. Os anunciantes sabem que sem a sensibilidade do contexto ao tempo e à maneira como apresentam seus anúncios, os anúncios se tornam inúteis - e isso é desperdício de dinheiro ( Veja como o Google AdWords determina como apresentar anúncios ).
Da mesma forma, você deve aplicar o design contextual em suas interfaces de usuário. A Interface contextual do usuário é o design baseado em localização, sensível ao tempo e baseado em situação de um site ou aplicativo para fornecer os dados mais relevantes ao usuário. E isso não tem sido uma grande preocupação para os designers até poucos anos atrás.
Com o crescimento da conectividade em tempo real e da dependência da Internet, o contexto pode ser a causa de sua falha ou sucesso.
O contexto é fundamental para as relações humanas, e igualmente importante para os elementos básicos do design . Esperamos que os objetos interativos sejam intuitivos e devem ser projetados para formar relacionamentos coerentes entre nossos função e design .
Determinar o tamanho dos objetos da interface do usuário e a quantidade de espaço em branco entre si é crucial para se certificar de que o design parece equilibrado e previsível .
Além de prender a atenção do usuário, isso também ajuda os usuários a entenderem onde estão os objetos, sem ter que procurar por todo o lugar.
Teste constante É melhor determinar a melhor maneira de fazer isso, ampliando o que precisa chamar mais atenção e encolhendo o que precisa ser menos perturbador.
Desenvolvedores e designers geralmente gostam de personalizar tudo.
Isso nos permite ter controle de tudo, de interfaces a papéis de parede a toques. A maioria das pessoas, no entanto, não parece se importar com a customização. A maioria dos dispositivos e outros produtos eletrônicos de consumo comprados quase nunca se muda . As pessoas normalmente não ajustam suas configurações de fábrica, já que alterá-las requer conhecimento, tempo e esforço.
Conhecendo esse fato, é importante garantir que suas configurações padrão sejam adequadas para que um grande lote de usuários possa entender e navegar facilmente. Isso significa dizer ao usuário: "Ei, você pode personalizar isso, mas não precisa fazer isso".
As pessoas normalmente não tomam nenhuma ação a menos que sejam solicitadas. É por isso que táticas como a call-to-action são tão poderosas para ajudar impulsionar conversões .
Mais importante, pergunte-lhes “bem”. O que isto significa? Por exemplo, considere o tempo e o contexto. Você pedirá ao usuário para iniciar outro objetivo sem completar o que ele está atualmente? Considere quando aparece um pop-up pedindo-lhes para verificar algumas outras coisas. Se ele não aparecer depois que eles rolam para o final do post, então você está fazendo errado.
Tome nota que só funciona quando o visitante está realmente interessado em algo que você está oferecendo. Se você puder provar que está fornecendo um valor significativo para as pessoas, não hesite em pedir aos usuários que façam algo em troca, como seguir suas páginas de mídia social ou blog. Isso funciona para manter seus usuários informados e também para aumentar seu tráfego na web ao longo do tempo.
Em nossa empresa de web design, percebemos que os visitantes do site não saberiam como entrar em contato conosco. Havia muitas opções. As pessoas costumavam ficar sobrecarregadas e não sabiam como iniciar o processo de contato.
Eles adivinhariam a si mesmos e acabamos recebendo menos conversões de contato como resultado. Ao tornar nossas ações desejadas mais óbvias, nós visualmente direcionamos os usuários para as ações que desejávamos.
Novamente, não deixe seus usuários adivinharem. Deixe-os saber exatamente o que você quer e notificá-los quando completarem a ação.
Quando você entra em um quarto escuro e aperta um interruptor de luz, você espera que a luz acenda. Se nada acontecer quando você apertar o botão, você pode assumir que algo deu errado. Isto é igualmente verdadeiro quando se trata de design.
Ninguém gosta de ser incerto sobre suas ações, por isso deve haver feedback de cortesia de mensagens e notificações para mostrar aos visitantes que suas ações foram bem-sucedidas e reconhecidas. O feedback pode ser tão simples quanto executando uma pesquisa na web ou adicionar uma notificação "Completa" assim que um formulário for enviado, mas é crucial quando começando um blog ou app.
Isso também enfatiza a necessidade de não deixar seus visitantes adivinharem a si mesmos. O sistema deve ser capaz de oferecer um feedback relevante, apropriado e urgente, abrangente, sensível e contextual.
A arte do design está sempre mudando, e continuaremos a encontrar novas maneiras de combinar a função e a forma no design da interface do usuário. Passamos por coisas como minimalismo e design responsivo, mudando e transformando à medida que tecnologias mais novas chegam à frente.
Com essas dez regras de interface do usuário em mente, não se esqueça de que algumas regras foram criadas para serem quebradas.
Testar e experimentar é como aprendemos novas técnicas confiáveis, mas podemos confiar em várias dessas regras como base.