Princípios Nubola

Manter uma marca consistente e um design UX em todos os pontos de contato, de telefones celulares a dispositivos IoT interconectados, mídias sociais, comunicados à imprensa e presença maciça na mídia é de vital importância por vários motivos.
Ele proporciona uma experiência reconhecível e agradável, dando ao nosso público de usuários a confiança para explorar mais o nosso ecossistema de aplicativos.
Ele aumenta nossa eficiência e produtividade, permitindo que nos movimentemos mais rapidamente.
Ele permite que nossos diversos serviços sejam desenvolvidos coletivamente, e não de forma independente.
Antes do Nubola, todos os nossos aplicativos, WebApps e BO eram projetados de forma diferente, resultando em uma experiência de usuário às vezes confusa. A criação do Nubola traz a consistência e a consolidação que você tanto precisa. Ele padroniza nossas bases, nosso gerenciamento de marca, grade, tipografia e iconografia, bem como muitos de nossos padrões de interação, como cartões, mensagens, carrosséis etc. Mas, como qualquer idioma, o vocabulário do Sistema Gráfico se expandirá com o tempo.
Nossas equipes trabalharão incansavelmente para aumentar a sua flexibilidade e, ao mesmo tempo, focar na facilidade de uso.
À medida que o EatCloud evolui, ele precisa ser mais flexível. Um ecossistema renovado e maior de aplicativos exige uma gama mais ampla de expressões, daí a constante evolução técnica e visual do sistema gráfico. Esse é um desafio constante, mas que nós adoramos. Afinal de contas, somos designers e artistas. É isso que fazemos: explorar ideias para criar valor.

0

Design escalável

À medida que uma equipe de design cresce, é comum que diferentes funções se especializem, o que pode levar a uma fragmentação do estilo visual, como uma Torre de Babel do Design, em que cada designer fala seu próprio idioma. Isso acontece quando os designers resolvem os problemas individualmente e não de forma sistemática.

Sem uma linguagem unificada, a interface do usuário começa a se deteriorar.

Os mockups são fotos estáticas que ficam desatualizadas rapidamente. É por isso que as equipes de design criam sistemas gráficos.

Design consistente

Os componentes padronizados usados de forma consistente e repetida criam aplicativos que são mais fáceis de serem compreendidos pelo usuário. Os componentes padronizados também permitem que a equipe dedique menos tempo ao estilo e mais tempo ao desenvolvimento de uma melhor experiência do usuário.

Iteração rápida

Seja evoluindo os estilos de interface do usuário de nossos aplicativos ou fazendo alterações de experiência do usuário no fluxo de nossos aplicativos, um bom sistema de design reduz o esforço de centenas de linhas de código para apenas algumas, permitindo uma iteração indolor e uma experimentação ágil.

Uma estrutura criativa

Os componentes de um sistema de design são interdependentes. Isso significa que, quando uma alteração é feita em um local, ela será herdada por todo o sistema. Isso torna as atualizações de estilo em um sistema triviais em termos de esforço, mas muito mais impactantes. O que costumava ser um trabalho de semanas, se não meses, agora pode ser realizado em uma tarde.

Baixa dívida técnica

À medida que as equipes envelhecem, elas acumulam dívidas. Não se trata de dívida financeira, mas de dívida técnica e de projeto. Essa dívida é adquirida com a criação a curto prazo. A dívida de design aumenta com a abundância de estilos e convenções não reutilizáveis e inconsistentes, e os juros sobre essa dívida são a tarefa impossível de gerenciá-los. Com o tempo, o acúmulo dessa dívida se torna um fardo enorme e leva a um crescimento lento.

}

Prototipagem rápida

Trabalhar com um sistema de design nos permite criar fluxos de aplicativos usando componentes padronizados, como peças de lego. Isso nos permite criar muitos protótipos e variantes para experimentação, ajudando a equipe a obter insights e dados melhores.

R

Melhor usabilidade

Convenções inconsistentes prejudicam a usabilidade. Quando você aumenta o CSS para inúmeros elementos exclusivos da interface e suas interações, também aumenta a carga cognitiva e o peso da página. Isso cria uma experiência de usuário terrível. Além disso, pode levar a conflitos entre CSS e JavaScript, o que pode danificar nossos aplicativos. Com o uso de um sistema de design, podemos evitar esses conflitos criando uma biblioteca holística de componentes, em vez de uma página por página, o que significa que gastamos menos tempo garantindo a qualidade de nossos aplicativos.

Um bom sistema de design vincula dois conceitos-chave: padrões e componentes.

 

Padrões:

Compreender não apenas o quê, mas também o porquê do design de um sistema é fundamental para criar uma experiência excepcional para o usuário. Definir e aderir a padrões é a forma de criar esse entendimento. Isso elimina a subjetividade e a ambiguidade que geralmente criam atrito e confusão nas equipes de produtos. Os padrões abrangem tanto o design quanto o desenvolvimento. A padronização de elementos como convenções de nomenclatura, requisitos de acessibilidade e estrutura de arquivos ajudará as equipes a trabalhar de forma consistente e a evitar erros. A linguagem visual é uma parte fundamental dos nossos padrões de design. Definir a finalidade e o estilo de cor, forma, tipo, ícones, espaço e movimento é essencial para criar uma experiência de usuário consistente e alinhada à marca. Cada componente do nosso sistema de design deve incorporar esses elementos e eles desempenham um papel fundamental na expressão da personalidade da nossa marca. Sem padrões, as decisões se tornam arbitrárias e difíceis de criticar. Isso não só não é dimensionado, como também cria uma experiência de usuário inconsistente e frustrante.

 

Componentes:

Os componentes são partes de código reutilizável em um sistema de design e servem como blocos de construção da interface de nossos aplicativos. Os componentes variam em complexidade. A redução dos componentes a uma única função, como um botão ou um menu suspenso, aumenta a flexibilidade, tornando-os mais reutilizáveis. Componentes mais complexos, como tabelas para tipos específicos de dados, podem atender bem a seus casos de uso específicos, mas essa complexidade limita o número de cenários aplicáveis. Quanto mais reutilizáveis forem os componentes, menos teremos de mantê-los e mais fácil será dimensioná-los.
O desenvolvimento baseado em componentes reduz a sobrecarga técnica ao tornar o código reutilizável. Os padrões regem a finalidade, o estilo e o uso desses componentes.

A cada dia, mais alimentos nos lares e menos famílias sem alimentos

© 2020 EatCloud. Todos os direitos reservados : Termosde uso e aviso de privacidade: Brand Center