Sistemas de design para ambientes e usuários em evolução

Ser um dos primeiros a lançar um superaplicativo com marcas multicategorias traz tanto orgulho quanto apreensão. Embora a tarefa seja atender a um conjunto variado de usuários com comportamentos igualmente variados, um dos maiores desafios que enfrentamos foi criar uma experiência direta, intuitiva e voltada para o futuro que seja simples, versátil, escalável e elegante.

Após vários meses de trabalho incrível realizado por nossa jovem e dinâmica equipe de design, estamos confiantes de que o produto que estamos construindo receberá o amor que merece.

Aqui está uma rápida recapitulação para comemorar nossa jornada até agora:

Projetando para um sistema multicamadas: o Design Unsystem

Um sistema, por definição, é um conjunto de regras e guias que criam uma experiência consistente e intuitiva para os usuários, ajudando a minimizar o atrito e a sobrecarga cognitiva. O sistema, assim, ajuda os usuários a sentirem uma sensação de conforto e familiaridade em um espaço que eles podem chamar de seu.

Como designers, juramos pelos guarda-corpos em um sistema de design e aderimos a eles sem qualquer compromisso. Cada regra é sacrossanta e, portanto, inflexível. Mas, apesar dessa estrutura rígida, nossa equipe ultrapassou os limites do sistema e imaginou uma nova maneira de criar uma experiência de usuário flexível, consistente e ágil.

Com esse pensamento novo e fresco, nosso esforço foi garantir que, quando os usuários vierem ao nosso grande e diversificado Neu-universe , eles possam navegar pelas multijornadas e multimarcas sem esforço e tenham uma experiência coesa e contínua.

Isso é o que chamamos de " un-system" — um conjunto ágil de regras que são versáteis, escaláveis ​​e flexíveis para acompanhar os novos comportamentos e experiências do usuário.

Apesar de sua escala e diversidade, ele permite flexibilidade na interface do usuário (User Interface), temas de cores e até padrões de UX, mantendo a essência do nosso sistema de design em uma tela cada vez maior.

Tornando-se híbrido : modos escuro ou claro

Escuro é premium, claro é limpo - então por que não usar os dois?

Em nossa abordagem Un-System, desafiamos a rigidez de um tema sombrio para um superaplicativo que tem tanta coisa acontecendo. Havia viagens que pareciam comprometidas e precisavam de uma interface mais leve e limpa. O Un-System foi nossa solução para alternar e implementar o que há de melhor para nossos usuários.

Embora um modo escuro seja ótimo para categorias como joalheria, moda e eletrônicos para adicionar aquele toque de glamour e dar aos produtos uma sensação de luxo, era importante equilibrar as páginas de produtos com um modo claro que fosse descritivo e precisasse da atenção dos usuários para ler por períodos de tempo mais longos sem fadiga ou distorção.

Isso nos fez criar um tema que não era nem só escuro nem só claro, mas híbrido.

Criamos um sistema híbrido perfeito que era escuro e claro com base no que daria aos nossos usuários a melhor experiência visual.

O Flutter foi usado para implementar essa experiência híbrida perfeita, aproveitando o poder dos temas, e nos permitiu criar uma hierarquia mais forte entre os vários widgets em uma página e dar a cada seção o devido consumo total pelos usuários.

Obtendo a tecnologia certa : vibração com tokens

Um ótimo produto precisa das melhores pessoas. Quando o design inovador encontra a tecnologia robusta, sabemos que temos um vencedor.

Nossa equipe de arquitetura abriu o caminho ao alavancar uma estrutura robusta e escalável; Vibrar. Conhecidos por sua agilidade em plataformas com uma única base de código, ficamos empolgados em criar o sistema de design no topo do M3 com Flutter, o que nos permitiu criar um belo aplicativo compilado nativamente em um período de tempo desafiador.

Também habilitamos a tokenização em nosso sistema de design. Os tokens de design são decisões de design pequenas e repetidas que compõem o guia visual de um sistema de design. Os tokens substituíram valores estáticos, como códigos hexadecimais para cores, por nomenclaturas autoexplicativas que nos permitiram construir modelos escaláveis ​​e consistentes, mas, mais importante, forneceram uma única fonte de verdade para as equipes que trabalhavam juntas, ou seja, designers, arquitetos, front -end desenvolvedores e engenheiros.

Dialetos visuais: contar histórias por meio de ilustrações e animações

Um dialeto é um idioma compartilhado, falado por um grupo específico de pessoas de uma região semelhante. É um marcador para identificar suas raízes culturais e linhagem. E essa definição também não é muito diferente para o mundo digital. Com a redução da atenção e enormes quantidades de informações para processar e consumir em nosso superaplicativo - widgets, categorias, ofertas, banners, conteúdo e muito mais, todos disputando a atenção do usuário, decidimos adicionar algumas pausas pretendidas para acabar com a confusão.

Apresentamos nossos monotons e duotones isométricos, criados apenas para essa pausa pretendida. Nosso jogo sutil com ilustrações e gráficos em movimento é uma forma de fornecer um alívio visual e ajudar os usuários a absorver toda a experiência em seu ritmo.

Ponta do iceberg: muito feito e muito mais por fazer.

Arte sem função tem muito pouco valor no mundo de hoje e, como designers e artistas, reconhecemos que nossas criações devem resolver problemas reais e manter nossos usuários no centro de tudo. Nossa jornada para lançar este sistema de design apenas tornou isso mais claro, mostrando que problemas complexos podem ter soluções simples.

Nosso trabalho apenas começou quando avançamos para nosso próximo desafio de soluções para mais marcas, diversas categorias, mudança de comportamento do usuário, novos temas e personalização mais profunda. Tudo isso para permitir que cada usuário viva o Neu!