Experiência do usuário

Origem: Wikipédia, a enciclopédia livre.

Experiência do usuário (EU), do inglês user experience (UX), é o conjunto de elementos e fatores relativos à interação do usuário com um determinado produto, sistema ou serviço cujo resultado gera uma percepção positiva ou negativa. O termo foi utilizado pela primeira vez por Donald Norman na década de 1990. Segundo Norman, UX envolve não somente aspectos relacionados ao design (hardware, software, interface, usabilidade, facilidade de busca etc), mas também destaca os aspectos afetivos e experienciais, significativos e valiosos de interação humano-computador e propriedade do produto. A experiência do usuário é de natureza subjetiva, pois é sobre a percepção e pensamento individual no que diz respeito ao sistema. Ela é também dinâmica, pois é constantemente modificada ao longo do tempo, devido à evolução das circunstâncias e inovações.

Um conceito importante no design UX é o processo pelo qual os usuários formam experiências. Quando o usuário encontra um produto, forma uma impressão momentânea, que evolui ao longo do tempo. Neste processo, a percepção, ação, motivação e cognição do usuário se integram para formar uma história memorável e coerente: chamada "experiência do usuário". Esse processo suscita respostas emocionais, que determinam em grande parte se a experiência será considerada positiva ou negativa.

Designers UX

Os designers que estão cientes do processo de formação de experiência, procuram criar e moldar os fatores que influenciam o processo deliberadamente. Para fazer isso, um designer UX considerará o uso de certas questões a serem feitas como "Por que?", "O que" e "Como" . O porquê envolve as motivações dos usuários para adotar um produto, seja se relacionando com uma tarefa ou que desejam realizar com ele, seja com valores e pontos de vista associados à propriedade e uso do produto. O que aborda as coisas que as pessoas podem fazer com o produto, a sua funcionalidade. O como, relaciona-se ao design da funcionalidade de uma maneira acessível e esteticamente agradável. O projeto UX começa a partir do Porquê, então determina O Que e, finalmente, Como o modo de criar os produtos com os quais os usuários podem formar experiências significativas.[1]

Definições[editar | editar código-fonte]

Criada em 2011, a ISO 9241-210[2] define a experiência do usuário como "as percepções e reações de uma pessoa que resultam do uso ou utilização prevista de um produto, sistema ou serviço." De acordo com a definição da ISO, experiência do usuário inclui todas as emoções, crenças, preferências, percepções, respostas físicas e psicológicas, comportamentos e realizações do usuário que ocorrem antes, durante e após o uso.

A ISO possui seis princípios chaves:

  • 1.O projeto é baseado no entendimento explícito de usuários, tarefas e ambientes.
  • 2.Os usuários estão envolvidos em todo projeto e desenvolvimento.
  • 3.O projeto é conduzido e refinado por avaliações centradas no usuário.
  • 4.O processo é interativo.
  • 5.O projeto aborda toda a experiência do usuário.
  • 6.A equipe de design inclui competências multidisciplinares e perspectivas.[3]

Ela também lista três fatores que influenciam a experiência do usuário: o sistema, usuário e do contexto de uso.

Para desenvolver novas métricas de qualidade de áudio e vídeo, o conceito de QoE precisa ser integrado ao modelo dessas métricas; Por exemplo, a preferência do usuário para o conteúdo multimídia deve ser considerado.[4][5][6]

5 Elementos Básicos da UX[editar | editar código-fonte]

Segundo Jesse James Garrett, que possui um dos mais respeitados e implementados modelos de UX no mundo: “The Elements of User Experience”, de todos os elementos que contribuem para a experiência, desde do seu início no ponto mais rudimentar até uma forma mais tangível onde se passa a  ter a experiência, a maior parte de um projeto UX acontece abaixo da camada mais exposta.

Superfície[editar | editar código-fonte]

Essa camada é mais tangível, pois onde se concentram as decisões sobre a finalização do projeto e é onde atingirá diretamente o usuário. Engloba textos e imagens, alguns que se podem clicar, realizando alguma função como de levar ao carrinho de compras.

Esqueleto[editar | editar código-fonte]

