User eXperience Design (UXD) - Resolvendo problemas em UX

A experi�ncia do usu�rio tem total foco e uma busca constante em obter uma compreens�o profunda dos usu�rios, (o que necessitam e o que eles avaliam, al�m tamb�m das suas limita��es e suas habilidades). Um profissional de UX faz um trabalho com intuito de conhecer os objetivos dos clientes, dos neg�cios e dos objetivos de todo o time que controla o projeto. As melhores pr�ticas de UX promovem o aperfei�oamento da qualidade de intera��o dos usu�rios e das percep��es de seu produto, e de todos os servi�os relacionados.

Design de Experi�ncia do Usu�rio (UXD), Design de Intera��o (IXD), Design de Interface do usu�rio (UI), Arquiteto de Informa��o (AI), s�o alguns dos termos que mais escutamos entre os profissionais de design, estes profissionais trabalham com pr�ticas de design centrado no usu�rio, e utilizam m�todos e t�cnicas que s�o aplicadas atrav�s de gerenciamento de processos para produzir efeitos coesos, previs�veis e desej�veis em uma pessoa espec�fica, ou persona (arqu�tipo composta de h�bitos de p�blico-alvo e caracter�sticas). Tudo para atender os objetivos e a satisfa��o do usu�rio final, bem como os objetivos de uma organiza��o.

�reas relacionadas � constru��o de uma experi�ncia do usu�rio

UX � um campo crescente e que est� sendo definido ainda. Criar um projeto de usu�rio centrado bem sucedido abrange os princ�pios da intera��o humano-computador (HCI).

Vamos pensar em User eXperience como um grande guarda-chuva que abrange todos os aspectos principais para atender as necessidades espec�ficas dos usu�rios e de forma satisfat�ria. Veja na Figura 1 o guarda-chuva de como um User eXperience Designer (UX) resolve um problema, e quais as disciplinas est�o inclusas no seu trabalho di�rio.

Guarda-chuva de como um <em>User eXperience Designer (UXD)</em> resolve um problema, e quais as disciplinas est�o inclusas no seu
trabalho di�rio

Figura 1. Guarda-chuva de como um User eXperience Designer (UXD) resolve um problema, e quais as disciplinas est�o inclusas no seu trabalho di�rio.

Sabemos que um n�cleo de UX poder� ser muito importante na resolu��o de problemas e para o sucesso de um novo projeto, pois, trabalha visando a melhor satisfa��o dos clientes e usu�rios. Mas ainda existem empresas de tecnologia e ag�ncias, por exemplo, que n�o contam ou n�o investem em profissionais desse ramo. Para muitas empresas nos tempos atuais, designers de UX s�o conhecidos como os profissionais que fazem apenas os wireframes dos projetos, e muita das vezes acredite, s�o vistas apenas como os webdesigners da equipe que tem a fun��o de deixar o projeto mais �bonitinho� trocando as cores e o tamanho dos textos. Mas sabemos que o seu trabalho � bastante estrat�gico, e com intuito de resolver problemas de usabilidade, de intera��o, de interface, entre outros. Tudo visando a melhor satisfa��o do cliente/usu�rio. Falaremos brevemente sobre cada um dos pontos citados na imagem acima.

O Design Visual

Os designers visuais s�o respons�veis pela cria��o de conceitos de padr�es de estilo, de tipo, de �cones, e de hierarquia visual para esclarecer dados, indicam relacionamentos, sugerem comportamentos, e se comunicam com uma linguagem facilitadora para o entendimento dos usu�rios. Trabalham em colabora��o com designers de intera��o, arquitetos de informa��o e outros membros da equipe.

Um projeto visual bem executado � um fator primordial para o sucesso no lan�amento de um novo produto. Os elementos b�sicos que envolvem a cria��o de um projeto visual incluem: linhas, formas, cores, texturas, massa, espa�o, alinhamento, balan�o, contraste, proximidade, repeti��o e consist�ncia.

