UX Design e UI Design – Qual a diferença entre eles?

Simbologia Perfeitista

O design da Web está em constante evolução e o UX / UI é uma das etapas desse desenvolvimento. Sergey Popkov, designer-chefe da AIC , explicou o que é e nomeou as principais tendências que determinam o design moderno.

Desenho: O Início

Vejamos a história do desenvolvimento do design – como as primeiras experiências e tentativas de padronização levaram ao surgimento do UX / UI.

PeríodoSinais do períodoComo eram os sitesO que apareceu
Início dos anos 90As ferramentas e tecnologias mais simples.                       Texto em coluna única, HTML, links internos; menu simples, links azuis.Sites, Mosaico. Primeiros padrões.
Meados dos anos 90Havia um layout primitivo;
Otimização de páginas para Internet lenta;
Texto em várias colunas;
Tabelas
Separação do corpo do site da navegação lateral;
Sistema de navegação.
Método de quadro, construtores de sites gratuitos – Angelfire, GeoCities e Expages.
Final dos anos 90Elementos gráficos e flash.
Imagens lado a lado;
Cores ácidas;
Botões 3D
Texto piscando.
Flash, texto animado, GIF, a profissão de web designer.
Início dos anos 2000As possibilidades de layout se expandiram;
Postagem de conteúdo intuitiva;
Limpar navegação.
Sites CSS – Uma tecnologia que separa o conteúdo da página da web do design.CSS (Cascading Style Sheets), princípios de usabilidade.
Final dos anos 2000Transição de “apenas design” para UX / UI; O crescimento no número de sites e aplicativos;
Digitalização de negócios.
WEB 2.0;
Uso generalizado de crachás / ícones;
Conteúdo interativo.
Aplicativos multimídia, mecanismos de busca, redes sociais, HTML5, UX / UI.

No final dos anos 2000, apareceu o UX / UI, as principais qualidades de qualquer produto eram conveniência e funcionalidade.

Nossos dias

O design agora usa Design Orientado a Dados e UX / UI.

O Design Orientado a Dados é um design orientado a dados : pesquisa, testes, hipóteses, Big Data . No DDD, cada decisão de design é baseada em números e indicadores específicos, e não na conclusão subjetiva do designer.

Leia mais  Como se comunicar com um chefe ruim

O DDD é criticado por dobras, uma abordagem “máquina” para o desenvolvimento de produtos. Existe o risco de se afogar nas análises e perder de vista as idéias ousadas.  

UX e UI são as principais ferramentas de design. Como agora a atenção do designer é direcionada para melhorar a experiência do usuário, o produto deve ser o mais conveniente e compreensível possível para o usuário. É o UX / UI que é mais adequado para isso. Com a ajuda deles, o site pode ser bonito e conveniente, com uma estrutura clara.

UX / UI – o que é isso?

UX e UI são termos relacionados e inter-relacionados, mas não idênticos. Há uma diferença fundamental entre eles.

UX – experiência do usuárioUI – interface do usuário
O site foi desenvolvido com base nas necessidades do usuário e nos resultados dos testes.
O UX não se limita apenas à interface visual do site, abrange todas as nuances possíveis de comunicação com o usuário:Caminho do siteSequência de açõesPensamentos e SentimentosImpressões gerais.
Interação humana com o site.
O design da interface do usuário (UI) é o design de botões, campos de entrada, formulários de aplicativo – todos os pontos de interação do usuário com o site.

UX é um processo e interface do usuário é uma ferramenta. O UX é mais amplo que a interface do usuário e inclui esse conceito. Mas eles têm um objetivo – tornar a interação do usuário com o site conveniente, agradável e memorável. Um exemplo de bom UX é o Google , ele possui uma interface simples e não há nada supérfluo: apenas um logotipo, uma barra de pesquisa e alguns botões.

Digite algo no campo de pesquisa e em um segundo você obtém as informações necessárias. Esta é uma experiência positiva para o usuário.