Neste plano é feito todo o rascunho do projeto para o usuário de forma rudimentar ainda, esse plano possui uma grande interação com o plano de estrutura. É constituído pela colocação de botões, controles, fotos e blocos de texto, projetado para otimizar o arranjo desses elementos, a aumentar a efetividade e a eficiência. Como por exemplo, para que você se lembre do logotipo ou possa encontrar o botão carrinho de compras quando precisar.

Estrutura[editar | editar código-fonte]

É feito a concretização do plano de esqueleto, complementando o projeto do que já foi feito no plano anterior. O esqueleto é uma expressão concreta, já a estrutura, é abstrata. O esqueleto define o posicionamento da interface de elementos na página, a estrutura define como os usuários chegarão a essa página e onde podem ir quando terminarem ou o esqueleto pode definir o arranjo de navegação dos elementos em categorias de produtos, a estrutura definiria quais eram essas categorias.

Escopo[editar | editar código-fonte]

Nessa parte o objetivo é mapear e coordenar funcionalidades e informações que sejam relevantes para o que foi obtido no plano anterior. Define a forma como os vários recursos e funções do site se encaixam. Por exemplo, alguns sites de comércio oferecem um recurso que permite aos usuários salvarem os endereços de envio para que eles possam ser usados ​​novamente. Seja este o recurso - ou qualquer recurso - que está incluído em um site, então é uma questão de escopo.

Estratégia[editar | editar código-fonte]

Dita como a camada mais profunda, nele ocorre todo o mapeamento, pesquisas e hipóteses sobre as necessidades do usuário. É fundamentalmente determinada pela estratégia do projeto, ou seja, incorpora não somente o que as pessoas executam, mas também o que elas e o desenvolvedor desejam como objetivo final, como por exemplo no caso de lojas em que a finalidade é que os usuários comprem os produtos apresentados.[7]

Design de interação[editar | editar código-fonte]

Ver artigo principal: Design de interação

Design de interação é uma das disciplinas que é fundamental para uma boa experiência de usuário. Ela ajuda a definir o que funciona melhor para o usuário final. Alguns pontos que designers de interação devem ter em mente são:

  • Definir padrões de interação de acordo com o contexto
  • Incorporar a necessidade do usuário no design
  • Interface intuitiva
  • Informações importantes para o usuário
  • Comunicar pontos fortes do sistema
  • Consistência em todo o sistema

As cinco dimensões do design de interação[editar | editar código-fonte]

O conceito de dimensões para design de interação foi introduzido no livro Designing Interactions de Bill Moggridge.[8] Nele, o acadêmico Gillian Crampton Smith propôs um modelo com as quatro dimensões de uma linguagem de design de interação. Em seguida, Kevin Silver adicionou uma quinta dimensão a esse modelo.[9]

1D: Palavras[editar | editar código-fonte]

Palavras devem ter significado e ser simples de entender, especialmente as palavras usadas em interações como botões. Elas devem comunicar informação ao usuário sem ser exagerada.

2D: Representações visuais[editar | editar código-fonte]

Essa dimensão está relacionada aos elementos gráficos como imagens, tipografia, diagramas, ícones e outros.Normalmente suplementam as palavras usadas para comunicar informação ao usuário.

3D: Objetos físicos ou espaço[editar | editar código-fonte]

Define com quais objetos usuários interagem (mouse ou touchpad em um laptop ou dedos em um smartphone) e o espaço onde o fazem (sentado em um escritório ou em pé no metrô).

4D: Tempo[editar | editar código-fonte]

Dimensão relacionada ao tempo em que usuário interage com o produto, refere-se principalmente a mídias não estáticas como vídeos, animação, sons.

5D: Comportamento[editar | editar código-fonte]

Ajuda a entender como usuários operam o produto, completam ações no website, como reagem ao produto. Em suma, refere-se ao modo como as outras quatro dimensões definem as interações entre usuário e produto.[10]

Design visual[editar | editar código-fonte]

O design visual é o uso de imagens, cores, tipografia e formas para melhorar a usabilidade e melhorar a experiência do usuário.[11] O conceito é necessário para demonstrar e guiar as funções antes estabelecidas no design de interação e como as mesmas podem ser acessadas e usadas, chamando atenção para os pontos corretos. Além disso o design visual carrega a responsabilidade de comunicar as possibilidades, as limitações e os estados das interações, tendo efeito tanto na experiência geral como na usabilidade real como afirma Norman  "... o grau de estética do sistema afetou as percepções pós-uso de estética e usabilidade, enquanto a o grau de usabilidade real não teve esse efeito. "[12]

