UI Designer

Você está aqui

Definição

O que significa ser UI Designer?

O UI Designer (User Interface Designer) é responsável por criar e definir o desenho visual das interfaces através das quais as pessoas interagem nas aplicações móveis, websites, softwares e outros serviços digitais. O seu foco está na clareza, na usabilidade e na coerência visual, ao garantir que a interface comunica de forma eficaz a funcionalidade do serviço.

Para desempenhar estas funções, o UI Designer recorre a princípios de design como layout, tipografia, cores, iconografia e composição. Garante um equilíbrio entre os elementos na interface e assegurar uma hierarquia clara da informação, para facilitar a leitura e a interação do serviço.

O UI Designer colabora com UX Designers, Programadores, Gestor de Produto, entre outros, para assegurar que o design é implementado de forma adequada e que disponibiliza uma experiência acessível, eficiente e eficaz.

Missão

Quais os objetivos deste perfil?

Desenhar as interfaces apelativos que expressem a identidade visual do serviço
Garantir consistência visual em todo a interface através de cores, tipografia, iconografia e estilo
Criar as interfaces intuitivos e fáceis de usar, para facilitar a navegação e a interação
Criar protótipos de baixa e alta fidelidade para apoiar a validação da estrutura, da navegação e das funcionalidades
Assegurar que o desenho do interface cumpre os requisitos de acessibilidade e responde às necessidades das pessoas
Garantir que a interface funciona em diferentes dispositivos e tamanhos de ecrã
Colaborar com UX Designers, Programadores e outras equipas para garantir implementação adequada
Testar e melhorar a interface com base no feedback recolhido em testes de usabilidade
Manter as interfaces atualizados e alinhados com tendências visuais e expectativas das pessoas

Boas práticas

O que é interessante fazer?

Testar com frequência

Testar em diferentes fases do projeto a usabilidade do serviço com pessoas reais e introduzir melhorias com base no feedback recolhido.

Mostrar

Desenhar interfaces responsive

Desenhar interfaces responsive é, cada vez mais, uma boa prática de design, uma vez que existe uma vasta gama de dispositivos com diferentes tamanhos de ecrã. Um interface responsive adapta-se aos diferentes tamanhos e resoluções de ecrã e oferece uma experiência consistente ao logo de toda a navegação, independentemente do dispositivo utilizado.

Mostrar

Desenhar com o foco no utilizador

User-centered design (UCD) é uma abordagem que se concentra nas necessidades, desejos e dores dos utilizadores. Ao colocar o utilizador no centro do processo de design permite desenhar interfaces adaptadas às diferentes suas necessidades reais.

Entender o contexto

Antes de iniciar o processo de desenho é fundamental entender o contexto em que o serviço ou produto é utilizado e quem são os seus utilizadores.

Priorizar a usabilidade

Garantir que os utilizadores conseguem facilmente realizar as tarefas e navegar pelo interface.

Desenhar interfaces acessíveis

Criar produtos e serviços inclusivos que funcionem para todas as pessoas, independentemente das suas capacidades.

Aplicar abordagem de mobile-first

Mobile-first foca os dispositivos móveis no início do desenho do serviço digital, seguindo depois para ecrãs maiores. A prática reflete o uso crescente de dispositivos móveis.

Antecipar e prevenir erros

Criar mensagens de erro claras e prevenir situações de erro sempre que possível.

Documentar padrões e processo de design

A documentação de design garante que o desenho das interfaces é consistente em todo o produto ou serviço. Elementos gráficos como cores, tipografia, ícones e outros componentes são aplicados uniformemente em todos as interfaces, de forma a contribuir para uma experiência de utilizador mais consistente e intuitiva.

Mostrar

Adotar metodologias ágeis

As metodologias ágeis permitem entregas com iterações frequentes ao longo do projeto, ao facilitar a evolução do serviço e a sua adequação às necessidades das pessoas.

Fornecer feedback visual

