02 - Interface Do Usuário

Interface do Usuário (UI)
I ntrodução
A interface do usuário, que em inglês significa user interface (UI), é o

espaço onde os usuários irão interagir com aplicativos, sites etc.
Essa interação pode incluir teclados e telas de exibição, por exemplo.
Objetivos da aula
• O designer e as entregas de UI
• As partes de uma interface digital
• Dispositivos e responsividade
• O design system
Resumo
O designer (UI) não entrega somente telas. Na sua lista de artefatos estão
protótipos, designs, layouts, arquivos para front-end e clientes,
apresentações, relatórios, etc.
Os elementos que usamos em um design de produto digital precisam

estar em consistência visual. Na estrutura temos cabeçalhos, rodapés e
os miolos. Além de cores, fontes, padrões de títulos, links e textos que
devem seguir um padrão para facilitar o entendimento do usuário.
Devemos sempre observar os dispositivos em que o produto será

visualizado e pensar nas variações de tamanho e proporção que sua
apresentação pode ter. Ele pode variar desde um layout fixo até o
responsivo, que se adequa ao tamanho da tela.
O design system é um conjunto de componentes usados de forma
consistente em todo o produto para criar a sensação de um projeto único.
Como aplicar na prática o que aprendeu
Lembre-se de que designer é a pessoa que faz o layout, e o design é o

projeto criado. Cada trabalho de design pode demandar um ou mais
artefatos, dependendo do prazo, time e outros fatores que podem ser
importantes. Pense em um médico que depois da consulta diz se o
paciente vai fazer exames e quais devem ser feitos. Talvez você precise
entregar uma pesquisa e uma apresentação antes das telas com o design
aplicado.
Converse com a equipe técnica (front end e backend) para analisar as

técnicas de responsividade ideais para o projeto. O design system
também deve ser alinhado com a equipe técnica, para avaliar qual a
melhor biblioteca de componentes para o projeto.
Conteúdo bônus
Tópicos avançados
Há muitas vantagens em aplicar um design system. Caso seu time ainda
desconheça essa ferramenta e queira saber mais, vale a pena contar
quais times que a aplicam contam com mais economia de tempo, de
energia e de pessoas, mais qualidade nas entregas e mais consistência
na identidade visual dos seus projetos.
Referência Bibliográfica
• IDF- INTERACTION DESIGN FOUNDATION. What is User Interface

(UI) Design? 2019. Disponível em: < interaction-
design.org/literature/topics/ui-design >. (Acesso em 24/10/2022)
• FONSECA, Kakau. Design System: design para todos. 2018.

Disponível em: <
https://brasil.uxdesign.cc/shared-design-system-design-para-todos-
a158d399ea6d >. (Acesso em 24/10/2022)
• NN GROUP. Which UX Deliverables Are Most Commonly Created and

Shared? 2015. Disponível em: <
https://www.nngroup.com/articles/common-ux-deliverables/ >. (Acesso
em 24/10/2022)
Ir para questão

02 - Interface Do Usuário

Enviado por

Direitos autorais:

Formatos disponíveis

02 - Interface Do Usuário

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

02 - Interface Do Usuário

Enviado por

Direitos autorais:

Formatos disponíveis

Interface do Usuário (UI)

A interface do usuário, que em inglês significa user interface (UI), é o

• As partes de uma interface digital

Os elementos que usamos em um design de produto digital precisam

Devemos sempre observar os dispositivos em que o produto será

Como aplicar na prática o que aprendeu

Lembre-se de que designer é a pessoa que faz o layout, e o design é o

Converse com a equipe técnica (front end e backend) para analisar as

• IDF- INTERACTION DESIGN FOUNDATION. What is User Interface

• FONSECA, Kakau. Design System: design para todos. 2018.

• NN GROUP. Which UX Deliverables Are Most Commonly Created and

Você também pode gostar