A frase do início do século XX: “O cliente sempre tem razão” é um jargão bastante conhecido e bem difundido no comércio, porém na prática isso nem sempre é verdade absoluta. A chegada do varejo online e a aproximação dos consumidores com as empresas graças às redes sociais tornou nítida a necessidade de ouvir os clientes e colocá-los junto ao processo de evolução da marca. A velha frase agora tem um novo formato: “O usuário sempre está no centro”, coordenando esse movimento existem duas áreas distintas que andam juntas, do inglês User Experience (UX) e User Interface (UI), mas o que elas fazem e significam afinal? Entenda as diferenças entre UX e UI design a seguir.

Sem tempo, preguiça?

• UX significa User Experience (Experiência do Usuário) e UI quer dizer User Interface (Interface do Usuário);
• UX é responsável por criar a melhor interação possível entre o usuário e o artefato (site, produto, etc);
• UI cria interfaces intuitivas e acessíveis visando facilidade durante a jornada do usuário.

User Experience (UX)

O termo ao ser traduzido já dá uma ideia do que se trata, experiência do usuário ou para os íntimos UX Design. Ao usar qualquer produto ou serviço, seja ele físico ou digital a uma ligação entre o usuário e um artefato, dessa interação é gerado uma experiência. Quem aqui nunca teve dificuldades com o aplicativo do banco, com ajustes no alarme ou se a porta abre para dentro, para fora ou pior, para o lado? Nessas situações normalmente colocamos a culpa em nós mesmos, mas fique tranquilo, o real culpado é quem projetou essa interação, não você.

Entenda que o UX não cria a experiência para o usuário, na verdade ele promove situações que  proporcionem uma boa experiência para o mesmo, ou seja, uma interação rápida, com redução de fricções, sem erros ou frustrações pelo caminho. É sobre quais problemas e porque precisam ser resolvidos, para quem é a resolução desses problemas e como vai ser o caminho para resolvê-los.

Embora exista o termo “design” quem trabalha com UX não obrigatoriamente usa ferramentas de ilustração e edições gráficas (Photoshop, Illustrator, GIMP, etc), para um profissional desta área o mais importante é definir como será a navegação, quais telas terão e como será a interação do usuário com ela. No lugar de pensar, por exemplo, qual a cor do botão ou se ele terá bordas arredondadas, um UX Design levantará questões como: esse botão é realmente necessário? O que ocorre ao clicar nele? Aparecerá algum feedback para o usuário? Como se comporta no smartphone?

Quais habilidades um UX possui?

É normal ao começar a se aventurar por essa profissão se sentir um pouco perdido sem saber por onde começar, mas lembre-se, o foco sempre será o usuário, não o design, justamente por isso que existem vários UX’s que migraram de outras área que não tem relação com o design, como biblioteconomia, psicólogos, engenheiros, recursos humanos.

Por se tratar de uma área extremamente ampla a várias atividades e habilidades que situam essa carreira, é comum ter profissionais especializados, por exemplo, apenas em entrevistas com o usuário. No Brasil é difícil empresas contratarem especialistas tão focados, por isso ter uma base sólida se faz necessário para se tornar um profissional de sucesso. Abaixo uma lista com algumas das áreas de atuação do User Experience:

• Arquitetura da Informação;
• Design de Interação;
• Design Research;
• Entrevista com o Usuário;
• Heurísticas;
• Wireframes / Protótipos;
• Jornada do Usuário;
• Modelos Mentais;
• Personas;
• Taxonomia;
• Usabilidade / Acessibilidade;

User Interface (UI)

UI Design no Brasil, também conhecido como Interface do Usuário, é responsável pela apresentação de um produto ou serviço, logo, diferente do que é visto em UX, aqui a palavra “design” realmente ajuda a descrever as responsabilidades de um profissional da área. O UI cria a interfaces que será o intermediário entre o usuário e seu objetivo, permitindo que ele navegue de forma intuitiva por toda a jornada.

Então um User Interface basicamente trabalha escolhendo fotos, cores, tipografias e as junta de uma forma apresentável? Não! O trabalho vai além da estética, é preciso criar interações funcionais focadas na usabilidade e arquitetura da informação que promovam um caminho confortável e descomplicado para o usuário durante todo seu trajeto.

Não existe um padrão, mas podemos resumir um fluxo básico do trabalho de um UI Designer desta forma:

• Briefing e pesquisa: pontapé inicial, primeiro contato com os requisitos e objetivos do projeto, nesta etapa o UI recebe insumos vindos tanto do UX quanto de stakeholders e documentações;
• Arquitetura da informação: planejamento de toda organização e estruturação da solução que exemplificando levará o usuário da página inicial ao carrinho de compras;
• Protótipos navegáveis: possivelmente a etapa mais demorada (e satisfatória), montar as telas definindo todos os detalhes, pixel a pixel, e por fim uni-las em um super arquivo navegável;
• Teste de usabilidade: após tudo finalizado é hora de testar e ver os acertos e erros, corrigir e enviar para a equipe de programação;
• Evolução: assim como no UX, o UI está a todo momento em constante aperfeiçoamento, sempre de olho nas novas oportunidades e novidades que o mercado e os usuários necessitam.

Quais habilidades um UI possui?

O leque de atuações de um profissional desta área é abundante, podendo atuar na criação ou evolução de sistemas web, aplicativos mobile, realidade virtual, interfaces por voz, jogos e muito mais. Assim como em toda profissão existem as especialidades, mas irei listar competências que um bom UI Design terá que exercer no seu dia a dia:

• Arquitetura da Informação;
• Branding;
• Design System;
• Grids;
• Iconografia;
• Motion Design;
• Prototipagem;
• Teste com Usuário;
• Tipografia;
• Cores;

Quais são as diferenças entre UX e UI design?

É normal confundi-los, já que ambos são disciplinas complementares e comumente usadas em conjunto nas estratégias de negócio, inclusive é corriqueiro ver profissionais que englobam as duas áreas chamados de UX/UI Designer ou generalistas. 

A Experiência do Usuário é:

De maneira simplificada UX trata sobre toda a experiência do usuário, não só quando ele está navegando e efetuando uma compra em uma loja online, mas também o processo completo do primeiro contato com a loja até a entrega e abertura do produto. Para isso é preciso recolher diversas informações por meio de estudos de campo, pesquisas, estatísticas, entrevistas e vivência, a fim de entender as dores e necessidades do usuário. O resultado disto é uma solução que irá possibilitar que ao interagir com um artefato qualquer o usuário atinja seu objetivo da maneira mais eficiente e agradável possível.

A Interface do Usuário é:

Em contrapartida, o UI trata a parte visual sempre embasado em informações obtidas previamente de preferência de um UX para poder definir a tipografia, cores, micro-interações, conexões emocionais e muito mais. Visto isso um UI Design precisa conhecer ferramentas diversas como o Figma, XD, Axure, Balsamiq, Sketch, dentre outras e por vezes saber ao menos o básico de HTML e CSS ajuda na hora de criar os projetos.

Então UX vem antes do UI? De certo modo sim, o UX faz toda pesquisa e validação das necessidades do usuário para o projeto em questão, conseguindo assim orientar o restante da equipe, porém nunca é um processo linear. No fim ambos andam juntos criando hipóteses, testes e pesquisas, sempre tendo o design centrado no usuário.

• LinkedIn
• Medium
• Behance
• Dribbble