De certa forma, o design visual pode ser pensado como uma mistura entre design gráfico e design de experiência do usuário. O design gráfico é geralmente o design de imagens estáticas ou visuais. Já o design da experiência do usuário incorpora design de interação e design de interface do usuário, enfocando assim na comunicação. O design visual fica no meio, incorporando interação e imagens estáticas com o objetivo de melhorar a comunicação e a usabilidade.[13]

Princípio C.R.A.P[editar | editar código-fonte]

Contraste[editar | editar código-fonte]

Contraste visual é fundamental para direcionar a atenção do usuário para as partes essenciais da interface, as partes que queremos que obrigatoriamente ele veja. Contraste ajuda o usuário a entender a relação entre os elementos de navegação na página e é a principal forma de comunicar grupos de informação.

Repetição[editar | editar código-fonte]

Repetição tem grande relação com consistência. Diferentes áreas da aplicação devem refletir a mesma abordagem de design e um mesmo elemento da interface deve transmitir a mesma ideia em qualquer parte da aplicação. 

Alinhamento[editar | editar código-fonte]

Alinhamento fornece uma âncora visual e faz a página parecer mais unificada. A regra básica do alinhamento é que todo elemento no design deve se alinhar ou relacionar com um outro elemento.

Proximidade[editar | editar código-fonte]

Proximidade trabalha em conjunto com o alinhamento, onde os elementos relacionados devem também se relacionar visualmente, através da aproximação. O contrário também é válido: aproximar elementos que não têm nenhum tipo de relação pode confundir o usuário. [14]

Usabilidade[editar | editar código-fonte]

Ver artigo principal: Usabilidade

No contexto da interação humano-computador, usabilidade refere-se à capacidade de uso de um produto por um determinado usuário para atingir determinados objetivos de modo eficaz, eficiente e satisfatório, num determinado contexto de uso.[15] Uma boa usabilidade é essencial para uma experiência de usuário positiva, mas não a garante por si só.[16]

Teste de usabilidade[editar | editar código-fonte]

Para avaliar a fluidez da experiência no programa ou website, modo de interação, curva de aprendizado do usuário, além de expor eventuais problemas que não tenham sido identificados durante o desenvolvimento, são realizados testes de usabilidade com usuários reais. Por serem conduzidos diretamente com usuários, esses teste geram resultados livres de quaisquer influência dos desenvolvedores, designers ou dos agentes envolvidos no projeto.[17]

Teste de usabilidade envolve observar um usuário real usando o produto enquanto toma-se nota de seu comportamento e pensamentos. Técnicas para coleta desses dados incluem rastreamento ocular e protocolo think aloud. [18]

Benefícios de testes de usabilidade[19][editar | editar código-fonte]

  • Redução de custo com desenvolvimento e redesign
  • Aumento da taxa de retenção de clientes
  • Redução da taxa de erros pelo usuário
  • Redução de gasto com atendimento ao cliente
  • Aperfeiçoamento da experiência de usuário

Acessibilidade[editar | editar código-fonte]

No contexto da UX, acessibilidade refere-se à facilidade de uso e entendimento de um sistema, bem como nível de compreensão da informação e recursos. Pode também estar relacionada à facilidade de uso para pessoas com deficiência.[20]

A Web é fundamentalmente projetada para trabalhar para todas as pessoas, seja qual for seu hardware, software, idioma, cultura, localização ou habilidade física ou mental. Quando ela atende a esse objetivo, ela torna-se acessível para pessoas de uma ampla gama de habilidade cognitiva, capacidade de audição, movimento e visão. Acessibilidade na web faz com que o impacto da deficiência seja radicalmente reduzido na internet, pois elimina as barreiras de comunicação e interação que muitas pessoas enfrentam no ambiente físico. Sites, tecnologias ou ferramentas da web mal concebidos podem criar empecilhos que expõem ainda mais as dificuldades e impossibilitam acesso a web de forma satisfatória.[carece de fontes?]

Práticas que podem ser adotadas em websites para maior acessibilidade incluem:

  • Inserir textos descritivos às imagens
  • Permitir somente entrada de teclado
  • Transcrever áudios para textos[21]
  • Aumentar fontes
  • Adotar cores de alto contraste
  • Optar por fontes para disléxicos[22]

