A indústria de design digital está amadurecendo. Com as melhores práticas estabelecidas e o advento de sistemas de design, agora é possível buscar uma vida útil mais longa para os produtos que criamos. Podemos buscar clássicos digitais em vez de maravilhas de um só sucesso.

O design industrial é o garoto-propaganda da longevidade. O encanto atemporal de um Vespa lambreta. Os contornos icônicos de um Coca garrafa. Os ângulos elegantes de um Eames poltrona. Haverá um design digital equivalente às maravilhas eternas do mundo do design industrial? Uma interface de usuário pode suportar décadas como um Leica Câmera?

Improvável, parece ser a resposta. Objetos físicos, uma vez construídos, não precisam renovar nomes de domínio ou se manter atualizados com os padrões da web para existir. O design atemporal deve ser construído em uma base atemporal, mas o digital está sempre mudando.

A vida útil de designs digitais pode ser estendida, no entanto. Mesmo enquanto a tecnologia subjacente continua a evoluir.

Almeje o design atemporal

Não é nenhuma surpresa que os sistemas de design estejam explodindo em popularidade. Um sistema de design cuidadosamente elaborado oferece até mesmo ao produto de evolução mais rápida um conjunto claro de princípios atemporais. Os componentes da IU podem mudar com o tempo, mas o sentir do produto pode permanecer consistente por muitos anos, mesmo enquanto o produto amadurece. Flexibilidade e longevidade. Isso é um ganha-ganha.

Candidatos ao Digital Design Hall of Fame

Longevidade em design digital não é uma quimera. É a nossa realidade atual e, como outros mostraram, é possível que as interfaces envelheçam como um bom vinho.

Material Design do Google (2014)

O advento de Design material marcou um ponto de viragem no design digital. Pela primeira vez, um grande player como o Google criou uma linguagem de design do zero. Não só isso, ele capacitou designers, fornecendo diretrizes e ferramentas para implementar a linguagem em seu próprio trabalho.

Inspirado no papel, o Material Design revolucionou a forma como pensamos sobre design para o mundo digital. Ao tomar emprestadas características do mundo físico, como sombras e antiquíssimas princípios de animação , O Material Design se baseia em dicas visuais familiares sem despertar os fãs da GPU. Não estamos mais replicando texturas de couro ou reflexos hiper-realistas que fazem com que as guias do navegador parem.

Conclusão: o mundo físico pode influenciar o design digital, mas precisa se adaptar às características da tecnologia subjacente.

GOV.UK (2013)

Apresentando seu próprio abrangente sistema de design , GOV.UK estava entre os primeiros sites governamentais centrados no usuário e colocou acessibilidade e design de informação no mapa.

Sem graça, alguns podem dizer, mas a equipe de design nunca objetivou a estética. Em vez disso, o foco foi design de informação : Dê aos usuários as informações de que precisam para concluir tarefas em um tempo mínimo. Sem frescura, sem confusão. Essa simplicidade radical fez do GOV.UK um clássico instantâneo.

Conclusão: as interfaces do usuário não precisam ser bonitas para ter sucesso.

iOS 7 (2013)

O iOS original de 2007 merece sua própria entrada, mas não foi até o iOS 7 que a Apple deu adeus skeuomorfismo e adotou o design plano. Adeus, grãos de madeira. Olá, simplicidade impressionante. iOS cresceu.

Para ser justo, o Android abriu o caminho com sua implementação de design plano e sem dúvida apresentava melhor animação. No entanto, a Apple alcançou e criou uma estética de design digital que mais tarde foi estendida para os sistemas operacionais Mac e iPad.

A Apple não abandonou totalmente os efeitos skeuomórficos no iOS 7. O aplicativo de notas ainda apresenta uma textura de papel sutil e o aplicativo de clima atualiza o plano de fundo para refletir a luz do dia e as condições climáticas. No entanto, a interface 2D não é mais forçada a ser algo que não é.

Conclusão: o design plano é rei para interfaces de usuário 2D.

Trello (2011)

Sem contar as melhorias de usabilidade, o canivete suíço de aplicativos digitais quase não mudou em quase uma década. Enquanto produtos concorrentes surgiam prometendo 'todos os recursos', o Trello manteve sua posição e permaneceu popular Porque de sua simplicidade.

