O que os carros podem nos ensinar sobre design de interface do usuário para aplicativos móveis?
Publicados: 2015-10-19A inspiração do design pode vir de quase qualquer lugar, dos salões das galerias de arte à bancada da sua cozinha. Embora muitos motoristas possam usar seu tempo ao volante para olhar para seus telefones (por favor, não seja um deles!), a estrada pode realmente fornecer uma rica fonte de sabedoria de design para as pessoas que criam UIs de aplicativos móveis.
Da próxima vez que você se encontrar preso no trânsito, olhe ao redor – em vez de amaldiçoar o destino de sua última má sorte ao dirigir, veja o que os fabricantes de automóveis contemporâneos estão fazendo certo (e errado) quando se trata de design e pense em como você pode leve essas lições de volta para sua mesa. Como amantes de carros e geeks de aplicativos móveis, essas são apenas algumas das coisas que aprendemos sobre o design de interface do usuário do mundo das carruagens sem cavalos.
O DeLorean: os motoristas adoram um design arrojado, mas preferem o desempenho

O DeLorean DMC-12, conhecido por praticamente todos como simplesmente “O DeLorean”, tem um dos designs mais icônicos e instantaneamente reconhecíveis da história do carro. Mesmo que você nunca tenha aberto uma edição de Motor Trend , assistido a um episódio de Top Gear ou pensado muito no design de automóveis, provavelmente pode imaginar instantaneamente o aço escovado, os ângulos agudos e as portas de asa de gaivota dessa apoteose da estética dos anos 80 .
Afinal, há uma razão pela qual Doc Brown usou este carro para construir sua máquina do tempo em De Volta para o Futuro . Se você está navegando ao longo das décadas com 1,21 gigawatts de potência, deve fazê-lo com estilo.
Mas, apesar de todo o amor e nostalgia que o DeLorean recebeu ao longo dos anos, não há como ignorar o fato de que apenas 9.000 carros foram fabricados antes da DeLorean Motor Company encerrar a operação. O veículo de curta duração foi superado pelo filme franqueado em que foi apresentado, desfrutando apenas de dois anos de produção. Por quê?
O carro esportivo que mal ganhou um troféu de público
A liquidação da DeLorean Motor Company em 1983 foi o resultado de uma confluência de fatores, entre os quais um mercado automobilístico deprimido nos Estados Unidos. No entanto, é improvável que o DeLorean tenha durado muito mais tempo em condições econômicas mais favoráveis, com base apenas em seus méritos como carro. Enquanto o design do carro dizia: “Dirija-me – sou futurista e rápido”, o desempenho contou uma história diferente.
Antes de John DeLorean se sentar para criar um protótipo de seu carro icônico, ele originalmente sonhava com 200 cavalos de potência. Embora certamente aquém dos 1,21 gigawatts necessários para viajar no tempo, isso era uma quantidade significativa de músculo e um pouco mais próximo do que você esperaria de um carro que se parecesse, bem, com isso . No momento em que o carro foi fabricado e importado para os Estados Unidos, com suas leis de emissões recém-criadas e conversores catalíticos obrigatórios, 200 cavalos de potência se tornaram cerca de 136 cavalos de potência - comparável aos carros compactos de 4 cilindros menos emocionantes de hoje. Isso não era apenas fraco para os padrões de hoje, mas também era muito ruim naquela época.
E isso era para um carro esportivo , não para um sedã prático ou calhambeque mal reparável reservado para ir do ponto A ao B. Ninguém comprou um DeLorean antecipando uma experiência de direção tranquila.
Como não projetar um DeLorean
O que tudo isso nos diz sobre o design da interface do usuário do aplicativo móvel? Isso é mais do que um conto de advertência sobre a forma seguindo a função. Todo mundo sabe que o design de IU de aplicativo mais bonito do mundo ainda não funcionará se o aplicativo em si não tiver um bom desempenho - se ele travar, travar, executar lentamente ou exibir outro sintoma de desenvolvimento ruim e garantia de qualidade inadequada.
No entanto, o DeLorean é um Esopo importante para quem projeta qualquer coisa que outra pessoa possa acabar fazendo. John DeLorean tinha uma bela imagem em sua cabeça que os fabricantes de automóveis reais não podiam entregar. Lembre-se de que a DeLorean Motor Company estava sediada na Irlanda, e grande parte da perda de desempenho ocorreu quando o carro foi para os Estados Unidos e pegou um conversor catalítico, perdendo ainda mais potência.
Os designers de interface do usuário são como John DeLorean, enquanto os desenvolvedores são como os fabricantes americanos. Você pode evitar muitos SNAFUs simplesmente abrindo um diálogo com seu desenvolvedor o mais cedo possível. Em suma, designers e desenvolvedores podem e devem ser amigos. Discuta quaisquer possíveis limitações com os outros membros de sua equipe, desde especificações de hardware até possíveis problemas de desempenho de rede – qualquer coisa que possa resultar em uma interface de usuário de aplicativo com aparência muito legal, mas em última análise, disfuncional.
Ao discutir essas limitações antes mesmo de construir seu protótipo, você terá uma ideia realista do que é possível com seu aplicativo. Talvez certas animações ou transições sejam melhor deixadas no chão da sala de edição. Talvez certos tipos de notificações push sejam desaconselháveis. Embora muitos desses detalhes sejam resolvidos em testes e controle de qualidade, abordá-los desde o início lhe dará uma ideia mais realista do que você pode realmente projetar e construir.
A interface do usuário do seu aplicativo deve ser mais Tesla do que Prius
Mas pelo amor de Deus, não faça dele um Hummer.
Como uma espécie de contraponto ao argumento “a forma segue a função” ou “o design segue o desempenho”, você também deve evitar criar um aplicativo altamente funcional e utilizável, mas não muito inspirador visualmente. Você ainda quer esse fator “legal”, a menos que o design da interface do usuário do seu aplicativo tenha um apelo mais especificamente irônico e ascético – Craigslist, estamos olhando para você.
Mas às vezes essa frieza pode vir à custa da eficiência. A saber, quem entre nós recusaria o teste de estrada de um Dodge Challenger SRT Hellcat? Com 707 cavalos de potência e a capacidade de ir de 0 a 60 MPH em três segundos, provavelmente é impossível se divertir mais em uma linha reta, e isso nem chega a mostrar o quão bom é o chassi do muscle car de retrocesso. O Hellcat é basicamente o que você conseguiria se pegasse a boa aparência e a masculinidade intransigente de um jovem Clint Eastwood, acrescentasse a velocidade e a ferocidade de Steve McQueen, transformasse a quimera resultante em um carro e depois desse esteróides ao carro .
Recomendado para você:
Em suma, é um passeio muito doente.


