O passado ainda está presente - uma visão geral do design atemporal

Publicados: 2022-03-11

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

O design industrial é o garoto-propaganda da longevidade. O charme intemporal de uma scooter Vespa. Os contornos icônicos de uma garrafa de Coca-Cola. Os ângulos elegantes de uma poltrona Eames. Haverá um design digital equivalente às maravilhas eternas do mundo do design industrial? Uma interface de usuário pode durar décadas como uma câmera Leica?

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

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

Apontar para o design atemporal

Não é surpresa que os sistemas de design estão explodindo em popularidade. Um sistema de design cuidadosamente elaborado dá até mesmo ao produto em evolução mais rápida um conjunto claro de princípios atemporais. Os componentes da interface do usuário podem mudar com o tempo, mas a sensação do produto pode permanecer consistente por muitos anos, mesmo à medida que o produto amadurece. Flexibilidade e longevidade. Isso é um ganha-ganha.

Candidatos ao Hall da Fama do Design Digital

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

Design de materiais do Google (2014)

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

Boa IU — Os componentes do Material Design fazem referência às sutilezas do mundo físico.

Inspirado no papel, o Material Design revolucionou a forma como pensamos o design para o mundo digital. Ao emprestar características do mundo físico, como sombras e princípios de animação antigos, o Material Design se baseia em sugestões visuais familiares sem girar os fãs de 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 sistema de design abrangente, o GOV.UK foi um dos primeiros sites governamentais centrados no usuário e colocou acessibilidade e design de informações no mapa.

Design de longevidade — GOV.UK foi um dos primeiros sites governamentais a focar na usabilidade.

Sem graça, alguns podem dizer, mas a equipe de design nunca teve como objetivo a estética. Em vez disso, o foco era o design da informação: fornecer aos usuários as informações necessárias para concluir as tarefas em tempo mínimo. Sem frescuras, sem frescuras. Essa simplicidade radical fez do GOV.UK um clássico instantâneo.

Dica: as interfaces de usuário não precisam ser bonitas para serem bem-sucedidas.

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 ao skeuomorphism e adotou o design plano. Adeus, grãos de madeira. Olá, simplicidade impressionante. iOS cresceu.

IU efetiva — O esqueumorfismo do iOS 6 versus o design plano do iOS 7.

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

A Apple não abandonou totalmente os efeitos skeumó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 é.

Dica: o design plano é o rei das 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 surgiram prometendo “todos os recursos”, o Trello manteve-se firme e popular por causa de sua simplicidade.

Tendências atuais de design — O Trello contrariou a tendência de preenchimento de recursos seguida por muitos produtos digitais de hoje.

Em vez de sobrecarregar os recursos, o Trello ofereceu um ecossistema de plugins que poderia atender às necessidades de nicho de alguns usuários sem sobrecarregar a interface do usuário para a maioria. O Trello é um garoto-propaganda da regra 80/20 no design (também conhecido como “O Princípio de Pareto”).

Dica: itere com cuidado e aplique a regra 80/20.

Google Chrome (2008)

Se o slogan da Volkswagen for “Das Auto”, o Chrome deve ser “The Web Browser”. O Google pegou um navegador da Web típico, removeu tudo o que não era essencial, tornou-o incrivelmente eficiente e ultrapassou o mercado.

Projeto para longevidade — O Chrome eliminou todos os recursos não essenciais em favor do alto desempenho.

A principal contribuição do Google aqui foi tornar o desempenho um item obrigatório para todos os produtos digitais daqui para frente. A compreensão das limitações do hardware e do navegador e a busca por 60 fps suaves e sedosos é 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.

Takeaway: Simplicidade e desempenho por si só podem vencer a 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.

Os designers podem ajudar a criar produtos que resistam ao teste do tempo, mas são impotentes se os CEOs não apreciarem os produtos projetados para envelhecer graciosamente. Entre os fabricantes de produtos digitais de hoje, é raro encontrar empresas que tomam decisões cuidadosas ou se recusam a perseguir todas as novas tendências. Basecamp é uma exceção.

Takeaway: Negócios sustentáveis geram produtos sustentáveis.

Tendências de design — A longevidade do design do Basecamp está enraizada na dedicação da empresa à tomada de decisões cuidadosa.

Google (1998)

Olhando para as primeiras iterações da página inicial do Google, levou cerca de um ano para criar o layout icônico que agora é mundialmente reconhecido e utilizável 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.

Conclusão: ótimos produtos podem evoluir, em vez de se reinventar, e ainda manter sua posição de liderança no mercado.

Tendências de design digital — A página inicial do Google é notavelmente semelhante às suas primeiras iterações.

2001: Uma Odisseia no Espaço (1968)

A obra-prima de Stanley Kubrick era tanto um filme de Hollywood quanto uma visão futurista. As previsões do futuro geralmente são distorcidas pelo presente, resultando em ideias bregas que parecem cômicas em retrospectiva. É notável como os conceitos estavam fora da caixa em 2001: Uma Odisséia no Espaço , como a previsão de telas sensíveis ao toque, tablets semelhantes a iPads e interfaces controladas por voz.

Estilos de design gráfico — *2001: A Space Odyssey* foi lançado um ano antes de Neil Armstrong se tornar o primeiro humano a pisar na lua.

Surpreendentemente, os designs de interface do usuário ainda parecem relevantes, embora fossem 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.

Tendências gráficas — Após 50 anos e contando, as interfaces de usuário de Stanley Kubrick resistiram ao teste do tempo.

As interfaces conceituais do filme apresentavam algo semelhante a uma estética de design plano. Demorou mais quatro décadas até a Apple abandonar o skeuomorphism e seguir o exemplo. Seja uma previsão deliberada ou uma limitação dos recursos gráficos na época, os vislumbres das interfaces soam autênticos até hoje.

Dica: 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 surpreende em uma indústria dirigida pelo 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 maneira de incentivar 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 inclusão. À 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 trabalha em colaboração com a tecnologia subjacente. No 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 sem sentido

Isso não quer dizer que a longevidade exige que os produtos sejam simplificados ou limitados a um certo número de recursos. Isso, no entanto, 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. Assim como as plantas, elas precisam ser constantemente regadas para sobreviver. Se o Google falisse e fechasse, seus produtos fechariam com ele. 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 mais 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 recursos para explorar como adicionar anos extras de vida às suas interfaces. Na maioria das vezes, os designers digitais verão seu trabalho perecer antes de vê-lo envelhecer.

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

Mas pequenas decisões podem colocar os produtos no caminho certo. Quando houver tempo suficiente, crie um sistema de design consistente. Quando o tempo é 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 impulsionado para a longevidade, mesmo em ambientes de alta pressão e ritmo acelerado.

Design para Longevidade

Os designers digitais seriam sábios em 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 devesse aplaudir o trabalho que resistiu ao teste do tempo.

As interfaces de usuário podem nunca ter o charme nostálgico de uma scooter Vespa velha e robusta, mas os produtos digitais ainda podem melhorar vidas. Quanto mais tempo o fizerem, maior a probabilidade de deixarem um legado que dure por décadas.

Deixe-nos saber o que você pensa! Por favor, deixe seus pensamentos, comentários e feedback abaixo.

• • •