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íodo	Sinais do período	Como eram os sites	O que apareceu
Início dos anos 90	As ferramentas e tecnologias mais simples.	Texto em coluna única, HTML, links internos; menu simples, links azuis.	Sites, Mosaico. Primeiros padrões.
Meados dos anos 90	Havia 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 90	Elementos 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 2000	As 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 2000	Transiçã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.

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ário	UI – 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.

É 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.

Ux	UI
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, InDesign	Interface 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.

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.