A Arquitetura de Informa��o

A arquitetura de informa��o tamb�m � important�ssima para solucionar problemas, imagine um website em que voc� precise navegar por v�rios links at� conseguir achar o e-mail e telefone de contato da empresa.

Atrav�s de uma proposta rica de experi�ncia em (AI), os usu�rios s�o ajudados a entender melhor o seu espa�o, e dessa forma encontrarem o que est�o procurando, seja online, ou at� mesmo em experi�ncias no mundo real.

O trabalho de um arquiteto de informa��o � projetar uma estrutura de interface de usu�rio (UI) que satisfa�a a estrat�gia corporativa de neg�cios, a estrat�gia dos produtos e a estrat�gia de experi�ncia do usu�rio acomodando todos os casos de uso e requisitos do sistema.

A arquitetura de informa��o deve priorizar os objetivos principais dos usu�rios, e definir como eles poder�o alcan��-los usando o aplicativo ou sistema.

O uso de (AI) tem como base as ra�zes profundas da biblioteconomia, da psicologia cognitiva, da semi�tica, da cibern�tica, e da pr�pria arquitetura.

O Design de Intera��o

O designer de intera��o traz consigo bem provavelmente a maior responsabilidade pelo projeto conceitual, pois, precisa garantir que os padr�es de interface do usu�rio e componentes estejam funcionando da melhor forma poss�vel para fixar a aten��o dos usu�rios em determinadas a��es. Todos os elementos de p�gina, como a apresenta��o e o fluxo das p�ginas precisam satisfazer as necessidades prim�rias dos usu�rios, para que tudo possa servir de apoio na execu��o de suas tarefas, permitindo que seus objetivos possam ser conclu�dos. Os usu�rios t�m uma compreens�o melhor do sistema quando os elementos est�o seguindo padr�es, portanto, o designer de intera��o tamb�m precisa pensar na apar�ncia levando em considera��o as cores, as formas, os tamanhos, entre outros elementos.

Designers de intera��o precisam ter intui��o e pensar como os usu�rios pensam, projetar de uma forma que os levem para as pr�ximas etapas da aplica��o, de uma maneira que fique tudo o mais natural poss�vel. Mensagens podem ser exibidas para os usu�rios, como por exemplo, as mensagens informativas ou mensagens de erros, elas podem ser �teis para fornecer solu��es e explicar detalhes da intera��o.

Precisam pensar nas caracter�sticas e informa��es de maior import�ncia para os usu�rios, e manter uma coer�ncia em todo o projeto. Compreendem como os usu�rios e as tecnologias se comunicam um com o outro, e isso � fundamental para este campo de atua��o.

Profissionais de intera��o tamb�m precisam pensar nas a��es que o usu�rio poder� fazer com o mouse, precisam pensar nos comportamentos que ocorrer�o ao arrastar e soltar o mouse, ao clicar, entre outros. Tamb�m precisam pensar nas a��es do teclado, por exemplo, se o usu�rio poder� utilizar as setas direcionais para o deslocamento de p�ginas, ou at� mesmo se poder�o manipular teclas como o �CTRL + C�, �CTRL + V�, �TAB�, etc.

A Usabilidade

A usabilidade significa criar um produto ou um sistema de forma que seja o mais f�cil poss�vel de se usar, � uma combina��o das necessidades e exig�ncias do usu�rio se tornarem satisfat�rias, eficientes e eficazes em um contexto espec�fico de uso. O padr�o internacional (ISO 9241-11), fornece essas orienta��es e defini��es na usabilidade.

A usabilidade � um atributo da qualidade e tem a fun��o de facilitar e melhorar a utiliza��o de um produto ou sistema durante todo um processo. Mas ela n�o pode ser confundida com as �funcionalidades de um sistema�, pois, aumentar as funcionalidades de um sistema n�o significa que a usabilidade estar� melhorada.

Existem muitos atributos importantes da qualidade, como por exemplo:

