Lógica em Design… ou Lógica de Designers

Dashdevs. tripulação de ciência e tecnologia em UX Planet Seguir 9 de jul · 7 min ler

Não é outro artigo de design. É apenas uma confissão sobre minha dor. Minha opinião pessoal é que tudo no design deve ser lógico. Não importa se você criou a interface do usuário para o aplicativo ou está projetando uma cadeira. Os designers precisam entender que um bom design não é aquele que atinge os olhos com cores, texturas ou tamanhos. O melhor design é aquele que facilita a vida dos usuários.

Minha posição é um cliente engager na empresa Dashdevs . Sou uma ligação entre a equipe de produção e os clientes da empresa de terceirização. Recebo os requisitos e ajudo os designers a criar um produto que atenda às especificações. Eu trabalho com designers internos e externos o tempo todo, então eu lido com muitas pessoas que têm origens, ambientes e ambientes diferentes. E também enfrento os mesmos problemas lógicos o tempo todo. De tempos em tempos, tenho longas conversas com designers sobre o produto e seus requisitos. Abaixo estão os pontos mais cruciais e dolorosos para mim, freqüentemente tocados durante tais conversas. Algumas de minhas explicações podem parecer muito contundentes, mas essas questões realmente me magoaram e meu bom senso:

  1. A escolha errada para expressar criatividade. Cada aplicativo tem sua finalidade e público-alvo. Às vezes precisamos de um design simples com elementos de plataforma nativos para um pequeno aplicativo. Mas o designer age como um hamster de idéias. Como resultado, posso obter um design com elementos personalizados e animações que aumentam o custo de um projeto. Qualquer animação pode causar problemas nos dispositivos antigos e versões antigas do sistema operacional. E a questão principal é que o design não atende ao objetivo do aplicativo. Alguns designers acham que, se criarem desenhos extravagantes a cada vez, destacarão sua individualidade como profissionais. Mas esta é uma hipótese errada. Um designer habilidoso pode criar uma interface do usuário necessária para o usuário. Os ego-maníacos devem ir ao art .
  2. Avalie os resultados do designer por elementos na tela (ou o número de telas). Eu entendo que um designer poderia estar trabalhando os dedos até o osso na criação de uma obra-prima. No entanto, muitas horas de trabalho duro não significam que você precise de mais elementos na tela. É um viés pessoal. Não posso deixar de me perguntar por que alguns projetistas estimam o valor de seu trabalho no número de elementos que criam?
  3. Crie sua visão das coisas comuns. Esta questão está em conformidade com o anterior. Por exemplo, alguns designers, por algum motivo, decidem que precisam criar um ícone totalmente novo para a funcionalidade usual de compartilhamento. Essa abordagem criativa resulta na situação em que um elemento incomum recém-criado é negligenciado pelos usuários e deixado sem uso. Já que as pessoas já estão acostumadas com ícones familiares. Para recursos relacionados a mensagens, eles estão esperando para ver um envelope, para notificação – uma campainha, para logout – uma porta com uma seta apontando para a direita.
  4. O design deve se comunicar com um usuário … com palavras. Uma questão real é quando um designer começa a explicar tudo com palavras. Um dos exemplos mais recentes foi com uma de nossas aplicações. Um usuário do aplicativo pode enviar algum dinheiro usando um método especial de pagamento. O fluxo após a autorização para a aplicação é o seguinte: 1. selecione a seção especial => 2. selecione um tipo de pagamento => 3. selecione a conta da qual você deseja enviar o dinheiro => 4. selecione o beneficiário => 5. introduza o montante a enviar => 6. confirme o pagamento. A questão foi com o quinto passo deste processo, onde eu tinha uma longa cópia na tela como "Agora você vai enviar o dinheiro para XXX pessoa … digite o valor que você gostaria de compartilhar … e assim por diante". designer por que precisamos desse prompt de palavras. A resposta foi que a longa redação é para o caso se um usuário não entender o que está fazendo. Meu ponto, neste caso, é bastante claro – os usuários não são tão estúpidos quanto você pensa sobre eles. Mas no caso, o usuário realmente não entende que ele vai enviar o dinheiro no quinto passo da ação no recurso que é chamado de "transferências de dinheiro" – fugir de tal usuário.
  5. Eu posso ver o espaço extra! Eu preciso usar isso! Este, precisamente, é o mais maluco. A maioria dos designers tem medo de deixar algumas zonas brancas na tela. Eles adicionam textos, ilustrações, botões e assim por diante. O espaço vazio é bom. Não vai te machucar. Isso ajuda você. Um foco na tela é destacado não com cores, mas com espaço.

Esses problemas recorrentes às vezes me enlouquecem. Especialmente quando trabalhamos em um projeto complexo. O design acompanhado por problemas semelhantes, conforme descrito acima, pode complexificar ainda mais o produto.