Mas com grande potência vem ótimos custos de combustível. E, neste caso, talvez algum dano ambiental. Enquanto o Hellcat chega a 22 milhas por galão na estrada - não é digno do Greenpeace por qualquer extensão da imaginação, mas talvez melhor do que o esperado - ele só chega a 13 mpg na cidade. E vamos ser sinceros, se você está dirigindo um desses bad boys, provavelmente não está planejando ser muito gentil com suas entradas.
Aqui está a coisa: enquanto alguns motoristas não têm medo de desembolsar o dinheiro e comer um pouco de ozônio por um bebedor de gasolina perverso, nenhum usuário vai manter um aplicativo que consome todos os recursos do telefone. Claro, eles podem baixá-lo no início, achando que os recursos são legais e a interface do usuário do aplicativo linda, mas assim que virem o tanque de bateria do telefone, eles se livrarão desse aplicativo mais rápido do que uma pessoa com uma crise de meia-idade pode diga: “Talvez eu não possa pagar essa conta de gás, afinal”.
Não faça uma interface do usuário do aplicativo móvel Hellcat. Mas isso também não significa que você tenha que torná-lo um Prius.
O que o Tesla Model S pode nos ensinar sobre o design da interface do usuário do aplicativo móvel
No mundo dos carros, a batalha real entre carros legais e carros eficientes parecia uma luta triste colocando o tecnologicamente meio arrumado, mas (convenhamos) esteticamente "meh" Prius e outros híbridos lentos contra os carros esportivos e SUVs que ainda priorizavam velocidade, potência e desempenho acima da sustentabilidade ambiental e financeira.
Isso foi até que um empreendedor com visão de futuro se apresentou e postulou: “Por que não temos os dois?”