A pessoa deve compreender o que está a acontecer no interface durante as suas ações. Feedback visual claro melhora confiança e fluidez da interação.

Guias práticos

Como fazer algo específico?

Explore os guias práticos do Mosaico com passos e orientações detalhadas sobre como fazer algo em específico.

Como realizar testes de usabilidade

Como desenvolver aplicações para dispositivos móveis

Como aderir ao Selo de Usabilidade e Acessibilidade

Legislação e Regulamentos

O que é obrigatório cumprir?

Decreto-Lei n.º 83/2018, de 19 de outubro

Requisitos de acessibilidade.

Leia mais sobre a legislação

Decreto-Lei n.º 74/2014, de 13 de maio

Regras da prestação digital de serviços públicos.

Leia mais sobre a legislação

Resolução da Assembleia da República n.º 56/2009

Direitos das pessoas com deficiência.

Leia mais sobre a legislação

Diretiva (UE) 2016/2102

Diretiva Europeia sobre requisitos de acessibilidade.

Leia mais sobre a legislação

Decreto-Lei n.º 82/2022, de 6 de dezembro

Lei Europeia da Acessibilidade.

Leia mais sobre a legislação

Que outros recursos existem?

Ferramentas e recursos que apoiam o trabalho do UI Designer:

Ágora Design System

Constrast Checker

Principais atividades

Quais as principais tarefas deste perfil?

Desenhar protótipos, reorganizar e otimizar interfaces, ao promover conceitos e práticas standard da indústria. O protótipo permite à equipa validar a experiência e funcionalidades antes da implementação final, bem como, testar com os utilizadores as principais interações e identificar as áreas de melhoria
Definir e aplicar os elementos que compõem as interfaces, como tipografia, cores, iconografia, imagens e desenhar outros componentes como botões, cartões, entre outros
Garantir que o design é responsivo e adapta-se a vários de dispositivos, com tamanhos e resoluções de ecrã diferentes
Assegurar que os componentes e as interfaces cumprem os requisitos de acessibilidade
Melhorar o design com base no feedback recolhido dos testes de usabilidade e nas revisões da equipa de serviço ou produto
Documentar o processo de design, especificações, guias de estilo e bibliotecas de componentes para apoiar a aplicação do design definido
Colaborar com os programadores para garantir a adequada implementação do design

Experiência relevante

O que é importante ter?

Experiência em UI (User Interface)
Experiência em human-centered design (HCD)
Conhecimento de ferramentas de design como Photoshop, Ilustrador, Adobe XD, Sketch, Figma, ou outras, dependendo das preferências da organização
Conhecer os requisitos de acessibilidade
Experiência no design de interfaces responsivas e para os diferentes sistemas operativos (por exemplo, iOS e Android)
Experiência com as metodologias ágeis, como Scrum e Kanban

Formação

Como desenvolver as minhas competências?

O Instituto Nacional de Administração (INA) disponibiliza formações para as entidades da Administração Pública que integra estética, usabilidade e requisitos de acessibilidade.

Cursos recomendados para UI Designer:

Consultar toda a oferta formativa

UX vs. UI Designer

Quais as principais diferenças?

O UX Designer e o UI Designer são perfis cruciais na criação e evolução de produtos ou serviços digitais, no entanto, mas cada um atua em momentos e dimensões diferentes do processo de design.

O UX Designer preocupa-se com a jornada do utilizador, como modo como o produto ou serviço funciona e como as pessoas interagem com este. Procura compreender necessidades, motivações e dificuldades e cria soluções simples, eficazes e fáceis de usar.

O UI Designer desenha o cenário criado pelo UX Designer. Foca-se no visual e na usabilidade do serviço ou produto. Envolve a interface, os elementos gráficos, os botões, os cartões e todos os componentes com os quais as pessoas interagem.

Em suma, o UX Designer trata da experiência no seu conjunto, o UI Designer trata de como esta experiência é apresentada visualmente. Ambos são importantes e trabalham em conjunto para criar uma experiência de utilizador completa e agradável.