Primeiro de tudo, como o criador do design, você precisa se lembrar que sua visão é desvantajosa. Você sabe como o aplicativo deve funcionar. E por esse motivo, tudo pode parecer tão óbvio para você. Mas é apenas o seu viés cognitivo. Eu sugiro que você leia sobre a síndrome de Dunning-Kruger. Então, repensar o design de outro ponto de vista – os usuários '.

O segundo problema é que os designers tendem a proteger seu trabalho e não são capazes de ver os problemas nele. A crítica é percebida como uma afronta pessoal. (Rolando olhos.) Personalidades criativas, nada a acrescentar. 🙂

Se você quiser escapar dos problemas comuns mencionados, aqui está uma lista de verificação de proteção lógica simples para seu design para dispositivos móveis:

  1. Como esta tela facilita a vida dos usuários? – Pode parecer um pouco filosófico. Mas qual é o objetivo da tela? A aplicação pode viver sem ela?
  2. Quais são as três coisas na tela que você pode excluir? – Por favor, note que a resposta NADA não é aplicável se já houver mais de cinco elementos em sua tela. Há sempre uma maneira de simplificar a tela sem perder a lógica / funcionalidade. Encontre e revise o design mais uma vez. Todas as coisas que você pode excluir da tela não devem estar no centro ou na zona de polegar da tela.
  3. O objetivo da tela ficará claro se eu excluir todo o texto dela? – O design deve falar sem palavras. Imagine que seu aplicativo esteja nas mãos de um estrangeiro. Permanecerá compreensível para este usuário?
  4. Você tem um texto com tamanho de fonte menor que oito? – Esse texto é quase ilegível para o usuário.
  5. Se eu alterar todos os textos para XXX, o usuário poderá reconhecer botões e zonas de interação? – Alguns designers gostam de incluir um botão no texto ou criar muitos “botões de texto”.
  6. Quantas palavras existem na tela? – A velocidade média de leitura para adultos é de 200 a 250 palavras por minuto. Se o texto for pequeno em tamanho de fonte, esses números estão diminuindo. Se a cor não contrastar com o fundo, a velocidade de leitura também diminuirá. Sua tela é tão importante que vale 60 segundos de vida dos usuários para obtê-la?
  7. Quantos botões existem na tela? – O número deve ser menor que três. Com cada botão adicional, você está perdendo a concentração dos usuários.
  8. Quantos botões com o estilo de ação principal você tem na tela? – Espero que você tenha um StyleGuide e que haja estilos específicos para diferentes tipos de ações dos usuários. De qualquer forma, você precisa ter um botão principal na tela. Por favor, não crie confusão extra para o usuário.
  9. As zonas de toque dos botões estão sobrepostas? – Adicione 15 px adicionais para enquadrar cada botão de todos os lados e verifique-o.
  10. Você tem algum gesto que o usuário possa usar? – O caso usual quando o aplicativo tem muita funcionalidade oculta com gestos. Um usuário nunca encontrará até que você o avise.
  11. Quantas cores você está usando na tela? – Se você tiver mais de três cores na tela e cada uma delas cobrir mais de 15% da tela, você não terá detalhes claros na tela.
  12. Você tem o mesmo tipo de tela em algum outro lugar do aplicativo? – Mantenha a consistência em toda a aplicação.
  13. Quantas palavras estão nos botões? – Este é o meu favorito. Especialmente os botões como "Confirme seu aplicativo" no dispositivo móvel. A tela do celular é pequena, então esse botão pode “comer” todo o espaço.
  14. Quantas palavras / botões estão na barra de navegação / barra de ferramentas? – O ponto é quase o mesmo que com os botões. O que quero destacar neste ponto é que esses elementos móveis, como barras de navegação ou barras de ferramentas, geralmente incluem pelo menos um botão. Em alguns casos, existem até quatro botões. Se você tiver mais de quatro botões, seu usuário e seu desenvolvedor provavelmente irão odiá-lo.
  15. Você tem um design dessa tela com um teclado aberto? – Geralmente, temos alguns formulários ou campos de entrada que exigem algumas informações de um usuário para inserir nos aplicativos. Mas o teclado pode abranger botões ou todas as informações essenciais. Desafie seu design com a abertura do teclado.
  16. Quantas sombras de cinza você tem na tela? – Não é uma piada ou uma alusão. Muitos designers cedem à tentação de ter mais de três tons diferentes da cor cinza em uma tela.

Conclusão

Não tenho dúvidas de que o design é um trabalho importante e difícil. Designers são pessoas criativas que precisam ser empáticas e pensar fora da caixa para resolver problemas de usuários. O objetivo principal deste artigo é ajudar os designers a crescerem sozinhos. Considero que design útil é o design lógico que pode ser criado apenas se nos fizermos milhares de perguntas. Precisamos ser autocríticos para o nosso trabalho quando for necessário e razoável. Em Dashdevs , fazemos um monte de perguntas e aplicamos uma visão imparcial ao nosso design criado.

Deixe-nos saber quais são os erros de design mais comuns que você enfrentou. Você acabou de ler minha confissão. Agora é a sua vez, e você é bem-vindo para compartilhar suas dores no design. 😉