Em vez de sobrecarregar os recursos, o Trello ofereceu um ecossistema de plug-ins que poderia atender às necessidades de nicho de alguns usuários sem sobrecarregar a IU para a maioria. Trello é um garoto-propaganda do Regra 80/20 no design (a.k.a. “O Princípio de Pareto”).

Conclusão: repita com cuidado e aplique a regra 80/20.

Google Chrome (2008)

Se o slogan da Volkswagen é 'Das Auto', o Chrome deve ser 'O navegador da web'. O Google pegou um navegador da Web típico, removeu tudo o que não era essencial, tornou-o incrivelmente funcional e ultrapassou o mercado.

A maior contribuição do Google aqui foi dar desempenho um must-have para todos os produtos digitais daqui para frente. A compreensão das limitações de hardware e do navegador, e o empenho por aquela suavidade sedosa 60fps , é o que torna o design digital fundamentalmente diferente do design impresso ou industrial. O sucesso do Chrome é uma prova da importância do desempenho para uma ótima experiência do usuário.

Conclusão: a simplicidade e o desempenho por si só podem vencer no longo prazo.

Basecamp (2003)

O Basecamp fez seu nome indo contra o dogma do Vale do Silício de financiamento de capital de risco, crescimento exponencial e saídas antecipadas. Sua dedicação a produtos sustentáveis ​​e de longo prazo se reflete no design do Basecamp 3.

Designers pode ajudar a criar produtos que resistem ao teste do tempo, mas são impotentes se os CEOs não apreciam produtos que são projetados para envelhecer com elegância. Entre os fabricantes de produtos digitais de hoje, é raro encontrar empresas que adotam decisões cuidadosas ou se recusam a perseguir todas as novas tendências. O Basecamp é uma exceção.

Conclusão: negócios sustentáveis ​​geram produtos sustentáveis.

Google (1998)

Olhando para trás no primeiras iterações da página inicial do Google, demorou cerca de um ano para criar o layout icônico que agora é mundialmente reconhecido e pode ser usado sem falhas.

A página inicial do Google é um produto digital raro onde alguém do final do século 20 poderia ser teletransportado para os dias atuais, interagir com a interface do usuário e nem perceber o que mudou.

Takeaway: grandes produtos podem evoluir, em vez de reinventar e ainda manter sua posição de liderança no mercado.

2001: A Space Odyssey (1968)

A obra-prima de Stanley Kubrick foi em partes iguais o filme de Hollywood e a visão futurística. As previsões do futuro são geralmente distorcidas pelo presente, resultando em ideias cafonas que parecem cômico em retrospectiva. É notável como os conceitos estavam fora da caixa 2001: Uma Odisséia no Espaço , como a previsão de telas de toque, tablets do tipo iPad e interfaces controladas por voz.

Surpreendentemente, os designs de interface do usuário ainda parecem relevantes, embora ainda se passassem mais cinco anos antes que o Xerox PARC começasse a experimentar as primeiras iterações de uma interface gráfica de usuário, testes que mais tarde formariam a base dos sistemas operacionais da Microsoft e da Apple.

As interfaces conceituais do filme apresentam algo semelhante a uma estética de design plano. Demorou outro quatro décadas até que a Apple abandonou o ceticismo e fez o mesmo. Seja uma previsão deliberada ou uma limitação dos recursos gráficos da época, os vislumbres das interfaces soam autênticos até hoje.

Takeaway: Stanley Kubrick é um gênio.

Princípios para um design digital duradouro

Não existem princípios formalizados para a criação de interfaces digitais “atemporais”, o que não é surpreendente em uma indústria que segue o lema “mova-se rápido e quebre as coisas”. Mas se houvesse princípios orientadores, eles deveriam ser universais, adaptáveis ​​à tecnologia, simples e pragmáticos.

Universalidade

Uma forma de encorajar a sobrevivência a longo prazo dos produtos digitais é torná-los utilizáveis ​​pelo maior público possível. Isso significa projetar para acessibilidade, desempenho e inclusividade . À medida que os produtos se tornam mais amplamente adotados, experiências multilíngues devem ser oferecidas.

Adaptável à tecnologia

Em vez de forçar visões criativas sobre a tecnologia subjacente, o design adaptável à tecnologia funciona em colaboração com a tecnologia subjacente. Em web design, isso significa renunciar a animações que reduzem as taxas de quadros para 10 fps ou não recriar superfícies físicas em HTML, CSS e JS.

Simples e prático