A Tesla Motors é, em muitos aspectos, a Apple (por volta de meados dos anos 2000, era Steve Jobs) da indústria automobilística. Está fazendo coisas que as pessoas não achavam possível anteriormente, estabelecendo novos padrões para a indústria e parecendo muito legal ao fazê-lo. Basta dar uma olhada no Model S - não apenas faz 0-60 em menos de três segundos, mas o faz usando um motor elétrico que faz seu Prius parecer um F350 quando se trata de economia de combustível. Além disso, possui uma classificação de segurança de cinco estrelas em todas as categorias .
Mas mais importante do que todas essas coisas, talvez, seja o fato de ser apenas uma máquina linda. Embora o Model S não tenha o estilo de carroceria chamativo de, digamos, um Nissan GT-R ou um Corvette Z06, é difícil assistir a um Tesla passar na estrada e não torcer o pescoço para ele. Se você gosta de carros esportivos, carros de luxo ou ambos (e o Model S é ambos), você não pode negar que o design elegante e aerodinâmico do veículo principal da Tesla, com detalhes sutis como maçanetas de perfil zero, é uma peça linda de máquinas.
O Model S é bonito em muitas das mesmas maneiras que os produtos da Apple são considerados tão bonitos: seu design é simples, aerodinâmico, luxuoso. Da mesma forma que um design de interface de usuário de aplicativo móvel bem executado deve ser.
Assim, enquanto o DeLorean DMC-12 mostra as armadilhas de abandonar o desempenho e a função e confiar demais na forma, o Model S mostra todas as possibilidades que surgem quando você dedica tempo para fazer valer tanto a forma quanto a função. Só porque você não quer que seu aplicativo consuma muita memória ou energia no dispositivo do usuário, não significa que você tenha que torná-lo um Prius. Não faça concessões – transcenda o status quo.
As pessoas adoram opções de acabamento personalizado
Parece haver um pacote de acabamento para tudo nos dias de hoje. Se você quer uma picape Harley Davidson F-Series, um pacote policial Dodge Charger (com painéis de porta balísticos!) a granel), há um carro por aí com os recursos personalizados que você deseja.
As pessoas adoram opções. Isso não é novidade para ninguém. Basta pensar na última vez que você comprou um carro. Provavelmente havia uma marca ou um conjunto de marcas em que você estava interessado - talvez você goste de muscle cars domésticos, ou talvez goste de importações práticas, mas esportivas, ou talvez esteja apenas procurando um veículo confiável a um preço decente . Você pode ser um aficionado por transmissão manual ou pode estar procurando por tração nas quatro rodas. Mesmo que você não tenha sentimentos fortes sobre qualquer outra coisa, provavelmente tem preferência pela cor do seu carro.
E depois há as opções de que precisamos, mas não necessariamente escolhemos. Se você tem algum tipo de lesão nas costas ou dor crônica, a qualidade do passeio é importante, e os aquecedores de assento são mais uma necessidade do que um luxo. As câmeras de backup são essenciais se você tiver algum problema com a mobilidade do pescoço. Você costuma carregar crianças ou animais de estimação bagunçados? Você pode querer alguns assentos de couro fáceis de limpar.
A personalização é importante não apenas no design do carro, mas também no design da interface do usuário do aplicativo móvel. A criação de itens como esquemas de cores personalizados e zoom na interface do usuário do aplicativo tornará seu aplicativo mais utilizável e acessível para um público mais amplo, ao mesmo tempo em que oferece aos usuários a satisfação da escolha. Mas não é apenas uma questão de usabilidade – se seu aplicativo é monetizado, você pode oferecer aos usuários recursos premium de “ajuste” se eles gostarem do aplicativo o suficiente para atualizar. Isso pode incluir o acesso a uma variedade maior de arquivos (músicas, e-books, níveis de jogos etc.) ou a opção de usar o aplicativo sem anúncios.

Tal como acontece com os carros, porém, você precisa garantir que seu “acabamento” básico seja atraente o suficiente para atrair o usuário em primeiro lugar. A BMW, famosa por suas opções personalizadas, oferece uma experiência de luxo confiável, independentemente de você optar por faróis de LED ou detalhes em azul nos freios do i8. Se você bloquear todos os recursos mais atraentes do seu aplicativo por trás de um paywall, seus usuários irão desinstalar, em vez de atualizar.
Que tipo de carro é a interface do usuário do seu aplicativo móvel?

Quer você crie aplicativos de produtividade práticos (talvez você seja um Volvo), jogos para celular emocionantes (se for de baixo preço, um Ford Focus ST, mas se for mais caro, um Porsche 918) ou algo intermediário, é provável que você possa aprender mais do que você pode esperar sobre o design da interface do usuário do aplicativo móvel apenas visitando algumas concessionárias. Vá no final do mês e você pode se encontrar com um monte de inspiração para seu próximo aplicativo, bem como uma grande quantidade de um novo passeio.
Originalmente publicado no Proto Blog em 14 de outubro.






