# data[].attributes.body
O UI, ou User Interface, é um termo comumente utilizado para explicar como serão feitas as interações entre pessoas e softwares ou aplicativos. As empresas começaram a desenvolver essa área para facilitar de forma estratégica a navegação dos usuários em suas plataformas, permitindo que eles consigam ser orientados através de recursos visuais para concluírem suas ações com praticidade.

Se um consumidor entra na sua loja online, por exemplo, e não consegue finalizar a compra porque não está encontrando as informações necessárias para chegar até o carrinho, você certamente está perdendo vendas.

Nesse contexto, é papel do User Interface redesenhar as páginas do seu site para encontrar formas diferenciadas de entregar o conteúdo adequado, com todas as informações necessárias, para os seus usuários, tornando a navegação nas suas páginas muito mais simples, rápida e satisfatória.

O UI irá, portanto, avaliar não apenas o layout com a disposição dos elementos, mas também as etiquetas dos menus, o encadeamento das páginas, disposição de serviços e outros detalhes que influenciam na experiência dos consumidores.

# data[].attributes.body
É muito comum confundirmos os conceitos de UX e UI. Afinal, as duas áreas têm o mesmo foco: trabalhar o design, a experiência do cliente e a otimização das estratégias de marketing digital.

No entanto, existem diferenças, e vamos esclarecer cada uma delas.

Começando pelos conceitos, UX significa User Experience e é a base da criação de uma experiência de interface agradável para os usuários. Por outro lado, o UI, User Interface, trabalha a forma com que os consumidores interagem com as plataformas e ferramentas das empresas.

Os conceitos se mostram complementares, mas não são a mesma coisa.

# data[].attributes.headline
Quais são os elementos principais de uma interface?

# data[].attributes.subject
Quais são os elementos principais de uma interface?

# data[].attributes.body
Dentro de uma interface, existem diversos elementos que são muito importantes para a interação do usuário com a plataforma e com a empresa.

Vamos conhecer os principais?

Botões

Os botões são componentes indispensáveis para que qualquer interface funcione corretamente. Afinal, é por meio deles que os usuários irão interagir com a empresa e suas ferramentas. Existem, basicamente, três tipos de botões:

os botões de checkbox são aqueles que permitem que o usuário selecione ou desmarque mais de uma opção em uma pergunta;

os botões de ação são os famosos CTAs, ou chamadas para ação, que irão chamar os usuários para realizar uma ação, como entrar em contato, comprar, fazer um download;

por fim, temos os botões de on e off, que permitem ligar ou desligar aparelhos, por exemplo.

Tipografia

A tipografia e o copy são elementos textuais que irão integrar a interface do seu aplicativo ou ferramenta, por exemplo. A tipografia é a fonte utilizada para escrever os conteúdos e traduz algumas questões de identidade de marca.

O copy, por sua vez, é o texto propriamente dito, com argumentação comercial para criar no indivíduo uma demanda latente pelo seu produto ou serviço.

Ícones

Os ícones são responsáveis por sinalizar uma ação e apresentar informações para os usuários. Se você tem alguma informação muito importante ou indispensável para os usuários da sua ferramenta, é fundamental que exista um ícone sinalizando essa importância, para chamar a atenção.

Cores

A escolha das cores precisa ser estratégica. Vários estudos mostram como cores influenciam nos sentimentos e sensações causadas no usuário. Por isso, se você quer ter uma interface diferenciada, que realmente prenda a atenção do usuário e seja capaz de converter cada vez mais clientes, é fundamental escolher as cores certas.

# data[].attributes.body
Briefing e pesquisa de referências

É a etapa inicial do projeto, quando o designer começa a coletar dados sobre o usuário.

Ele vai se debruçar sobre o que é a interface a ser criada, quem vai utilizá-la e quais já existem no mercado e seguem a mesma ideia.

Arquitetura da informação e sitemap
É quando a estrutura da interface é definida.

No caso de um site, por exemplo, é nesta etapa que são decididos o número de páginas, os nomes para cada uma delas e também a hierarquia da informação.