Isso não quer dizer que a longevidade exige que os produtos sejam simplificados ou limitados a um determinado número de recursos. No entanto, isso significa que os recursos são escolhidos deliberadamente e com a experiência holística em mente. Aplique a regra 80/20 e erre pelo lado da simplicidade quando estiver em dúvida.

Pragmático

Os designs digitais têm muito em comum com as plantas em termos de longevidade. Como as plantas, eles precisam ser constantemente regados para sobreviver. Se o Google fosse à falência e fechasse, seus produtos fechariam com ele. Isso não é verdade para produtos físicos. Um carro feito por uma empresa que não existe mais em um país que não existe ainda pode ser usado se for bem conservado. Os designers industriais podem ter certeza de que seu trabalho sobreviverá a eles. Não é assim para designers digitais.

Além disso, muitas startups estão em modo de sobrevivência. Eles não têm os recursos para explorar como adicionar anos extras de vida às suas interfaces. Na maioria das vezes, os designers digitais verão seu trabalho morrer antes mesmo de envelhecer.

Em tais circunstâncias, a longevidade não é a primeira, segunda ou mesmo quinta prioridade do design de produto digital. Os produtos precisam sobreviver aos primeiros anos de existência antes que possam se preocupar com o envelhecimento adequado.

Mas pequenas decisões podem colocar os produtos no caminho certo. Quando houver tempo suficiente, crie um sistema de design consistente. Quando o tempo for curto, amplie ou personalize os sistemas existentes. Siga as melhores práticas. Aplique o princípio 80/20. Essas são pequenas maneiras pelas quais o design digital pode ser levado em direção à longevidade, mesmo em ambientes de ritmo acelerado e alta pressão.

Design para Longevidade

Digital designers seria sensato reconhecer o valor de criar um trabalho que mantenha a relevância nos próximos anos. Talvez, em vez de ficar obcecada com as últimas tendências, a indústria deva aplaudir o trabalho que resistiu ao teste do tempo.

As interfaces de usuário podem nunca conter o charme nostálgico de uma velha scooter Vespa robusta, mas os produtos digitais ainda podem melhorar a vida. Quanto mais tempo eles fazem, maior é a probabilidade de eles deixarem um legado que perdure por décadas.

---

Deixe-nos saber o que você pensa! Por favor, deixe suas idéias, comentários e feedback abaixo.

• • •

Leituras adicionais no ApeeScape Design Blog:

• Explorando os Princípios de Design da Gestalt
• Os princípios do design e sua importância
• As leis comprovadas e verdadeiras da experiência do usuário (com infográfico)
• Arte vs Design - Um Debate Atemporal
• Pare de fazer lixo: um guia para projetar interfaces duradouras

Compreender o básico

Como você faz um design atemporal?

O design atemporal é guiado por princípios de design como ênfase, equilíbrio, contraste, repetição, proporção, movimento e espaço em branco. Esses princípios são universais. Da mesma forma, várias disciplinas de design, como UX, têm seus próprios princípios orientadores que ajudam os designers a garantir que seu trabalho seja útil em qualquer época.

O que é design atemporal?

O design atemporal produz artefatos e experiências que são úteis e agradáveis ​​em qualquer época. Alguns designers seguem as tendências do design sem se preocupar com a viabilidade de seu trabalho a longo prazo. O design atemporal pode usar tendências, mas elas são secundárias em relação à utilização de princípios de design comprovados e verdadeiros.

Qual é a finalidade de uma interface de usuário?

Uma interface de usuário é o ponto de interação entre um ser humano e uma máquina. As IUs permitem que os humanos insiram comandos interagindo com componentes como botões, ícones e formulários. Hoje, muitas tendências de interface do usuário se concentram em visuais chamativos e animações, mas estes são secundários em comparação à usabilidade de uma IU.

O que é uma boa interface de usuário?

Acima de tudo, uma boa IU é aquela em que os usuários podem encontrar informações rapidamente e realizar as tarefas desejadas sem interrupção ou frustração. As interfaces de usuário visualmente simples costumam ser úteis para os usuários, mas as interfaces de usuário complexas podem ser igualmente úteis quando projetadas cuidadosamente.

O que é uma interface de usuário ruim?

Uma IU eficaz permite que os usuários encontrem informações e concluam tarefas sem esforço. Uma interface de usuário ruim apresenta aos usuários obstáculos que tornam as informações difíceis de acessar e as tarefas difíceis de executar. UIs ruins geralmente são o resultado de não entender o que os usuários desejam realizar em uma interface.