UX / UI em números  

  • 40% dos usuários admitiram que não usarão o site se ele parecer desarrumado.
  • 94% dos visitantes não confiam em sites com design inadequado.
  • 67% dos consumidores preferem comprar pelo telefone.
  • 73% dos principais gerentes disseram que pretendem aumentar o número de designers de UX em sua organização nos próximos cinco anos.
  • O salário médio de um designer de UX em Moscou é de 9 Mil Reais por mês.
Leia mais  Como reduzir os custos com pessoal durante uma crise

É bom quando o UX ajuda a criar uma história visual que leva o usuário. Uma narrativa visual com uma introdução, parte principal e conclusão foi feita pela Upstream na página principal do site.

Os usuários podem rolar para a parte principal da história, mas brevemente as três partes são apresentadas na primeira tela. Efeitos visuais e texto explicam por que ajudar as pessoas e o Upstream. A narração da frase de chamariz termina com o botão Enviar. O UX aqui leva o usuário ao histórico e leva a uma ação lógica: pede para ingressar no programa.

As ferramentas

Na usabilidade, UX e UI são igualmente importantes, que usam um amplo arsenal de ferramentas para alcançar o resultado desejado.

UxUI
Análise e pesquisa de usuários:PersonagensCenários de uso do produtoMapa da jornada do clienteMapa da empatiaTeste A / BPrototipagem:No papelEm programas especiais – Axure Pro, WireframeSketcher, SketchFlowEm programas gráficos – Photoshop, Illustrator, InDesignInterface do site e seus componentes:
BotõesÍconesPop-upsTabelasCaixas de seleçãomenuAvisos (alertas)Etiquetas e etiquetasFormulários com campos de entradaNotificaçõesSwitchesGaleriasDicasPaginaçãoGuias e trilhas de navegaçãoBarras de progresso

No UX, análises e protótipos definem tudo e, na interface do usuário, as regras básicas de usabilidade e UX. Em análises e coleta de dados, o UX é semelhante ao DDD.

Tendências

A paixão por UX / UI deu origem a várias tendências que afetam o design e os designers: 

Simplificação da parte visual das interfaces . O designer agora não precisa gastar tempo desenhando o botão em relevo e encontrando imagens bem legíveis. O usuário moderno entende facilmente as convenções. Não é mais necessário explicar que um retângulo colorido é um botão e três faixas horizontais são um menu.

A complicação do próprio design como disciplina . As interfaces foram simplificadas, mas o design em si se tornou mais complexo e em camadas. Agora, os sites são sistemas complexos com muitos elementos diferentes: formulários de inscrição, conta pessoal, assinaturas e consultores online. É necessário pensar claramente sobre o caminho do usuário no site para que ele não se perca, encontre rapidamente as seções necessárias e, idealmente, execute ações direcionadas.

Leia mais  Dicas de planejamento do tempo no trabalho

Um exemplo de um bom UX. A imagem mostra quais dados você precisa inserir e como eles serão exibidos. Digite os dados, clique em um único botão e prossiga para a próxima etapa.

O surgimento da profissão de designer de UX / UI . O mercado foi inundado por uma variedade de especialistas restritos com o prefixo UX / UI. O legal designer de UX / UI vê todos os lados do processo e sabe como fazer análises e projetar bem. Mas, na realidade, todo mundo que já ouviu falar sobre esses termos e lidou com sites pelo menos um pouco, quer se chamar UX / UI.

O surgimento de muitas ferramentas especializadas para web design: Sketch , Figma , Readymag , Framer e outros. Isso tornou mais fácil e rápido para os designers.

Figma em ação

Conclusão

O design da Web percorreu um longo caminho na formação e desenvolvimento e, como resultado, degenerou em UX / UI. Agora, essa é a única forma de existência de sites, cujos princípios básicos são confiar nas necessidades e na usabilidade do usuário.

Com o advento da designer de trabalho UX / UI não se torna mais fácil. Simplificada apenas a parte externa. Dentro, tudo é muito mais complicado. O UX / UI introduziu vários padrões e metodologias que podem e devem ser adotados ao trabalhar em projetos.

Agora, não é suficiente apenas para trabalhar no Photoshop, e ser capaz de desenhar layouts. desenhador forte entende as necessidades das pessoas e faz com interfaces amigáveis.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *