segunda-feira, fevereiro, 2018

Diferença entre UI e UX

1 estrela2 estrelas3 estrelas4 estrelas5 estrelas
Loading...Loading...
FavoriteLoadingFavoritar este Post
Categoria:

Você conhece a diferença entre o desenho UI e o desenho UX?

Em poucas palavras, o UI (desenho da interface do usuário) é a aparência de seu produto e o UX (desenho da experiência do usuário) é como seu produto funciona, é o processo vs. o visual do que oferece (UI).

O desenho da interface do usuário (UI)

O UI é a combinação de: conteúdo (documentos, textos, imagens, vídeos, etc.); forma (botões, etiquetas, campos de textos, desenho gráfico, etc.) e comportamento (o que acontece ao fazer click ou ao arrastrar o mouse pela tela).

O objetivo para o designer de UI se baseia em criar uma interface que seja tanto atrativa como eficaz em oferecer uma resposta emocional ao usuário. Assim, você deve conseguir possuir a maior retenção do usuário; guiar e mover a atenção do consumidor até o objetivo final de seu projeto.

Então, para criar a interface correta de usuário você precisa ter em conta:

1.Na tela.

O espectador sempre vai ler o maior e brilhante primeiro.

A atenção vai se direcionar aos elementos grandes em primeira instância, e logo aos pequenos. Como designer pode usar esta dica para guiar a experiência do usuário conforme a informação relevante que deseja proporcionar.

2.Alinhar o conteúdo do texto.

O alinhamento é um aspecto fundamental do desenho UI pois melhora o scanner do texto e favorece a leitura. Agora bem, no caso do texto tenha em conta usar alguns recursos nas letras para obter a atenção do usuário. Por exemplo, escolhendo apropriadamente o tamanho, a cor, o tipo de letra. Pode inclusive fazer uso do estilo cursivo, as maiúsculas ou até a distância entre as letras no espaço de texto.

3.Arquitetar a atenção do usuário.

Neste ponto o objetivo é colocar a máxima atenção nos detalhes de cada desenho que faça para seu projeto e assim conseguir a atenção total do usuário no desenho completo da interface.


O importante ao desenhar é experimentar e testar tudo! Fontes, cores, tons, ângulos, alinhado, jogue com quantos elementos puder para atrair e dirigir a atenção do seu usuário.

O desenho da experiência do usuário (UX)

O UX coloca sua atenção na experiência agradável de quem usa seu produto. Para consegui-lo você precisa se responder o seguinte:

1.A usabilidade.

Qual é a função principal de meu projeto? O que preciso ter para o uso apropriado dele? Pois bem, logo precisa responder que coisas podem se simplificar até o máximo possível para que o usuário consiga o que procura. Como posso fazer para que a experiência do usuário seja mais rápida e agradável?

2.Perfil do usuário.

Você precisa conhecer quem é seu usuário e o propósito dele ao usar seu produto. A melhor maneira para consegui-lo é entendendo seu mercado e respondendo qual é a funcionalidade ou objetivo principal de seu produto.

3.Solicitar permissões.

Para integrar a funcionalidade ao desenho é necessário possuir as permissões apropriadas que a interface requer. Possivelmente você precisará dos serviços de localização, integração com os canais sociais, correio eletrônico, etc. Assegure-se de solicitar estas permissões ao usuário no momento certo: na hora de usar a função que requer do consentimento da pessoa e não quando inicia a experiência no projeto.

4.Consistência.

Não descuide a coerência de seu produto, o importante é cuidar tanto da aparência como da funcionalidade, em conjunto.

5.Simplicidade.

Meu projeto pode ficar mais simples? O propósito do desenho UX é sempre priorizar a experiência do usuário. Isso significa cuidar da simplicidade do desenho para que seja capaz de ser usada até por pessoas velhas ou idosas.

 

Então, agora que você conhece a diferença entre o UI e UX, concentre-se em oferecer um projeto que não precise de instruções para ser usado, seja intuitivo e use a criatividade para melhorar a “user experience” de seu produto.

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Conheça a nova linha para profissionais criativos

Os últimos lançamentos da Wacom, a nova geração da Intuos Pro, Intuos Pro Paper Edition…

Leia mais >