Esboços iniciais, wireframes ou protótipos
É a hora de arregaçar as mangas e colocar as mãos à obra, literalmente falando.

Depois de contar com o máximo de informações a respeito da interface a criar e sobre o público para o qual ela será destinada, basta desenvolver os primeiros esboços.

Eles podem ser feitos tanto de modo manual, em papel, como em softwares específicos para a criação de protótipos, como Sketch e Adobe XD.

Prototipação, testes de usabilidade e iterações
Consiste em iniciar testes de usabilidade para entender até que ponto a interface é amigável e usável para os usuários.

Tenha em mente sempre que ela precisa ajudar eles a completarem seus objetivos.

Design visual da interface

A última etapa, mas não menos importante, se refere à seleção de cores e demais elementos visuais que farão parte da interface.

Ao chegar nela, você já vai ter informações suficientes sobre o que agrada ou não o usuário.

Então, certamente, fará as escolhas certas.

# data[].attributes.headline
Quais são os benefícios do UI para a empresa?

# data[].attributes.subject
Quais são os benefícios do UI para a empresa?

# data[].attributes.body
O UI, User Interface, pode trazer diversos benefícios para as empresas. Se combinarmos, ainda, com o UX, User Experience, podemos melhorar os resultados e auxiliar as empresas a aumentar não só o número de clientes como também melhorar a fidelização dos consumidores.

Gera valor para os clientes

O primeiro grande benefício é a possibilidade de gerar valor para os clientes. Quando você avalia o mercado e entende como os clientes se comportam, é possível levantar informações como:

o que eles mais gostam;

quais são as maiores dificuldades;

quais são os maiores desafios;

formular um trabalho diferenciado para garantir que a interface esteja adequada às necessidades do público, aumentando a satisfação dos clientes através do investimento em experiência do usuário.

Aumenta as chances de encantar e fidelizar consumidores

Com uma interface diferenciada, simples e prática, é muito mais fácil reter os clientes e fidelizá-los. Para isso, é preciso se lembrar de estudar o comportamento deles e descobrir o que mais valorizam em soluções como a sua.

Fortalece a marca

Um outro fator que influencia muito a empresa com o uso do UI é o fortalecimento de marca. Quando você é capaz de entregar uma experiência muito diferenciada e satisfatória para o usuário, você se destaca da concorrência.

E, para perceber como acontece, é só nos colocar no lugar desse consumidor: quando você tem uma experiência positiva com uma empresa, costuma falar a respeito da empresa para outras pessoas, indicando-a para amigos e familiares.

# data[].attributes.headline
BONUS: 16 dicas para uma boa User Interface

# data[].attributes.subject
BONUS: 16 dicas para uma boa User Interface

# data[].attributes.body
Tente agrupar funções similares ao invés de fragmentar a UI[/caption]

Segundo o GoodUI.org, essas são as 16 dicas para uma boa interface:

1. Tente um layout de uma única coluna ao invés de múltiplas colunas.

2. Tente dar um presente ao invés de tentar fechar negócio logo de cara.

3. Tente agrupar funções similares ao invés de fragmentar a UI.

4. Tente fazer seus argumentos virem de outras pessoas, ao invés de falar de você mesmo.

5. Tente repetir o seu call-to-action ao invés de mostrar uma única vez.

6. Tente distinguir o que é clicável e selecionável do que não é.

7. Tente recomendar ao invés de mostrar várias opções com o mesmo peso.

8. Tente deixar o usuário desfazer, ao invés de pedir confirmação para tudo.

9. Tente focar em um público principal, ao invés de tentar agradar a todos.

10. Tente ser direto ao invés de ser indeciso.

11. Tente mais contraste ao invés de similaridade.

12. Tente mostrar onde seu produto é feito, ao invés de deixá-lo genérico.

13. Tente menos campos de formulários, ao invés de querer pedir tudo de uma vez.

14. Tente mostrar as opções, ao invés de escondê-las.

15. Tente sugerir que há rolagem na página ao invés de deixar ela escondida.

16. Tente manter o foco ao invés de afogar o usuário em links.