Conceito de UX e UI

Prévia do material em texto

Briefing , imersão e unpack
Briefing - Entende o objetivo do projeto , e se a solução inicialmente imaginada irá gerar o
resultado desejado .
Imersão - ouvir várias informações do projeto . é a base para delinear uma solução ;
Unpack - geralmente em ums Sprint design o primeiro dia é o Unpack
Wireframes , Grids e Hierarquia
Estrutura - como os objetos devem ser posicionados
Conteudo - como será colocado os conteudos para ajudar a usabilidade do usuário
Hierarquia informativa- como será organizado para apresentação
Funcionalidade - como será usado em cima da interface (jornada do user no sistema), como
interagir com o usuário
grid - facilita o fluxo de leitura do leitor
balanceando os pesos dos elementos gráficos do layout ;
Luzes , Sombras , Consistências e Padrões
Luzes e Sombras - garante movimento e profundidade , sobreposição e contraste .
Importante para separar elementos
Consistência e Padrão - manter o mesmo tom de redação (UX Writer) , o mesmo padrão
visual (Disign System )
Cores Interface
-Psicologia das Cores
-Cores Primárias
-Cores Secundárias
-Tipografia
Tipos de Fontes:
-Serifadas: pequenos traços ou prolongamento (conceitos de seriedade e tradicionalidade)
-Sem Serifa(mais modernas e dinâmicas )
-Cursivas / Script :
-Decorativa ou fantasia / display :
Tamanho e Peso :
Tamanho do browser é 16px
peso → font-weight : bold / bolder / lighter
Componentes da Interface do Usuário
Iconografia - comunicar eficientemente com imagem
Manter ícones simples ;
Combine os ícones com palavras ;
Escolha ícones familiares
Utilize espaçamento 1cm x 1
Consistência - palheta de cores / 3 cores
Utilizar imagens
Guia de Estilo - Manuais
Manual da marca - preservar a uniformidade e coerência de comunicação da marca.
Processos do mundo Real
Responsividade -
Acessibilidade
-Empatia e Inclusão