6 ajustes simples de design de interface de usuário para levar seu aplicativo de “Meh” a incrível
Publicados: 2015-09-16Você criou seu protótipo de aplicativo móvel de acordo com as especificações, mas algo não parece certo. Talvez não flua tão suavemente quanto você deseja, ou o design da interface do usuário não lhe dê aquele efeito “Uau”. Você quer que seu aplicativo pareça mágico, mas agora parece mais com seu pai puxando uma moeda da sua orelha do que com David Copperfield fazendo as pirâmides desaparecerem.
O que você faz? Você descarta tudo e começa seu design novamente do zero?
Ou talvez, por algum milagre, o aplicativo possa ser salvo com apenas um simples ajuste de design. Afinal, você estava comprometido com o design antes de construir o protótipo ou beta, então deve haver algo de bom nele – e seria uma pena desperdiçar todo esse trabalho duro.
Perguntamos a 6 designers quais pequenos ajustes eles acham que fazem a maior diferença para um designer de interface de usuário. Talvez as respostas deles o inspirem a dar o toque final perfeito em seu aplicativo, levando-o de bom a ótimo (ou de ótimo a incrível!)
1. Na hora de copiar, corte a gordura.
Se você estiver usando um aplicativo em um dispositivo pequeno, é provável que não queira gastar muito tempo lendo. Não apenas uma superabundância de cópia deixa o usuário lento, mas também atrapalha o design da interface do usuário.
Maureen Kerwin é designer de interação na Nokia Networks (@nokianetworks). A dica de Kerwin para melhorar instantaneamente qualquer aplicativo? Faça uma auditoria da cópia e corte qualquer coisa que você não precise.
“Revise a cópia para qualquer lugar que você tenha repetição ou muitas palavras”, diz Kerwin. “Quase sempre há algo que você pode remover ou revisar para ficar mais claro e sucinto.”
Nesse caso, às vezes o melhor amigo de um designer de interface de usuário é o editor ou revisor. Se você não consegue decidir qual cópia cortar (ou condensar), ter esse segundo olhar objetivo em seu aplicativo faz toda a diferença.
2) Obtenha feedback do usuário.
Se você está preso tentando descobrir o que é sobre o design da interface do usuário que simplesmente não está funcionando, a maneira mais rápida de obter uma resposta é simplesmente perguntar aos seus usuários.
Mike De'Shazer (@itsdeshazer) é cofundador e CEO da CodeCloud.me (@CodeCloudMe), uma plataforma interativa que ajuda os usuários a aprender como codificar e permite que eles criem aplicativos. Conhecer seus usuários e obter seus comentários, diz De'Shazer, é o método mais confiável de tornar o design da interface do usuário eficaz.
“Existem diferentes tipos de otimizações de UX com objetivos diferentes”, diz De'Shazer, “mas a melhor maneira de otimizar o design e a experiência da interface do usuário para qualquer tecnologia é entender melhor as pessoas que a estão usando”.
Quando seu aplicativo não estiver funcionando, envie seu protótipo para um grupo de usuários beta. Suas sugestões sobre como melhorar a experiência podem ser o feedback mais valioso que você pode obter.
3) Faça isso rápido.
Todos os seus usuários (e usuários em potencial) precisam de velocidade. Se você perceber que a experiência do usuário não está clicando da maneira que você deseja, pode não ser tanto um problema de design da interface do usuário, mas a velocidade do próprio aplicativo.
Amna Rizvi é desenvolvedora de aplicativos no GadgTecs (@GadgTecs), um blog de ciência e tecnologia que apresenta aplicativos, gadgets e notícias científicas. Como criador e observador de aplicativos móveis, Rizvi descobre que a velocidade e o tempo de inicialização são dois dos aspectos mais importantes para otimizar a experiência do usuário.
“Um dos aspectos mais importantes para mim é o tempo de inicialização do aplicativo”, diz Rizvi. “O aplicativo deve ter uma página inicial incrível e deve carregar muito, muito rapidamente.”
Recomendado para você:
O que significa a provisão antilucratividade para startups indianas?
Como as startups de Edtech estão ajudando a qualificação da força de trabalho da Índia e se preparando para o futuro
Ações de tecnologia da nova era esta semana: os problemas do Zomato continuam, EaseMyTrip publica...
Startups indianas pegam atalhos em busca de financiamento
Plataforma de marketing digital Logicserve Bags Financiamento de INR 80 Cr, renomeia como LS Dig...
Relatório adverte sobre o escrutínio regulatório renovado no espaço Lendingtech
As primeiras impressões, claro, são as mais importantes, diz Rizvi. “Os usuários são rapidamente desligados quando clicam no aplicativo e precisam esperar séculos antes de poderem fazer qualquer coisa. Então, na minha opinião, o aplicativo deve ser instantâneo, não importa o tamanho.”
Não deslumbrado com o seu trabalho mais recente? Veja se você pode simplificar a experiência. Torne os tempos de carregamento mais rápidos e considere fazer com que as animações incorporadas ao design da interface do usuário decorram em períodos de tempo mais curtos. Se isso não fizer seu aplicativo brilhar um pouco mais, continue lendo.
4) Decore seu design de interface de usuário com animação.
Andrew Riley é o fundador do Ticketlab (@ticketlabUK), um serviço de venda de ingressos online que permite que os artistas criem e vendam ingressos para eventos. Ele também é consultor digital e desenvolvedor frontend.
Para Riley, a melhor maneira de adicionar impacto imediato ao design da interface do usuário é com movimento.
“Minha principal dica para melhorar a sensação de uma página da web ou aplicativo é muito simples: animação. Não estou falando dos logotipos saltitantes e dos reflexos de lente da era do Flash, mas da animação sutil”, diz Riley. “Em sua forma mais simples, quando um estado de foco envolve uma mudança de cor de fundo, basta aplicar uma transição linear de 0,3 segundo a ele. Você descobrirá que isso fará com que seu design de interface de usuário instantaneamente pareça menos um site e mais um aplicativo.”
A melhor parte desse ajuste de design é que não demora muito para ser feito, diz Riley, mas o efeito pode ser enorme. “Uma transição pode ser aplicada de maneira inteligente a quase qualquer mudança de estado para realmente dar vida a um projeto. Apesar da disponibilidade deste recurso CSS há vários anos, ele ainda é subutilizado em muitos novos aplicativos, mas leva apenas alguns momentos para implementar em muitos casos.”
Gert Hattingh, CTO da One Click Here (@Oneclickhere1), concorda. No One Click Here, diz Hattingh, designers e desenvolvedores dedicam tempo para testar o design da interface do usuário em vários estágios, certificando-se de que o fluxo está correto.
“Trabalhar em um ambiente ágil oferece a capacidade de testar a interface do usuário à medida que avança no desenvolvimento. Gostamos de brincar com as transições para orientar o usuário a dar o próximo passo”, diz Hattingh. “Adicionar uma animação sutil a um botão quando ele está sendo usado ajuda o usuário a saber o que fazer e melhora a experiência geral.”
A animação chama a atenção de seus usuários, ajuda a guiá-los ao longo da experiência e pode adicionar aquela força extra muito necessária ao design da interface do usuário, mas lembre-se de não exagerar - como nosso próximo desenvolvedor nos lembra, às vezes menos é mais.
5) Simplifique, simplifique, simplifique.
Nenhum usuário quer ser bombardeado com uma cacofonia de estimulação visual, seja uma paleta de cores que toma muitas liberdades ou um abuso flagrante de texturas visuais (mesmo se você for um discípulo de skeuomorphism, você ainda pode ir longe demais com o sombras e brilho).
Amrita Talwar é uma desenvolvedora que trabalhou em vários aplicativos para Android e iOS, incluindo PoolMyRide (@poolmyride), um aplicativo multiplataforma que permite aos usuários encontrar parceiros de carona. Na experiência de Talwar, a chave para levar um design de interface de usuário de bom a ótimo é mantê-lo simples:
“Projetar um aplicativo é como criar uma música sem letra – deve ser entendido globalmente. Para tornar o aplicativo fácil de usar e bonito, sigo estas etapas:
– Considere usar o material design com ícones planos e certifique-se de que o design da interface do usuário seja dimensionado para diferentes dispositivos.
– Minimizar o número de cliques, gestos e interações que o usuário precisa fazer. Tudo o que você pretende que o usuário faça deve ser feito com o mínimo de cliques possível.
– Manter o design da interface do usuário limpo. Pode ser tentador sobrecarregar sua interface do usuário com recursos, mas priorize o que o usuário realmente precisa. Às vezes, é melhor apenas manter os recursos mais importantes e deixar de fora os 'bom para ter', pois o custo total do design geral é negativo.”
Um design simplificado significa menos carga para seus usuários. Seu design de interface de usuário deve fazer o trabalho por eles – e não o contrário.
6) Procure inspiração fora de sua zona de conforto.
Às vezes, o culpado por trás de um design sem graça é simplesmente a falta de novas ideias. Isso é particularmente comum quando você tem alguns anos de experiência no setor, especialmente na mesma agência. Você notou que seus designs de interface de usuário estão começando a ter a mesma aparência - a mesma tela inicial, as mesmas animações, botões, ícones ou tipos de letra semelhantes?
Talvez seja hora de encerrar seu projeto atual e dar uma olhada em alguns outros aplicativos móveis para empurrar sua rotina. Um ótimo lugar para começar pode ser uma lista dos 10 melhores designs de interface do usuário inovadores de empresas em ascensão. Dê uma olhada no que esses aplicativos fazem de maneira diferente e considere como você pode tornar alguns desses conceitos seus.
Para uma visão ainda mais atualizada, procure fora do setor de aplicativos móveis em geral. Por exemplo, jogar um videogame pode ser uma lição valiosa de contar histórias, e uma ida ao museu de arte pode levar a algumas de suas melhores ideias. Mesmo passar um pouco de tempo extra com seus filhos (ou sobrinhas e sobrinhos) pode aprimorar seu jogo de design de interface de usuário.
Não sente vontade de sair da sua cadeira? Basta ler sobre como outros designers obtêm suas melhores ideias quando atingem um funk criativo. Às vezes, a inspiração vem dos lugares mais improváveis.
[Publicado originalmente no blog.proto.io em 28 de agosto]