A capacidade de aprendizado: deve-se levar em considera��o se o produto ou sistema est� projetado de forma f�cil para os usu�rios realizem tarefas b�sicas j� na primeira vez que acessarem o projeto.
A efici�ncia: deve-se pensar em qual grau de esfor�o os usu�rios dever�o fazer para realizarem determinadas tarefas, e se rapidamente eles poder�o voltar a execut�-las.
A memoriza��o: deve-se pensar na possibilidade dos usu�rios passarem um bom per�odo sem utilizarem o sistema, e quando retornarem possam restabelecer com facilidade e profici�ncia a utiliza��o.
Os erros: deve-se pensar na quantidade de erros os usu�rios poder�o encontrar no sistema, e como facilmente poder�o se livrar deles.
A satisfa��o: deve-se levar em considera��o o quanto dever� ser agrad�vel para os usu�rios utilizarem o produto ou sistema, e se realmente � fornecido caracter�sticas que eles necessitam para o uso.

Podemos definir que: �til = usabilidade + utilidade. Ou seja, a utilidade deve fornecer caracter�sticas necess�rias para os usu�rios, e a usabilidade deve ser de f�cil e agrad�vel acesso.

A Pesquisa de Usu�rio

A pesquisa de usu�rio � um dos pontos que consideramos mais importantes, pois, tem como foco principal descobrir e compreender os comportamentos, as necessidades, e as motiva��es dos usu�rios.

Existem v�rios tipos de pesquisas de usu�rio, e vai depender de cada situa��o e momento para executar cada uma delas, por exemplo, o tipo de local, tipo de sistema ou aplicativo que voc� esteja desenvolvendo, seu ambiente, etc. Os m�todos utilizados na pesquisa do usu�rio s�o: Qualitativos e Quantitativos. Veremos abaixo de forma resumida e objetiva algumas t�cnicas utilizadas nesses m�todos.

Alguns m�todos qualitativos:

Card sorting: � um m�todo usado para ajudar a projetar ou avaliar uma arquitetura da informa��o. S�o utilizados cart�es que classificam uma sess�o, e os participantes organizam t�picos em categorias que lhes fazem sentido e que podem tamb�m ajud�-los a etiquetar estes grupos. Esta t�cnica permite que os usu�rios agrupem as informa��es, ajudando a assegurar que a estrutura definida combine com a maneira com que os usu�rios pensam.
Focus Group: este � um m�todo de pesquisa utilizado para recolher informa��es sobre as atitudes, ideias, desejos e opini�es dos usu�rios/clientes. Os grupos de foco s�o usados para encontrar as opini�es e informa��es dos usu�rios sobre produtos, servi�os, e caracter�sticas antes mesmo que sejam desenvolvidas. Os grupos de foco visam uma discuss�o com um pequeno n�mero de pessoas, geralmente entre quatro a 12 participantes, mas normalmente um n�mero de oito pessoas poder� ser o suficiente para encontrar respostas individuais em quest�es formais, e produzir dados qualitativos (prefer�ncias e cren�as) que podem ou n�o ser representativos da popula��o geral. A pesquisa � feita por um facilitador/moderador, e este tem a fun��o de guiar os participantes por um tema espec�fico.
Teste de Guerrilha - Teste de Guerrilha � um m�todo de baixo custo para testes de usabilidade com usu�rios. Tradicionalmente os testes de usabilidade s�o realizados em locais fechados, podendo ser controlados por psic�logos treinados, e isso pode se tornar intimidador para os participantes. Jakob Nielsen que � um grande cientista da computa��o com Ph.D. em intera��o homem-m�quina, prop�e o uso de uma abordagem mais simplificada da engenharia da usabilidade, o teste de guerrilha. Este m�todo utiliza de testes mais simplificados com o intuito de "pensar em voz alta", com um pequeno grupo de usu�rios e podendo ser realizado em locais mais informais como por exemplo, em uma cafeteria, uma biblioteca ou uma pra�a p�blica.
Pesquisa etnogr�fica - A pesquisa etnogr�fica � um estudo que envolve a observa��o sistem�tica de pessoas e culturas em um cen�rio do mundo real e natural em que vivem. O objetivo � reunir insights (compreens�o s�bita de alguma coisa ou determinada situa��o) sobre como as pessoas vivem; o que elas fazem; como elas usam as coisas; ou o que elas precisam em suas vidas cotidianas ou profissionais. O pesquisador observa uma sociedade e representa graficamente ou por escrito a cultura deste grupo. A pesquisa etnogr�fica se baseia em t�cnicas como a observa��o, grava��o em v�deo, fotografias, entrevistas contextuais, an�lise da atividade, mapeamento comportamental, etc. A entrevista contextual por exemplo, s�o entrevistas menos formais em compara��o com os testes de laborat�rios, n�o s�o usados tarefas ou scripts. Os pesquisadores podem realizar as entrevistas em ambientes mais abertos, como por exemplo, na pr�pria casa ou local de trabalho do usu�rio, e at� mesmo em locais p�blicos. Os usu�rios por sua vez, contam suas hist�rias e viv�ncias, e isso torna a pesquisa mais natural e realista pensando no ponto de vista da experi�ncia de uso do usu�rio. O tempo para observa��es pode variar entre quatro a cinco horas, ou podem durar v�rios dias, semanas e meses para a coleta de dados e informa��es.
Personas - Personas s�o personagens fict�cios, modelos descritivos criados para representar a defini��o do cliente t�pico. Existem diferentes tipos de usu�rio dentro de um alvo demogr�fico, atitude e/ou comportamento definido que poderia utilizar essas informa��es de uma forma produtiva para que toda a��o e tomada de decis�o sejam direcionadas �quele perfil quando se trata de um site, uma marca ou produto de um modo similar. Personas s�o �teis para identificar caracter�sticas comuns entre os potenciais usu�rios, ajudando a selecionar e definir o perfil comportamental dos consumidores.

Normalmente pensamos sempre no P�blico-Alvo nos projetos, mas o conceito de Personas vai muito al�m daquilo que conhecemos como p�blicos A, B, C, etc. Com o uso de Personas, conseguimos personalizar os indiv�duos com uma maior riqueza de detalhes.

Alguns m�todos quantitativos:

Teste A/B: � um tipo de teste de design que permite voc� testar duas p�ginas, (A e B), para an�lise e controle de desempenho, al�m de um tratamento para a melhor experi�ncia e aprova��o de uso dos usu�rios.
Duas vers�es s�o criadas com o teste, a original e a "variante" que � a p�gina em que voc� mudar� algum elemento para realiza��o do seu teste. Pequenos detalhes podem ser alterados entre as vers�es, como a inser��o de um elemento que destaque o link para download ou o bot�o de compras, essas altera��es nas p�ginas podem provocar mudan�as positivas ou negativas no interesse dos usu�rios. � fundamental para o crescimento do seu neg�cio e produto realizar testes A/B, uma variante bem aplicada pode impactar o comportamento e levar a melhorias significativas do consumidor/usu�rio.
Utilize por exemplo o Unbounce como software para testar as vers�es atuais (controle) e a vers�o modificada (tratamento). O endere�o do site �: http://unbounce.com/
Web analytics: � uma pr�tica multidisciplinar que tem como objetivo quantificar o processo de medi��o, coleta, an�lise e de produ��o de relat�rios de dados de navega��o e intera��o. O objetivo � descobrir otimiza��es de usabilidade, de design, de arquitetura, de marketing no uso dos sites e p�ginas na internet. Web analytics ajudar� voc� a medir detalhes nos seus sites e aplicativos como identificar quem s�o os visitantes, ou o que eles est�o fazendo ou tentando fazer no seu sistema/produto, e qual s�o as diferen�as entre o que eles est�o fazendo e o que seria o ideal que fizessem. Al�m de saber quais s�o as maneiras concretas para fechar as lacunas e como podemos obter mais visitantes.

