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.