Exemplo de Utilização da UX[editar | editar código-fonte]

O processo de design de experiência do usuário busca o ideal da experiência do usuário com o produto, de forma que aconteça sem sua intenção consciente, de forma que não seja explícita.

Uma maneira de ser trabalhada essa ideia, é quebrando esse trabalho de elaboração em elementos, facilitando o entendimento como um todo.

A experiência do usuário, por fim, é o resultado desse conjunto de decisões tomadas durante o processo de criação do produto, sistema ou serviço: tendo em vista como ele vai aparecer, se comportar, quais as possibilidades que oferece, entre outros. Pode ajudar a compreender essas decisões a separação delas em camadas.[23]

Os elementos básicos da experiência do usuário, voltados para o desenvolvimento de um site:[24][editar | editar código-fonte]

Carregamento do site[editar | editar código-fonte]

O tempo de espera ou falhas em seu site pode ser crucial para afastar um possível cliente, se existirem outras opções onde ele se veja melhor atendido, não hesitará em escolhe-la. Além disso, os conhecidos erros de carregamento 404 são um problema.

SEO Search Engine Optimization[editar | editar código-fonte]

Um conjunto de técnicas voltadas a tornar o site mais atrativo as ferramentas de busca. O consumidor geralmente tem seu primeiro contato com um e-commerce por meio dessas ferramentas, como Google, Bing ou Yahoo. Ignora-las é perder a oportunidade de usa-las a seu favor, pois fornecem acessos de forma natural por pesquisa. Um problema relacionado é o uso de termos como “Home” ou “Página Inicial”, em vez de usar alguma palavra-chave ou o slogan da marca.

Adaptação a diferentes dispositivos e plataformas[editar | editar código-fonte]

Neste elemento, o nome já diz muito, com o crescente uso de smartphones e tablets a cada dia, vem junto a demanda por produtos voltados a essas plataformas, que entreguem uma experiência de navegação adequada ao usuário mobile.

Produção de conteúdo[editar | editar código-fonte]

Se não é produzido um conteúdo que informe e eduque os consumidores, perderá chances de criar envolvimento e fechar futuras vendas. Produtos e serviços precisam ter um valor agregado e uma credibilidade passada ao público. Quando o e-commerce se preocupa em produzir bons conteúdos sobre a área e as experiências proporcionadas pelas suas ofertas, tem-se mais confiança e cria oportunidade de negócios a serem fechados.

Visual Design[editar | editar código-fonte]

A composição visual de um site também faz toda a diferença na experiência do usuário. É fundamental para o sucesso do seu site cuidar dos aspectos visuais, como o tamanho dos blocos de texto, a dimensão das imagens e, principalmente, as cores de botões e layout.

Outras disciplinas somadas ao UX Design[editar | editar código-fonte]

Com o passar do tempo, começamos a ter outras disciplinas unindo-se ao UX Design, como a psicologia e as neurociências.

O autor Jon Yablonski em seu livro Laws of UX: Using Psychology to Design Better Products & Services é um dos pioneiros em trazer insights estudados pela psicologia para serem aplicados em projetos que possuem designers como facilitadores, no intuito de se ter um aprofundamento sobre aspectos humanos durante a concepção das soluções. [25]

A junção das neurociências ao UX Design também tem o mesmo propósito que a junção da psicologia, porém a sua base é o estudo do sistema nervoso. No livro Design com Neurociências Desvendando o comportamento humano para aprimorar seus projetos do autor Alex Soares, ele propõe trazer fundamentos e artigos científicos sobre tomadas de decisões, emoções, desenvolvimento das memórias e padrões de comportamento para somar aos processos de pesquisa que contemplam os projetos de UX. [26]

Ambas as disciplinas contemplam a abordagem do Design Comportamental, tendo como objetivo central a criação de valor dentro de uma experiência com base no comportamento humano.

Ver também[editar | editar código-fonte]