A Estrat�gia de Conte�do

A estrat�gia de conte�do abrange a descoberta, a idea��o, a implementa��o e a manuten��o de todos os tipos de conte�do com liga��es digitais, de metadados, de v�deos, etc. � um campo reconhecido em design de experi�ncia do usu�rio, pois, busca satisfazer os objetivos espec�ficos e bem definidos dos usu�rios.

� o planejamento para a cria��o, entrega e governan�a de conte�do �til e utiliz�vel. Trata dos aspectos de planejamento e gerenciamento de conte�do em todo o seu ciclo de vida, e isso inclui o alinhamento de conte�do para os principais objetivos do neg�cio, de an�lise e de modelagem, influenciando diretamente o desenvolvimento, a produ��o, a apresenta��o, a avalia��o, e a medi��o de conte�dos reais.

Podemos definir que a estrat�gia de conte�do � como receber o conte�do adequado para o usu�rio certo, na hora certa. Al�m disso, os estrategistas de conte�dos devem se esfor�ar para alcan�ar o conte�do que � leg�vel e compreens�vel, encontr�vel, acion�vel e compartilh�vel em todas as suas v�rias formas e maneiras.

Outra representa��o dos elementos da experi�ncia do usu�rio

Outra representa��o dos elementos da experi�ncia do usu�rio pode ser encontrada no livro The Elements of User Experience de Jesse James Garret, ele apresenta um gr�fico para mostrar aquilo que acredita considerar ser os elementos da experi�ncia do usu�rio no ciclo de vida de um produto.

Os elementos da experi�ncia do usu�rio s�o:

Design Visual: tratamento gr�fico dos elementos da interface (a �cara� do produto).
Design da Interface: como na IHC tradicional: design dos elementos da interface para facilitar a intera��o do usu�rio com as funcionalidades.
Design da Informa��o: design da apresenta��o da informa��o para facilitar a compreens�o.
Design da Navega��o: design dos elementos da interface para facilitar a movimenta��o do usu�rio meio a arquitetura da informa��o.
Design de Intera��o: desenvolvimento de fluxos de aplica��o para facilitar as tarefas do usu�rio, definindo como o este interage com as funcionalidades do produto.
Arquitetura da Informa��o: Design estrutural do espa�o da informa��o para facilitar o acesso intuitivo ao conte�do.
Especifica��es Funcionais: descri��es detalhadas de funcionalidades que o site deve incluir para ir ao encontro das necessidades do usu�rio.
Requisitos de Conte�do: Defini��o dos elementos do conte�do necess�rios ao site para ir ao encontro das necessidades do usu�rio.
Necessidades do usu�rio: Objetivos do site de origem externa, identificados por meio de pesquisa com o usu�rio, pesquisas etno/tecno/psicogr�ficas, etc.
Objetivos do projeto: Metas de neg�cio, criativas ou outras metas de origem interna para o produto.

Veja na Figura 2 o gr�fico proposto por Jesse James Garret.

Representa��o dos elementos da experi�ncia do
usu�rio proposto por Jesse James Garret

Figura 2. Representa��o dos elementos da experi�ncia do usu�rio proposto por Jesse James Garret.

Por�m, existe um problema no gr�fico de Jesse James Garret, pois, o grau de relev�ncia proposto n�o representa da melhor forma os elementos da experi�ncia do usu�rio. Trevor Van Gorp, autor do livro Affective Design: Exploring Emotional Design demonstra de uma forma mais profunda o gr�fico atrav�s do desenho de um iceberg como compara��o, demonstrando que o design visual � apenas a ponta desse iceberg onde a estrutura tem como base o UX Design. Veja na Figura 3 o desenho de um iceberg representando os cinco n�veis do processo de busca da melhor experi�ncia do usu�rio.

