Se alguma vez se perguntou o que são UX ou UI e porque devem tornar-se duas ferramentas importantes no seu know-how como profissional, este guia dar-lhe-á as respostas de que necessita.
Quer esteja um pouco cansado de ouvir ambos os termos no trabalho ou se for a primeira vez que os ouve, revelaremos os segredos por detrás desta prática multidisciplinar.
o que é UX e UI?
Provavelmente já ouviu falar intercambiavelmente o que é UX e o que é UI. Mas o que são realmente a UX e a UI? Estas duas carreiras existem há décadas, sendo definidas pela indústria tecnológica como UX e UI design.
Por um lado, UX design significa “user experience design” e, por outro lado, UI design refere-se a “design da interface do utilizador”. Ambos os conceitos são essenciais para o desenvolvimento de produtos e estão intimamente relacionados.
No entanto, apesar de terem uma ligação tão estreita, são bastante diferentes em termos das funções de cada disciplina, e cobrem aspectos muito diferentes do processo de desenvolvimento do produto e da disciplina de web design. Portanto, antes de mostrarmos as diferenças básicas entre UX e UI, vejamos primeiro o que cada um significa separadamente.
o que é UX ou design de experiência do utilizador?
o que é que significa UX? UX significa User Experience, e, para dar crédito às aulas de inglês, a sua tradução significa User Experience ou Experiência de Utilizador.
Há já alguns anos que existe um conceito errado de que o termo teve origem no reino digital, algo que a indústria tecnológica tem sido capaz de alimentar com muitos tipos de conteúdos.
Actualmente, a definição de UX é o que uma pessoa pensa, sente ou percebe quando interage com um produto ou serviço .
Esta experiência é medida de acordo com factores tais como a utilidade ou usabilidade e estes determinarão o nível de satisfação do cliente.
Mas antes de nos aprofundarmos no que é UX, vamos aprender sobre a sua história, o que certamente o surpreenderá .
Imagem: Unsplash
para que serve a Experiência do Utilizador?
O uso da palavra “design” ao lado de UX refere-se ao tipo de trabalho que é feito nesta disciplina. Não se trata de design gráfico em si, mas de utilizar um conjunto de diferentes competências para “desenhar” uma nova experiência do utilizador de alguma interface que contemple 3 aspectos principais:
Usabilidade: é a própria funcionalidade, que permite a um produto cumprir sem problemas o objectivo para o qual foi criado.
Acessibilidade: refere-se à facilidade de compreensão do produto por parte do utilizador.
Interacção entre utilizador e produto: isto remonta aos tempos da Revolução Industrial e vai desde o técnico ao mais emocional, sobre a forma como o utilizador percebe o produto.
Além disso, a UX Design, como actividade actualmente, engloba diferentes práticas para cumprir os 3 aspectos acima mencionados, com base nos seguintes pontos:
Pesquisa de utilizadores.
Testes de usabilidade.
Arquitectura da informação.
Desenho de interacção.
Estratégia de conteúdo.
Desenho visual.
Recolha de dados (análise de indicadores).
Imagem: Unsplash
Cada aspecto requer um alto nível de especialização, por isso um UX Designer é uma pessoa de muitas qualidades. não é por acaso que os melhores UX Designers são considerados como pessoas com conhecimentos multidisciplinares.
É importante saber se a experiência do utilizador com o seu produto ou serviço foi intuitiva, próxima, desajeitada ou confusa e também se a navegação na aplicação ou website foi uma experiência complicada, lógica ou arbitrária.
O UX é determinado pela facilidade ou dificuldade do utilizador em interagir com os elementos de interface de utilizador que os designers da interface de utilizador criaram.
o que é a IU ou o design da interface do utilizador?
Depois de saber o que é UX, é tempo de conhecer a definição de IU, o seu complemento.
A concepção da interface do utilizador é o que é utilizado para interagir com um produto ou serviço, enquanto UX se preocupa com a forma como essa interacção se sente.
Este desenho de interface, ou também chamado engenharia de interface, é utilizado para aplicações, software, websites e smartphones com foco na experiência e interacção do utilizador.
Os seus principais componentes são:
Desenho de interacções
Guias de interacção
Desenho de elementos
Desenho visual
Guia de estilo
Imagem: Menta gráfica
Assim, quando falamos do design gráfico de uma aplicação, estamos a falar da sua interface que inclui os botões, os textos, as imagens, os controlos, os campos de entrada de texto e todos os elementos que tornam possível a interacção do utilizador.
qual é a diferença entre o desenho UX e UI?
As UX/UI são duas disciplinas muito diferentes que funcionam em harmonia. O desenho UI e o desenho UX envolvem competências diferentes, mas são parte integrante de um projecto digital bem sucedido.
Um design bonito não pode ter uma interface desajeitada e confusa para navegar, e uma boa experiência do utilizador pode ser prejudicada por um design de interface visual pobre que torna a experiência da aplicação desagradável.
Os desenhos UX e UI devem funcionar sem problemas e estar sempre alinhados com as expectativas do utilizador para criar uma excelente interface de utilizador/experiência do utilizador. E quando estão alinhados, os resultados podem ser espantosos!
como é que o design UX complementa o design UI?
Tendo visto o que são a UX e a UI e as suas diferenças, é provável que queira saber como as duas profissões podem trabalhar em conjunto. será uma mais importante do que a outra? A verdade é que tanto o desenho UX como o desenho UI são essenciais para desenvolver um produto.
Enquanto os UX designers cuidam dos aspectos técnicos de um website ou aplicação, os UI designers cuidam do aspecto visual e das partes de design gráfico da construção do produto.
Por exemplo, digamos que alguém contrata os seus serviços como designer UX porque o cliente quer optimizar o design UX do seu website ou aplicação. como poderia ajudá-los? Ao determinar as características da aplicação e a forma como a viagem do utilizador deve ser. Para optimizar a experiência do utilizador, deve concentrar-se não só no aspecto visual, mas também em textos, animações, etc.
como escolher entre o design UX e UI?
Para esclarecer quaisquer dúvidas sobre o que é UX/UI e qual é a diferença entre UI e UX, preparámos esta secção para que conheça os diferentes aspectos de cada um com mais detalhe. Saber para que área se inclinar na sua profissão é extremamente importante, embora alguns considerem ambas as disciplinas como sendo a mesma ou que ambas são diferentes.
o que é que um designer UX faz?
Agora que sabe o que é o UX, sabe o que os desenhadores de UX fazem? Os desenhadores de UX são responsáveis por determinar como funciona a interface do utilizador, definindo a sua estrutura e funcionalidade .
Da mesma forma, também estão preocupados com o utilizador UX e o serviço UX de uma aplicação ou website, e é por isso que muitas pessoas confundem a diferença com os designers UI, que são os criadores dos diferentes tipos de interfaces. Se ainda não conhece as diferenças, não se preocupe, explicaremos mais sobre isto mais tarde.
Se funcionar bem, o utilizador terá uma boa experiência, mas se a navegação for complicada ou pouco intuitiva, é provável que a experiência do utilizador seja péssima. Por esta razão, o trabalho dos designers de experiência do utilizador é trabalhar para evitar este último cenário.
Imagem: Unsplash
Em suma, são responsáveis pelo design da experiência do utilizador de qualquer plataforma virtual, assegurando uma boa usabilidade UX, conteúdo UX (concept design) e interfaces de design web funcionais.
Pesquisa para desenho UX
A investigação para o design UX centra-se nas expectativas dos utilizadores. todas as experiências e interacções que os utilizadores tiveram com cada aplicação ajudaram a estabelecer expectativas sobre como as interfaces devem funcionar e como devem funcionar.
Se um designer UX não estiver familiarizado com o que o utilizador quer, ele ou ela poderia conceber uma interacção de interface que pode parecer lógica, mas que quebraria com as necessidades e expectativas do consumidor. É por esta razão que a investigação é tão importante no processo de criação.
Os utilizadores não gostam quando o design do menu e/ou o design da experiência se comportam de forma muito diferente do que esperavam, o que pode resultar em comportamentos negativos que afectam a sua relação com a marca.
Gerar uma experiência UX positiva
Um bom design UX cria um website e uma experiência positiva para os utilizadores ao compreender e satisfazer as suas necessidades.
Mas não é apenas a funcionalidade, que faz o utilizador sentir-se positivo ao utilizar o produto ou serviço, mas também porque o faz sentir-se de confiança, conversador, encorajador, com personalidade, utilitário (fácil e rápido de utilizar) e partilhador de conteúdos. Definitivamente, cada produto ou serviço que tem sucesso nos canais digitais é porque tem UX na sua alma.
Por esta razão, é importante que seja encorajado a explorar diferentes programas UX para começar como web designer se o seu objectivo for fornecer experiências enriquecedoras aos utilizadores através da navegação online.
“A maioria das pessoas comete o erro de pensar que o desenho é o que “parece” ou “o que se pode ver”. As pessoas pensam que os designers recebem uma caixa e dizem: “Faça-o parecer bem”! Não é isso que pensamos ser o design. Não é apenas o que parece e o que sente. Design é como funciona ” – Iain Heath, Senior Experience Designer na Sainsbury’s.
Imagem: Unsplash
Dicas para se tornar um especialista em UX Design
Agora que sabe o que é UX, entrar no mundo do UX Design requer muitas competências, mas isso não significa que esteja limitado a apenas algumas. Com os conhecimentos que já possui, é suficiente seguir o caminho da aprendizagem até ter experiência suficiente.
Afinal, a Experiência do Utilizador tem uma base intuitiva que, se for um bom observador, será capaz de desenvolver.
1. Aprender sempre
A aprendizagem UX pode ser feita de 2 maneiras: através de cursos ou através de investigação autodidacta. Seja qual for a forma escolhida, o importante é não parar de aprender, porque o UX é aplicado com a combinação de diferentes conhecimentos (multidisciplinares) que exigem que se vá numa direcção.
Por exemplo, aprender a aplicar um bom desenho UX a um fluxo de compras com este vídeo e aprender a aplicar um bom desenho UX a um fluxo de compras com Carlos Pariente. Conheça as dicas:
As diferenças culturais.
Deixar o utilizador navegar à vontade.
Não solicitar o registo desde o início.
Adicionar promoções ou temporizadores para incentivar a compra.
Botões de acção clara.
Sugira recomendações . Prepare-se para começar a criar um bom UX.
2. Seja empático
Se for capaz de se colocar no lugar de outras pessoas e compreender como uma pessoa se pode sentir quando confrontada com uma complicação, já faz parte do caminho para lá.
Se este não for o seu caso, pode desistir do desejo de ser um UX Designer ou voltar ao primeiro ponto “Aprender sempre” e definir a si próprio a tarefa de desenvolver empatia. Não é impossível, basta pôr o seu ego de lado e concentrar-se mais no seu ambiente.
3. Conhecer as ferramentas
Uma vez que tenha aprendido sobre uma disciplina, passe tempo a dominar as ferramentas que facilitarão o seu trabalho como UX Designer, tais como o Sketch.
4. Adquira experiência
Não espere até ser contratado por uma grande empresa para começar a ter projectos UX na sua carteira. Com grande poder vem grande responsabilidade, e com as competências que adquire, a única pessoa responsável por dar vida à sua carreira será você. Comece pequeno, crie projectos para amigos, família ou para si próprio. Faça-os como se fossem trabalhos destinados a um público de massa e coloque o esboço na sua carteira, juntamente com os passos e metodologia utilizados.
quanto é que um designer UX ganha?
De acordo com Glassdoor, uma plataforma que permite aos utilizadores afixar e visualizar os salários anonimamente, um designer UX no México tem um salário base médio de $26.000 por mês. No Peru, um desenho UX pode ter um salário de aproximadamente S/. 2.553 por mês, de acordo com Indeed.
Enquanto o salário de um desenho UX na Argentina pode variar entre $40.000 a $120.000 de acordo com o site Encuestas IT. Estes números, naturalmente, dependem da experiência do desenho UX. Se ele ou ela tiver experiência, o salário pode ser superior a 90.000 dólares. Em Espanha, um designer UX pode ganhar até 25.449 euros por ano, de acordo com o Indeed.
No entanto, tenha em mente que esta profissão pode ser feita numa base freelance, ou seja, pode tornar-se um Designer UX ou Designer UI freelance e fornecer os seus serviços para um projecto específico.
tem dúvidas sobre como ser pago como freelancer? Não se preocupe, porque com este formulário de orçamento freelance terá uma ideia sobre quanto cobrar para conceber uma interface e oferecer os seus serviços de forma eficaz.
o que é que uma IU faz?
O trabalho de um designer de IU é conceber todos os ecrãs através dos quais um utilizador se irá mover e criar os elementos visuais com características interactivas que facilitem esse movimento.
O designer da IU não é apenas uma pessoa criativa, mas também tem o papel de se colocar no lugar do utilizador, antecipando o que o utilizador pode esperar em cada fase da navegação.
A função de um designer de IU é decidir como será a plataforma online, escolher esquemas de cores e formas de botões, bem como escolher os tamanhos e fontes para os textos. É por isso que o seu papel fundamental é criar o aspecto ideal da interface do utilizador para uma melhor interacção e uma navegação óptima.
Gerar um produto Web UI para os utilizadores
Numa interface Web é importante concentrar-se no aspecto humano (utilizador), portanto, o designer trabalhará sempre a pensar no comportamento e interacção do ser humano com as plataformas digitais.
O designer da IU é fundamental para desenvolver estas actividades e deve utilizar ferramentas tais como padrões, espaços e cores para orientar o utilizador.
A palavra-chave é “intuitiva”. é importante assegurar que a interface da aplicação seja atractiva, visualmente estimulante e tenha o design apropriado para corresponder à finalidade e personalidade da aplicação.
Se isso for conseguido, garantimos também que cada elemento visual se sinta coeso e esteticamente apelativo para o utilizador, uma vez que estão no centro desta experiência.
Imagem: Unsplash
Comunicar visualmente de acordo com as regras da IU
A comunicação visual UI centra-se na experiência visual do utilizador. Isto é determinado pela forma como um utilizador interage com a interface, quer se trate de uma aplicação, de um website ou de um jogo de vídeo.
Trata-se de como o utilizador navega de A a B através dos diferentes pontos de toque visual, através de botões ou passando as imagens. Qualquer tipo de elemento visual deve ser concebido, incluindo a disposição do ecrã, transições, animações de interface e todas as micro interacções.
Investigação para o processo de concepção da IU
Os designers da IU têm de se certificar de que a linguagem visual que escolhem se adequa ao tipo de aplicação em que estão a trabalhar. Com a investigação, eles poderiam prever as expectativas do utilizador. É importante fazer investigação sobre como outras aplicações foram desenvolvidas, dependendo da categoria de cada marca.
Há muitas lições de design que podem ser aprendidas com o trabalho que outros designers uI têm feito. A estética que escolhem depende deles, mas há sempre regras básicas ou a necessidade de se conformarem às expectativas dos utilizadores.
Dicas para a concepção de interfaces
Há pontos importantes a ter em mente ao conceber uma interface:
Animação
Branding
Linguagem de design, padrões de design e sistema de design.
Interactividade
Desenho responsivo
Tipografia
Transições
Protótipos de interface do utilizador
Lembre-se sempre que os utilizadores são pessoas com necessidades, por isso siga estas directrizes:
Fazer botões e outros elementos comuns funcionarem de uma forma previsível.
Manter uma alta capacidade de descoberta.
Manter interfaces simples.
Respeitar os olhos e a atenção dos utilizadores em relação ao desenho.
Tentar minimizar o número de acções para executar tarefas.
Manter a consistência da marca durante toda a navegação.
Imagem: Mercado Criativo
como trabalhar em UX e UI
Para trabalhar na UX e UI não precisa de estudar um diploma de design. Alguns dos maiores especialistas em UX e UI entraram na ciência da computação ou no desenvolvimento da web e ao longo do caminho descobriram o design UX e UI.
Há também aqueles que estudaram arquitectura ou psicologia, carreiras que parecem não ter nada a ver com UX e UI, mas que na realidade estão ligados.
Isto significa que se estudar informática, design ou mesmo psicologia, poderá então especializar-se nesta carreira.
Então, como trabalhar na UX e UI?
Treine-se a si próprio. fazer cursos de UX e UI, inscrever-se em workshops e conferências, ler livros e artigos sobre experiência do utilizador e design de interface, estudar histórias de sucesso de UX e UI. Siga os profissionais que falam de UX e UI.
Aprender a utilizar as ferramentas UX e UI correctas. No ponto seguinte, encontrará alguns deles.
Ganhar experiência em UX e UI. Se está apenas a começar, pode montar o seu próprio projecto. Também se pode iniciar um projecto para um amigo. Desta forma, aplicará tudo o que aprendeu a um produto ou serviço real.
Com estas experiências, a próxima recomendação é de criar a sua carteira. É importante que conheça os websites para criar uma carteira profissional e começar a mostrar o seu talento em diferentes meios de comunicação social.
Participar na comunidade UX e UI. Pode seguir grupos no LinkedIn ou Facebook, inscrever-se em eventos, seguir os canais do YouTube de designers UX, escrever artigos em Média, etc.
Seja curioso e um eterno aprendiz. Para ser uma UX ou UI, é preciso ser alguém ansioso por aprender, pesquisar e testar.
como optimizar o design UX de um website ou aplicação?
Como já está suficientemente informado sobre o que a UX/UI está a fazer até este ponto, provavelmente está agora curioso em saber como optimizar a experiência do utilizador num website ou numa aplicação. Vamos resumi-lo em três passos simples para lhe dar uma ideia. A primeira coisa que deve saber é que não precisa de se concentrar apenas no aspecto do design gráfico, na redação e noutros factores não menos importantes do design UX.
O que é preciso fazer é concentrar-se primeiro nos utilizadores (é por isso que, na sigla UX, o “U” significa “primeiro”). Pense no que vai dar aos utilizadores o que eles procuram e da melhor maneira possível. E consegui-lo-á de várias maneiras que explicamos a seguir.
1. Preste atenção às falhas do UX no seu website
Antes de mais, certifique-se de que o seu website segue os princípios básicos do design UX. Antes de mais, é você mesmo um utilizador, por isso muitos elementos de desempenho são padrão e não exigem que faça um estudo complexo e aprofundado para os avaliar.
Por exemplo, já ouviu falar da ergonomia do web design? Bem, através de uma análise de acessibilidade, é possível identificar oportunidades importantes de melhoria, tais como tempo de carga, compatibilidade de browser, consistência de cores, etc.
2. Inspeccionar os princípios básicos UX
O próximo passo para optimizar o design UX do seu website é aplicar os princípios básicos UX:
Usabilidade
Aprendizagem
Eficiência
Memorabilidade
Erros
Satisfação
Acessibilidade
Interacção
Se após ter inspeccionado estes princípios UX, determinar que o site precisa de muitas questões básicas para ser optimizado, então deverá tomar a decisão de efectuar uma revisão UX completa do site.
3. Fazer pesquisa de utilizadores
Ainda bem que não só fica a pensar no que é o UX, mas também interessado em aprender como optimizar o design UX de um website ou aplicação. Neste último passo, compreenderá que existem muitas áreas onde será necessário analisar estatísticas para estabelecer uma estratégia eficaz de optimização UX.
Para esclarecer o que os utilizadores procuram no seu site ou aplicação, e o que funcionará melhor para a sua IU, precisa de pôr várias estratégias em prática:
Heatmapping: esta ferramenta permite gravar utilizadores através da interface de utilizador ou IU para ver onde navegam e quais os elementos em que clicam.
Teste A/B: esta é uma técnica que lhe permite testar duas variações da mesma página para ver qual delas tem melhores pistas. Ao testar diferentes estruturas, textos ou funcionalidades, é possível comparar a eficácia das características entre elas.
Inquéritos: Outra forma alternativa de optimizar o design UX de um site é entrevistar utilizadores para lhes fazer perguntas sobre o design UI e os seus produtos. Desta forma, verá quais os obstáculos e impedimentos que os utilizadores encontram e depois tomará decisões sobre eles.
Teste do utilizador: O teste do utilizador permite-lhe ver directamente como os utilizadores se comportam num determinado cenário em relação à IU. Este é sem dúvida um dos métodos mais eficazes para optimizar o design UX de um site.
o que pensou destas estratégias para melhorar a experiência do utilizador de um site ou aplicação? Por exemplo, a experiência do utilizador (UX) em aplicações como o Google é muito personalizada. O Google sugere viagens com base na localização.
Dependendo de onde estiver, o motor de busca sugere possíveis destinos, restaurantes próximos e voos a partir da sua cidade. Esta personalização acrescenta comodidade, facilidade de utilização e clareza ao UX. Agora, vamos continuar a aprender. que tal aprender a seguir sobre a história do design UX? Avancemos!
qual é a origem do design UX?
Para chegarmos à verdadeira raiz do que é o UX, temos de recuar anos até à Revolução Industrial. Graças aos avanços tecnológicos dos séculos XIX e XX, quando os homens de negócios procuravam formas de melhorar os seus processos de trabalho para optimizar o tempo de produção, surgiram os primeiros esboços de UX no mundo.
Casos bem conhecidos são os de Frederick Winslow Taylor e Henry Ford. Nesses anos, já havia uma preocupação constante em investigar o processo de produção e como este estava directamente relacionado com a interacção dos trabalhadores e dos seus elementos de trabalho.
A prática de investigar para encontrar soluções num ambiente de produção foi aperfeiçoada numa metodologia que foi aplicada com base em experiências anteriores (como a da Ford) e adaptada a novas situações.
Donald Norman, uma autoridade em estudos relacionados com o campo das experiências cognitivas e produtos tecnológicos, ocupou o cargo de Arquitecto de Experiência do Utilizador nos Laboratórios Apple.
Desde então, o termo não parou de se expandir em diferentes ramos da tecnologia.
quais são as metodologias UX/UI mais comuns?
Para saber o que é UX e conhecer os seus principais componentes, deve saber que existem diferentes metodologias UX que se baseiam numa variedade de processos, métodos e práticas que procuram as melhores formas de satisfazer os utilizadores.
Aqui estão alguns deles:
Metodologia Lean
De acordo com Oreilly, a metodologia clássica UX centra-se nos requisitos e nos produtos a entregar. Por outro lado, a metodologia Lean UX da Jeff Gothelf propõe operar o UX num ambiente ágil, ou seja, acelerar os processos de concepção baseados nos utilizadores.
A origem do Lean UX vem do Lean Manufacturing, um método implementado pela Toyota que procurou reduzir o tempo de planeamento e produção dos seus automóveis. o que é que a Toyota fez? Convidou os seus clientes a participar no processo de produção, prestando especial atenção às suas opiniões e feedback.
o que é que a Totoya conseguiu com esta decisão?
Ganhou mais clientes.
Reduziu o tempo de planeamento e processos de produção.
Melhorou significativamente a qualidade dos automóveis.
Tornou-se mais receptiva e eficaz em comparação com os seus concorrentes.
Concentrou-se em seguir as exigências dos utilizadores, eliminando os resíduos que não são úteis aos utilizadores, tornando o processo de produção mais ágil e alcançando os objectivos num período de tempo mais curto.
Imagem: Unsplash
Desenho centrado no ser humano
Em UX, design centrado no ser humano, compreende o utilizador final ao construir empatia através da investigação e experiência do utilizador. Também compreende os objectivos da marca ao compreender o valor para o negócio.
Tal como é fundamental para o utilizador compreender a tecnologia para que a possa utilizar e tirar o máximo partido dela, também é importante para a empresa concentrar-se em conhecer os seus utilizadores e clientes.
Esta acção cria uma relação valiosa, tornando a experiência mais eficiente e eficaz de modo a torná-la significativa para os seus utilizadores finais.
O UX é fundamental para a cadeia de valor de um produto ou viagem do utilizador, pois garante que, em cada fase em que as exigências e soluções estão envolvidas, proporcionam benefícios para o negócio e os consumidores, acompanhando-os através do processo de entrada e saída.
Desenho Sprint
É uma metodologia UX oficialmente implementada à escala por Jake Knapp e Google Ventures. O sprint de desenho é semelhante ao método clássico UX, mas na realidade é muito mais rápido e eficaz.
o que é um sprint? Segundo a Google Ventures, “o sprint é um processo de cinco dias para responder a questões críticas de negócios através da concepção, prototipagem e teste de ideias com os clientes”.
Em suma, um sprint permite obter dados claros de um protótipo realista num período de tempo muito curto, sem ter de o construir e lançar.
Imagem: GV Design
como fazer um sprint de design?
Siga estes passos propostos pelo Google Ventures ao longo da sua semana e inicie hoje a sua estratégia UX:
Na segunda-feira: mapear o problema e escolher um local chave para se concentrar.
Terça-feira: esboçar as soluções para o concurso no papel .
Quarta-feira: tome decisões difíceis e transforme as suas ideias em hipóteses verificáveis .
Quinta-feira: fazer um protótipo de alta-fidelidade.
E na sexta-feira: testar esse protótipo com utilizadores reais.
Metodologia do diamante duplo
Esta técnica foi criada em 2004 pelo UK Design Council. Este tipo de design UX tem uma grande vantagem na medida em que pode ser realizado tanto por especialistas na matéria como por novatos que estão apenas a começar. O principal objectivo desta metodologia de concepção UX é resolver problemas complexos, respondendo a necessidades específicas.
porque se chama um diamante duplo? O diagrama que representa esta forma de empregar o desenho UX é correctamente representado por dois gráficos em forma de diamante.
Este diagrama tem quatro fases específicas. Os dois primeiros tratam da definição do problema e das hipóteses de possíveis respostas. As duas segunda fases definem de forma concreta qual será a solução e implementam-na através de um novo desenho UX. As quatro fases desta metodologia são:
Descoberta de problemas
Definição do problema
Desenvolvimento de estratégias
Entrega de soluções
Fonte: Kushki
Metodologia ágil
Esta metodologia nasceu nos Estados Unidos em 2001 e baseia-se no planeamento dos passos a seguir, mas com a possibilidade de tomar as melhores alternativas disponíveis quando chegar a altura. Os quatro valores que qualquer projecto de design UX deve seguir se quiser utilizar este método são:
As interacções entre as pessoas antes dos processos e ferramentas.
Software de trabalho sobre documentação abrangente.
Envolvimento activo do cliente ao longo de todo o processo de desenvolvimento.
A capacidade de responder rápida e criativamente a mudanças e acontecimentos imprevistos.
É implementado em cinco fases principais:
Diagnóstico: envolve a participação de designers, clientes e desenvolvedores. Baseia-se na análise dos requisitos e no brainstorming dos criativos.
Design: inclui documentação do design e prototipagem do website ou da aplicação.
Desenvolvimento: é a construção, teste, revisão e clarificação. É entendido como um processo iterativo que vai e vem sobre possíveis ideias.
Garantia de Qualidade: em vários testes e ensaios, a identificação e resolução de defeitos tem lugar.
Colocação em produção e venda.
Tendências UX/UI, cursos e ferramentas
Como deve ter notado, embora UI e UX sejam dois aspectos diferentes do design da web, eles trabalham de mãos dadas. Enquanto a UI se concentra na concepção de um website e na forma como os utilizadores interagem com ele, a UX concentra-se na experiência que os utilizadores têm ao utilizarem os seus produtos ou serviços. Dito isto, vejamos as últimas tendências, cursos e ferramentas UX e UI.
quais são as últimas tendências da UX/UI?
2020 foi o ano em que a UX se concentrou na investigação e compreensão dos utilizadores. Agora, 2021 pede que o UX Designer trabalhe de mãos dadas com o marketing e desenvolvimento de produtos.
Como dissemos, o UX Designer é um profissional multi-disciplinar que se relaciona com outras áreas. Se o fizer, será capaz de compreender melhor os seus utilizadores. Além disso, conhecer os comportamentos e reacções do alvo permite-lhe transferir as emoções da marca de uma forma mais profissional.
Desta forma, o UX 2021 visa gerar experiências únicas, alavancando o conteúdo comercial da empresa. atingir este ponto de pesquisa de mercado aproxima-o da geração de clientes satisfeitos.
que tendências traz a UX/UI 2021? O protagonista será o espaço vazio. se tiver demasiados produtos visuais, os utilizadores ficam confusos e distraídos em vez de se concentrarem em algo específico.
Devido ao acima exposto, aqui estão 3 tendências UX que deverá ter no seu radar se pretende lançar um website para a sua marca ou para a sua ideia de arranque.
Minimalismo
Como mencionámos anteriormente, uma das tendências na experiência do utilizador é tudo sobre espaços vazios.
O minimalismo tem tido um papel importante nos últimos anos não só no design da web, mas também na concepção de aplicações e mesmo no design de jogos de vídeo.
Por esta razão, conceber uma página web que contenha poucos elementos e não sature os olhos dos espectadores será de grande importância para os motivar a continuar a navegar.
Talvez o exemplo mais claro de web design minimalista possa ser identificado na Apple, uma vez que cada elemento do seu site oficial tem um espaço adequado e uma proporção que gera conforto visual.
Imagem: Maçã
Interfaces interactivas
Imagine entrar num website e reparar que, enquanto o navega, pode interagir com os elementos no ecrã como se fosse um jogo de vídeo. As tendências UX e UI destinam-se a envolver directamente os utilizadores e encorajar a sua participação através da dinâmica dentro das suas interfaces.
Embora este tipo de concepção de interface exija um nível de complexidade mais elevado, pode ter a certeza de que terão um impacto positivo nos utilizadores. Um bom exemplo é o website da Prometheus, uma empresa de sustentabilidade ambiental cuja experiência de navegação é uma viagem visual que conta uma história através de animações dinâmicas.
Este processo é conhecido como narrativa de marca e é importante que, para além de o utilizar como conteúdo das redes sociais, considere a possibilidade de contar histórias com design de interface.
Imagem: Prometheus
Interfaces com o movimento
Sempre que entramos num website é comum rolar com o nosso rato e reparar que a rolagem é feita verticalmente. Isto não é surpresa, pois é assim que funciona a maioria das páginas. No entanto, pense numa interface na qual, quando quiser deslocar-se em qualquer direcção, descubra que tudo muda de cor e posição.
Esta tendência na concepção de interfaces e experiência do utilizador consiste na concepção de páginas web com elementos móveis. Não nos referimos a vídeos ou personagens animados na página inicial, mas a um design de interface que muda de aspecto quando se prime um botão para lhe mostrar novas informações.
Isto motivará grandemente os utilizadores a manterem o seu interesse em navegar na página e a quererem explorar cada último canto da mesma. Recomendamos-lhe que visite o website de waaark. um estúdio criativo que aplica o acima mencionado à carta.
Imagem: waaark
Os melhores cursos para aprender UX/UI
Está quase pronto para criar o seu primeiro desenho UX. sente-se como se lhe faltasse um pouco de treino? Consulte os nossos cursos online e escolha o curso certo para as suas necessidades.
Curso Online Fundamentos da UX & UI
Se está apenas a começar no mundo da UX e UI, este curso introdutório é ideal para si. Para além de aprender a importância da concepção da experiência do utilizador, nas aulas de fundamentos da UX/UI verá as seguintes actividades
Passará as suas ideias de esboço em esboço e começará a fazer protótipos de baixa e alta fidelidade.
Descobrirá como fazer a pesquisa e criar o mapa de viagem no processo de criação da IU.
Analisará as questões de usabilidade em UX para melhorar a experiência do utilizador.
Aprenderá os princípios básicos da UX UI e compreenderá a diferença entre os dois.
Ferramentas gratuitas e pagas para a UX/UI
Já falámos das diferentes metodologias de desenho UX e da importância da prototipagem em cada uma delas. Aqui deixamos-lhe uma série de ferramentas gratuitas que serão muito úteis na criação dos seus próprios desenhos.
1. Justinmind
Esta ferramenta para protótipo de página web e interfaces de aplicação está disponível para os sistemas operativos Windows, Mac, iOS e Android. Embora a sua versão paga não seja muito cara, com a sua versão gratuita poderá fazer muito mais do que pode imaginar. Tem dois painéis principais que lhe permitem desenvolver os seus desenhos UX.
Nos painéis dinâmicos pode colocar os elementos que desejar em cada área e simular botões, alterações de tabulações e outros conteúdos. Na secção de eventos pode indicar acções sobre os eventos que acabou de criar.
2. Invisão
Se está apenas a começar, esta ferramenta é ideal para praticar os seus primeiros desenhos UX. Com a sua versão experimental pode criar até cinco projectos do início ao fim e começar a criar a partir do zero. a melhor coisa sobre o Invision? É extremamente intuitivo e também profissional: pode sincronizá-lo com o Illustrator e o Photoshop!
3. Moqups
Esta ferramenta baseada na web permite-lhe criar wireframes, maquetes, diagramas e protótipos enquanto colabora em tempo real com o resto da sua equipa de design UX. Embora possa criar a sua conta gratuitamente, para tirar partido de todos os seus benefícios é melhor subscrever algumas das suas opções pagas.
Uma grande vantagem desta ferramenta é que já concebeu componentes que lhe permitirão tornar o seu esboço de produto UX mais rápido. Além disso, não tem de o instalar no seu computador, para não ocupar espaço.
Fonte: Pexels
4. UXPin
Uma ferramenta de prototipagem para UX Design
Uma ferramenta de desenho UX ideal para criar protótipos interactivos, sistemas de desenho e documentação.
UXPin oferece-lhe uma experiência mais realista através de interacções animadas para experimentar o seu produto como se ele fosse real.
Algumas das suas funções incluem: variáveis, interacções condicionais, expressões, estados interactivos, gerador de dados, etc. Com UXPin pode passar de lo-fi para hi-fi em segundos utilizando elementos pré-construídos personalizáveis das suas bibliotecas UI ou elementos importados da sua própria biblioteca de esboços.
O seu editor moderno e intuitivo facilita a curva de aprendizagem do UXPin, pelo que não é necessária qualquer formação extensiva para começar a conceber no UXPin.
Tudo criado no UXPin é baseado em html, css e código js, ou seja, os mesmos desenvolvedores de tecnologia com que trabalham, pelo que o seu código irá sempre corresponder ao seu design.
Imagem: UxPin
5. Clicktale
Uma ferramenta de análise para UX Design
Uma ferramenta útil de design UX que analisa o comportamento do visitante do site com heatmaps, Clicktale transforma todas as interacções do cliente em insights e visualizações para optimizar estrategicamente o seu site para um ROI máximo.
Também lhe permite conceber e executar testes A/B e multivariados baseados em dados inteligentes impulsionados pelo comportamento do utilizador.
Com Clicktale pode recriar padrões de comportamento de navegação na página, analisar tempos de preenchimento e gravar sessões de utilizadores de forma anónima.
Imagem: Increnta
6. Smartlook
Uma ferramenta de gravação de sessão para UX Design
Esta ferramenta regista os utilizadores em websites e aplicações móveis com funções que lhe permitem encontrar informação útil mesmo em milhares de gravações num curto espaço de tempo. Isto torna-a uma das ferramentas mais atractivas do UX Design.
Graças aos seus gráficos de retenção, é possível descobrir padrões no comportamento do utilizador e identificar quando os utilizadores têm dificuldade em adoptar novas características. Os gráficos de retenção são a melhor forma de acelerar a redução de perdas e concentrar-se em ajudar os seus utilizadores actuais.
Com o Smartlook, pode criar funis a partir de qualquer evento e ver as estatísticas do funil imediatamente após a sua instalação, as gravações estão também imediatamente disponíveis, e pode mesmo ver pessoas que abandonaram o funil ou que têm dúvidas sobre um campo de formulário.
Imagem: Smartlook
7. Adobe Target
Uma ferramenta de desenho UX para testes A/B
Uma ferramenta que faz parte do Adobe Marketing Cloud, é apresentada como uma solução que tem tudo o que é necessário para “personalizar e personalizar a experiência do cliente para maximizar as receitas de sites web e móveis, aplicações, redes sociais e outros canais digitais”.
Entre as suas características, Adobe Target permite-lhe fazer testes A/B e multivariados em qualquer canal em qualquer altura. A sua automatização à escala orientada pela IA irá ajudá-lo a realizar testes personalizados por visitante.
Imagem: Pinterest
8. UsabilidadeHub
Uma ferramenta para UX Design utilizada pelo Google e pela Amazon
É uma plataforma de pesquisa de utilizadores remotos que lhe permite tomar melhores decisões de concepção com base em validações (sem muito esforço) com utilizadores reais.
Com o UsabilityHub poderá testar interfaces, fluxos de interacção, iconografia, etc. As suas funções foram concebidas para o ajudar a criar experiências intuitivas e agradáveis para os utilizadores.
Se for um analista de marketing digital, o UsabilityHub irá fornecer-lhe as ferramentas para afinar páginas de aterragem, mensagens e qualquer outra coisa que ajude a optimizar as taxas de conversão em campanhas de marketing.
É também uma plataforma muito útil para Gestores de Produtos, uma vez que facilita a tomada de decisões. Desta forma, pode certificar-se de que está a entregar as características certas aos utilizadores certos.
Agora que sabe o que é UX e o que é UI, está pronto para começar a sua aventura de web design? Como deve ter notado ao longo deste artigo, estas disciplinas são cada vez mais necessárias para marcas que queiram proporcionar experiências enriquecedoras.