Referências

  1. «What is User Experience (UX) Design?». The Interaction Design Foundation (em inglês). Consultado em 28 de novembro de 2017 
  2. ISO FDIS 9241-210:2009. Ergonomia da interação sistema humano - Parte 210: Projeto centrado no ser humano para sistemas interativos (anteriormente conhecido como 13407). International Organization for Standardization (ISO). jithin dev.
  3. UX e Usabilidade aplicados em Mobile e Web, Curso WD-41, Caelum Ensino e Inovação, p.2 https://www.caelum.com.br/download/caelum-ux-usabilidade-wd41.pdf Consultado em 2 de novembro de 2017
  4. Rodriguez, Demostenes; Rosa, Renata Lopes; Bressan, Graça (26 de agosto de 2012). Quality metric to assess video streaming service over TCP considering temporal location of pauses. IEEE Transactions on Consumer Electronics. IEEE. pp. 985–992. doi:10.1109/TCE.2012.6311346. Consultado em 25 de novembro de 2016 
  5. Rodriguez, Demostenes; Rosa, Renata Lopes; Bressan, Graça; WANG, ZHOU (dezembro de 2014). The impact of video-quality-level switching on user quality of experience in dynamic adaptive streaming over HTTP. EURASIP J WIREL COMM. Springer. doi:10.1186/1687-1499-2014-216. Consultado em 25 de novembro de 2016 
  6. Rodriguez, Demostenes; Bressan, Graça (janeiro de 2012). Video quality assessments on digital TV and video streaming services using objective metrics. IEEE Latin America Transactions. IEEE. doi:10.1109/TLA.2012.6142458. Consultado em 25 de novembro de 2016 
  7. The Elements of User Experience, Second Edition, User-Centered Design for the Web and Beyond, Jesse James Garrett, 2011, p.20-21
  8. Moggridge, Bill (2007). Designing Interactions. [S.l.]: The MIT Press. ISBN 978-0-262-13474-3 
  9. Silver, Kevin (2007). «What Puts the Design in Interaction Design». UX Matters 
  10. Siang, Teo (2017). «What is Interaction Design?». The Interaction Design Foundation 
  11. «Visual Design | UX Booth». www.uxbooth.com (em inglês). Consultado em 17 de novembro de 2017 
  12. Norman, Donald (2005). Emotional Design: Why We Love (or Hate) Everyday Things. [S.l.: s.n.] 
  13. «How Visual Design Makes for Great UX | UX Booth» (em inglês) 
  14. «Design Visual | UX e Usabilidade aplicados em Mobile e Web». Apostilas Caelum. Consultado em 17 de novembro de 2017 
  15. «UsabilityNet: International Standards». www.usabilitynet.org. Consultado em 27 de novembro de 2017 
  16. Marcus, Aaron (2015). Design, User Experience, and Usability: Design Discourse. [S.l.: s.n.] p. 340. ISBN 3319208861 
  17. «Why 5 is the magic number for UX usability testing - InVision Blog». InVision Blog (em inglês). 16 de junho de 2016 
  18. Lewis, C. H. (1982). Using the "Thinking Aloud" Method In Cognitive Interface Design (Technical report). IBM. RC-9265
  19. «7 Answers - What are the biggest benefits of usability testing?». www.quora.com (em inglês). Consultado em 26 de novembro de 2017 
  20. «The Fundamentals of Great UX - Host1Plus Blog». Host1Plus Blog (em inglês). 16 de outubro de 2014. Consultado em 27 de novembro de 2017. Arquivado do original em 6 de julho de 2015 
  21. «Accessibility - W3C». www.w3.org (em inglês). Consultado em 28 de novembro de 2017 
  22. Santana, Flavio (23 de junho de 2017). «Acessibilidade como fator de UX». Coletivo UX. Consultado em 28 de novembro de 2017 
  23. «Experiência do Usuário | UX e Usabilidade aplicados em Mobile e Web». Apostilas Caelum. Consultado em 30 de novembro de 2017 
  24. «Conheça os 5 elementos da experiência do usuário | Blog — Configr». Blog — Configr (em inglês). 5 de agosto de 2016 
  25. YABLONSKI, Jon (2020). Laws of UX: Using Psychology to Design Better Products & Services. [S.l.]: O'Reilly Media. ISBN 978-1492055310 
  26. SOARES, Alex (2022). Design com neurociências: Desvendando o comportamento humano para aprimorar seus projetos. São Paulo: Casa do Código. ISBN 978-85-5519-316-3 
Este artigo é um esboço. Você pode ajudar a Wikipédia expandindo-o. Editor: considere marcar com um esboço mais específico.