Iceberg representando os cinco n�veis do
processo da experi�ncia do usu�rio

Figura 3. Iceberg representando os cinco n�veis do processo da experi�ncia do usu�rio.

Finalizamos este artigo com esta imagem representativa do trabalho exercido por um user experience designer. Vimos que estes profissionais s�o important�ssimos para o sucesso de um produto ou servi�o, portanto, n�o abra m�o em contar com um profissional deste ramo dentro da sua empresa ou time de talentos.

Refer�ncias:

http://www.usability.gov/what-and-why/user-experience.html

http://pt.slideshare.net/uxcrank/the-ux-umbrella

Tecnologias:

Confira outros conte�dos:

CSS Border

HTML Icons: utilizando �cones em...

HTML hr: como utilizar a tag hr para...

Assista grátis a nossa aula inaugural

Perguntas frequentes

Quem somos?

Por que a programação se tornou a profissão mais promissora da atualidade?

Como faço para começar a estudar?

Em quanto tempo de estudo vou me tornar um programador?

Sim, você pode se tornar um programador e não precisa ter diploma de curso superior!

O que eu irei aprender estudando pela DevMedia?

Principais diferenciais da DevMedia

Qual o investimento financeiro que preciso fazer para me tornar um programador?

Como funciona a forma de pagamento da DevMedia?

Por Daniel Em 2014

Nossos casos de sucesso

Leonardo Carlos

Eu sabia pouqu�ssimas coisas de programa��o antes de come�ar a estudar com voc�s, fui me especializando em v�rias �reas e ferramentas que tinham na plataforma, e com essa bagagem consegui um est�gio logo no in�cio do meu primeiro per�odo na faculdade.

Lucas Rodrigues

Estudo aqui na Dev desde o meio do ano passado! Nesse per�odo a Dev me ajudou a crescer muito aqui no trampo.
Fui o primeiro desenvolvedor contratado pela minha empresa. Hoje eu lidero um time de desenvolvimento!
Minha meta � continuar estudando e praticando para ser um Full-Stack Dev!

Her�clito J�nior

Economizei 3 meses para assinar a plataforma e sendo sincero valeu muito a pena, pois a plataforma � bem intuitiva e muuuuito did�tica a metodologia de ensino. Sinto que estou EVOLUINDO a cada dia. Muito obrigado!

Julio Cablen

Nossa! Plataforma maravilhosa. To amando o curso de desenvolvimento front-end, tinha coisas que eu ainda n�o tinha visto. A did�tica � do jeito que qualquer pessoa consegue aprender. S�rio, to apaixonado, adorando demais.

Joelberth Sena

Adquiri o curso de voc�s e logo percebi que s�o os melhores do Brasil. � um passo a passo incr�vel. S� n�o aprende quem n�o quer. Foi o melhor investimento da minha vida!

Felipe Nunes

Foi um dos melhores investimentos que j� fiz na vida e tenho aprendido bastante com a plataforma. Voc�s est�o fazendo parte da minha jornada nesse mundo da programa��o, irei assinar meu contrato como programador gra�as a plataforma.

Wanderson Oliveira

Comprei a assinatura tem uma semana, aprendi mais do que 4 meses estudando outros cursos. Exerc�cios pr�ticos que n�o tem como n�o aprender, est�o de parab�ns!

Jos� Lucas

Obrigado DevMedia, nunca presenciei uma plataforma de ensino t�o presente na vida acad�mica de seus alunos, parab�ns!

Eduardo Dorneles

Aprendi React na plataforma da DevMedia h� cerca de 1 ano e meio... Hoje estou h� 1 ano empregado trabalhando 100% com React!

Adauto Junior

J� fiz alguns cursos na �rea e nenhum � t�o bom quanto o de voc�s. Estou aprendendo muito, muito obrigado por existirem. Est�o de parab�ns... Espero um dia conseguir um emprego na �rea.

Ver todos os casos de sucesso