Projeto de experiência do usuário

Da Wikipédia, a enciclopédia livre
  (Redireccionado de Design de experiência )
Ir para a navegação Saltar para pesquisar

O design da experiência do usuário ( design UX , UXD , UED ou XD ) é o processo de criação de designs de interação baseados em evidências entre usuários humanos e produtos ou sites. As decisões de design no design de UX são orientadas por pesquisa, análise de dados e resultados de testes, em vez de preferências e opiniões estéticas. Ao contrário do design de interface do usuário , que se concentra apenas no design de uma interface de computador, o design UX engloba todos os aspectos da experiência percebida de um usuário com um produto ou site, como usabilidade , utilidade, conveniência , percepção da marca e desempenho geral. O design UX também é um elemento doexperiência do cliente (CX), que engloba todos os aspectos e estágios da experiência de um cliente e interação com uma empresa.

História [ editar ]

O campo do design de experiência do usuário é uma disciplina de design conceitual e tem suas raízes em fatores humanos e ergonomia , um campo que, desde o final da década de 1940, tem focado na interação entre usuários humanos, máquinas e ambientes contextuais para projetar sistemas que abordam a experiência do usuário. [1] [2] Com a proliferação de computadores no local de trabalho no início da década de 1990, a experiência do usuário começou a se tornar uma visão positiva para os designers. Donald Norman , professor e pesquisador em design, usabilidade e ciência cognitiva, cunhou o termo "experiência do usuário" e o levou a um público mais amplo. [3] [4]

Eu inventei o termo porque achei que a interface humana e a usabilidade eram muito estreitas. Eu queria cobrir todos os aspectos da experiência da pessoa com o sistema, incluindo gráficos de design industrial, a interface, a interação física e o manual. Desde então, o termo se espalhou amplamente, tanto que está começando a perder o significado.

—  Donald Norman [5]

Há um debate ocorrendo na comunidade de design de experiência sobre seu foco, provocado em parte pelo estudioso e praticante de design, Don Norman. Norman afirma que quando os designers descrevem as pessoas apenas como clientes, consumidores e usuários, os designers correm o risco de diminuir sua capacidade de fazer um bom design. [6]

Elementos [ editar ]

Pesquisa [ editar ]

O design da experiência do usuário baseia-se em abordagens de design, como interação humano-computador e design centrado no usuário , e inclui elementos de disciplinas semelhantes, como design de interação , design visual , arquitetura da informação , pesquisa do usuário e outros.

A segunda parte da pesquisa é entender o usuário final e o propósito do aplicativo. Embora isso possa parecer claro para o designer, recuar e ter empatia com o usuário produzirá os melhores resultados.

Ajuda a identificar e provar ou refutar minhas suposições, encontrar pontos em comum entre os membros do público-alvo e reconhecer suas necessidades, objetivos e modelos mentais. 

Design visual [ editar ]

O design visual, também conhecido como design gráfico, design de interface do usuário, design de comunicação e comunicação visual , representa a estética ou aparência do front-end de qualquer interface do usuário . O tratamento gráfico dos elementos da interface é muitas vezes percebido como o design visual. O objetivo do design visual é usar elementos visuais como cores, imagens e símbolos para transmitir uma mensagem ao seu público. Os fundamentos da psicologia da Gestalt e da percepção visual fornecem uma perspectiva cognitiva sobre como criar uma comunicação visual eficaz. [7]

Arquitetura da informação [ editar ]

A arquitetura da informação é a arte e a ciência de estruturar e organizar a informação em produtos e serviços para dar suporte à usabilidade e localização . [8]

No contexto da arquitetura da informação, a informação é separada do conhecimento e dos dados, e fica nebulosa entre eles. São informações sobre objetos. [9] Os objetos podem variar de sites, aplicativos de software, imagens et al. Também se preocupa com metadados : termos usados ​​para descrever e representar objetos de conteúdo, como documentos, pessoas, processos e organizações. A arquitetura da informação também engloba como as páginas e a navegação são estruturadas. [10]

Design de interação [ editar ]

É bem reconhecido que o componente de design de interação é uma parte essencial do design de experiência do usuário (UX), centrado na interação entre usuários e produtos. [11] O objetivo do design de interação é criar um produto que produza uma experiência de usuário final eficiente e agradável, permitindo que os usuários atinjam seus objetivos da melhor maneira possível [12] [13]

A alta ênfase atual no design centrado no usuário e o forte foco no aprimoramento da experiência do usuário tornaram os designers de interação críticos na conceituação de produtos para atender às expectativas do usuário e atender aos padrões dos mais recentes padrões e componentes de interface do usuário. [14]

Nos últimos anos, o papel do designer de interação deixou de ser apenas focado em especificar componentes de interface do usuário e comunicá-los aos engenheiros para uma situação em que os designers têm mais liberdade para projetar interfaces contextuais com base em ajudar a atender às necessidades do usuário. [15] Portanto, o User Experience Design evoluiu para um ramo de design multidisciplinar que envolve vários aspectos técnicos, desde design gráfico em movimento e animação até programação .

Usabilidade [ editar ]

Usabilidade é a extensão em que um produto pode ser usado por usuários específicos para atingir objetivos específicos com eficácia, eficiência e satisfação em um contexto de uso específico. [16]

A usabilidade está ligada a todas as ferramentas usadas por humanos e é estendida a dispositivos digitais e não digitais. Assim, é um subconjunto da experiência do usuário, mas não totalmente contido. A seção de usabilidade que se cruza com o design da experiência do usuário está relacionada à capacidade humana de usar um sistema ou aplicativo. Uma boa usabilidade é essencial para uma experiência positiva do usuário, mas não a garante por si só. [17]

Acessibilidade [ editar ]

A acessibilidade de um sistema descreve sua facilidade de alcance, uso e compreensão. Em termos de design de experiência do usuário, também pode estar relacionado à compreensão geral das informações e recursos. Isso ajuda a encurtar a curva de aprendizado associada ao sistema. A acessibilidade em muitos contextos pode estar relacionada à facilidade de uso para pessoas com deficiência e vem sob a alçada de usabilidade. [18] Além disso, design acessível é o conceito de serviços, produtos ou instalações em que os designers devem acomodar e considerar as necessidades das pessoas com deficiência. De acordo com as Diretrizes de Acessibilidade de Conteúdo da Web (WCAG), todo conteúdo deve seguir os quatro princípios principais do POUR: Perceptível, Operável, Compreensível e Robusto. [19]

Conformidade com as WCAG [ editar ]

As Diretrizes de Acessibilidade de Conteúdo da Web (WCAG) 2.0 abrangem uma ampla variedade de recomendações para tornar o conteúdo da Web mais acessível. Isso torna o conteúdo da web mais útil para os usuários em geral. [20] Tornar o conteúdo mais útil e acessível a todos os tipos de usuários melhora a experiência geral do usuário.

Interação humano-computador [ editar ]

A interação humano-computador está preocupada com o projeto, avaliação e implementação de sistemas de computação interativos para uso humano e com o estudo dos principais fenômenos que os cercam. [21]

Preparando-se para projetar

Após a pesquisa, o designer utiliza a modelagem dos usuários e seus ambientes. Modelagem de usuário ou personas são arquétipos compostos baseados em padrões de comportamento descobertos durante a pesquisa. As personas fornecem aos designers uma maneira precisa de pensar e comunicar sobre como os grupos de usuários se comportam, como pensam, o que desejam realizar e por quê. [22] Uma vez criadas, as personas ajudam o designer a entender os objetivos dos usuários em contextos específicos, o que é particularmente útil durante a concepção e validação de conceitos de design. Outros tipos de modelos incluem modelos de fluxo de trabalho, modelos de artefatos e modelos físicos.

Projeto

Quando o designer tem uma compreensão firme das necessidades e objetivos do usuário, ele começa a esboçar a estrutura de interação (também conhecida como wireframes ). Este estágio define a estrutura de alto nível dos layouts de tela, bem como o fluxo, o comportamento e a organização do produto. Existem muitos tipos de materiais que podem ser envolvidos durante esta fase iterativa, desde quadros brancos a protótipos de papel. Como o framework de interação estabelece uma estrutura geral para o comportamento do produto, um processo paralelo focado no design visual e industrial. A estrutura de design visual define os atributos da experiência, a linguagem visual e o estilo visual. [23]

Uma vez que uma estrutura sólida e estável é estabelecida, os wireframes são traduzidos de storyboards esboçados para telas de resolução total que retratam a interface do usuário no nível de pixel. Neste ponto, é fundamental que a equipe de programação colabore de perto com o designer. Sua contribuição é necessária para criar um projeto acabado que pode e será construído mantendo-se fiel ao conceito. [ citação necessária ]

Testar e iterar

O teste de usabilidade é realizado dando aos usuários várias tarefas para executar nos protótipos. Quaisquer questões ou problemas enfrentados pelos usuários são coletados como notas de campo e essas notas são usadas para fazer alterações no projeto e reiterar a fase de teste. [24] Além dos problemas de monitoramento, as perguntas feitas pelos usuários também são anotadas para identificar possíveis pontos de confusão. O teste de usabilidade é, em sua essência, um meio de "avaliar, não criar". [25]

Entregas de UX [ editar ]

Os designers de UX executam várias tarefas diferentes e, portanto, usam uma variedade de produtos para comunicar suas ideias de design e resultados de pesquisa às partes interessadas. [26] Em relação aos documentos de especificação de UX, esses requisitos dependem do cliente ou da organização envolvida no projeto de um produto. As quatro principais entregas são: uma página de título, uma introdução ao recurso, wireframes e um histórico de versões. [27] Dependendo do tipo de projeto, os documentos de especificação também podem incluir modelos de fluxo, modelos culturais, personas, histórias de usuários, cenários e qualquer pesquisa prévia de usuários. [26]

As entregas que os designers de UX produzirão como parte de seu trabalho incluem wireframes, protótipos, diagramas de fluxo do usuário, especificações e documentos técnicos, sites e aplicativos, maquetes, apresentações, personas, perfis de usuários, vídeos e, em menor grau, relatórios. [28] Documentar as decisões de projeto, na forma de wireframes anotados, fornece ao desenvolvedor as informações necessárias para codificar o projeto com sucesso. [29]

Acompanhamento do lançamento do projeto

Requer:

  • Teste de usuário/teste de usabilidade
  • Teste A/B
  • Arquitetura de informação
  • Sitemaps e fluxos de usuários
  • Wireframing adicional como resultado dos resultados do teste e ajuste fino [30]

Partes interessadas em UX [ editar ]

Um designer de experiência do usuário é considerado um profissional de UX, juntamente com os seguintes cargos: pesquisador de experiência do usuário, arquiteto de informação, designer de interação, engenheiro de fatores humanos, analista de negócios, consultor, diretor de criação, arquiteto de interação e especialista em usabilidade. [31]

Designers de interação [ editar ]

Os designers de interação (IxD) são responsáveis ​​por entender e especificar como o produto deve se comportar. Este trabalho se sobrepõe ao trabalho de designers visuais e industriais de duas maneiras importantes. Ao projetar produtos físicos, designers de interação devem trabalhar com designers industriais desde o início para especificar os requisitos para insumos físicos e entender os impactos comportamentais dos mecanismos por trás deles. Os designers de interação cruzam os caminhos dos designers visuais ao longo do projeto. Os designers visuais orientam as discussões da marca e os aspectos emotivos da experiência, os designers de interação comunicam a prioridade da informação, fluxo e funcionalidade na interface. [32]

Comunicadores técnicos [ editar ]

Historicamente, a comunicação técnica e profissional (TPC) tem sido uma indústria que pratica a escrita e a comunicação. No entanto, recentemente, o design UX tornou-se mais proeminente no TPC, pois as empresas procuram desenvolver conteúdo para uma ampla gama de públicos e experiências. [33] Agora é uma expectativa que as habilidades técnicas e profissionais sejam aliadas ao design de UX. De acordo com Verhulsdonck, Howard e Tham, "...não é suficiente escrever um bom conteúdo. De acordo com as expectativas da indústria, além de escrever um bom conteúdo, agora também é crucial projetar boas experiências em torno desse conteúdo." [33] Os comunicadores técnicos agora devem considerar diferentes plataformas, como mídias sociais e aplicativos, bem como diferentes canais, como web e dispositivos móveis. [33]

Designers de interface do usuário [ editar ]

O design da interface do usuário (UI) é o processo de fazer interfaces em software ou dispositivos computadorizados com foco na aparência ou estilo. Os designers visam criar designs que os usuários acharão fáceis de usar e agradáveis. O design da interface do usuário normalmente se refere a interfaces gráficas do usuário, mas também inclui outras, como as controladas por voz. [34]

Designers visuais [ editar ]

O designer visual garante que a representação visual do design comunique efetivamente os dados e dê dicas sobre o comportamento esperado do produto. Ao mesmo tempo, o designer visual é responsável por transmitir os ideais da marca no produto e por criar uma primeira impressão positiva; essa responsabilidade é compartilhada com o designer industrial se o produto envolver hardware. Em essência, um designer visual deve visar a máxima usabilidade combinada com o máximo de conveniência. O designer visual não precisa ser bom em habilidades artísticas, mas deve entregar o tema de uma maneira desejável. [35]

Experiência do usuário em videogames [ editar ]

Os videogames são executados por táticas de design de experiência do usuário e são fundamentais para seu sucesso. A experiência do usuário melhorou nos jogos, fornecendo às pessoas uma qualidade de imagem e resolução mais alta. [36] No passado, os sistemas de jogos originais da Nintendo tinham gráficos muito embaçados e distorcidos e não forneciam aos usuários um conteúdo gráfico claro na tela. Usuários e desenvolvedores de jogos queriam mais do que apenas uma imagem distorcida para controlar em uma plataforma 2D. Com novos desejos de oferecer aos jogadores uma melhor experiência de usuário e interface de usuário, surgiu a criação de um novo design de jogos em 3D. [37] A adição de um sistema de imagens 3D deu aos designers novas opções de usabilidade e permitiu que os jogadores de jogos 3D explorassem um mapa virtual 3D, como em Mario Bros.Essa nova animação 3D foi apenas a faísca que acenderia o fogo para o avanço do conteúdo gráfico e também resultou em imagens de jogos mais realistas e orientadas para o mundo real. [38]

À medida que mais consoles são lançados, a interface gráfica do usuário aumenta bastante. [39] Consoles como PlayStation 4 e Xbox One são os consoles de última geração que apresentam gráficos realistas que resultam em oferecer aos jogadores uma experiência de usuário mais emocionante. Jogos que incluem gráficos de alto nível são Grand Theft Auto V , NBA 2K19 e Madden NFL 19 . Em Madden e os usuários da NBA podem jogar com seus jogadores esportivos favoritos da vida real que quase parecem exatamente os mesmos. A imagem para os jogos ainda captura tatuagens e certas características faciais distintas encontradas na versão da vida real dos personagens de videogame. [40] Além disso, os aprimoramentos do enredo resultaram nas interfaces de usuário dos videogames ganhando feedback popular dos fãs e contribuindo para a realização do jogo como um todo. [41] De acordo com Robin Burks, “jogar um videogame envolve mais interação do que assistir a um filme ou série de televisão. Por exemplo, as cenas pausam quando os jogadores são forçados a decidir quem vive e quem morre: e às vezes, os jogadores devem fazer essa escolha rapidamente. Essa interação significa que o jogador se torna parte da história e não apenas um participante inativo.” [41]A tomada de decisão rápida e a abordagem de ponta para as histórias dos videogames afetam a maneira como os jogadores moldam sua própria experiência de usuário. Em algumas circunstâncias, os usuários podem ser confrontados com a escolha de vida ou morte entre dois de seus personagens favoritos. Para os jogadores que se envolvem emocionalmente em seus jogos, isso apimenta as coisas e os deixa com uma decisão difícil.

Testando o design [ editar ]

O teste de usabilidade é o método mais comum usado pelos designers para testar seus projetos. A ideia básica por trás da realização de um teste de usabilidade é verificar se o design de um produto ou marca funciona bem com os usuários-alvo. Ao realizar testes de usabilidade, duas coisas estão sendo testadas: se o design do produto é bem-sucedido e, se não for bem-sucedido, como ele pode ser melhorado.

Enquanto os designers estão testando, eles estão testando o design e não o usuário. Além disso, todo design está evoluindo. [ citação necessária ] Os designers realizam testes de usabilidade em todas as fases do processo de design e o mais cedo possível. [42]

Veja também [ editar ]

Referências [ editar ]

  1. ^ "Design em movimento" . Projeto IBM . Recuperado 2015-06-18 .
  2. ^ contexto ambiental "THE INTERACTION DESIGN FOUNDATION" , por Karen Holtzblatt e Hugh R., recuperado em 26/08/2016
  3. ^ Uxdesign.com, "UX Design Defined" , 16/08/2010
  4. ^ Kujala, Sari; Roto, Virpi; Väänänen-Vainio-Mattila, Kaisa; Karapanos, Evangelos; Sinneläa, Arto (2011). "UX Curve: Um método para experiência de usuário de longo prazo ilimitada" . Interagindo com Computadores . 23 (5): 473–483. doi : 10.1016/j.intcom.2011.06.005 .
  5. ^ Merholz, Peter (2007). "Peter em conversa com Don Norman sobre UX & Inovação" . Caminho Adaptativo .
  6. ^ "As palavras importam. Fale sobre pessoas: clientes, consumidores, usuários" . Site jnd de Don Norman . Recuperado em 2008-10-03 .
  7. ^ "Guia de Estilo Web Design Visual 3" . Guia de estilo da web . Recuperado 2015-06-18 .
  8. ^ Instituto de Arquitetura da Informação (2013), O que é IA? (PDF)
  9. ^ Garrett, Jesse (2011). Os Elementos da Experiência do Usuário . pág. 81 . ISBN 978-0-321-68368-7.
  10. ^ "Simplificando eficientemente a navegação, parte 1: Arquitetura da informação" . Revista sensacional . 2013-12-03 . Recuperado 2020-03-15 .
  11. ^ "O que é Design de Interação?" .
  12. ^ "Princípios de design de aplicativos móveis" . Arquivado a partir do original em 13/04/2018.
  13. ^ "O que é design de experiência do usuário? Visão geral, ferramentas e recursos" . 5 de outubro de 2010.
  14. ^ "As cinco competências do design da experiência do usuário" .
  15. ^ Lowgren, Jonas. Design de interação - breve introdução . A Fundação de Design de Interação . Recuperado 2015-06-18 .
  16. ^ "Padrões Internacionais" . UsabilidadeNet . 1998 . Recuperado 2015-06-18 .
  17. ^ Marcus, Aaron (2015). Design, Experiência do Usuário e Usabilidade: Discurso do Design . pág. 340. ISBN 978-3319208862. Recuperado em 26 de julho de 2015 .
  18. ^ Butters, Kerry (16 de outubro de 2014). "Os Fundamentos da Grande UX" . Arquivado a partir do original em 6 de julho de 2015 . Recuperado em 26 de julho de 2015 .
  19. ^ "O que é acessibilidade?" . A Fundação de Design de Interação . Recuperado 2021-03-31 .
  20. ^ "Diretrizes de acessibilidade de conteúdo da Web (WCAG) 2.0" . www.w3.org . Recuperado 2017-12-05 .
  21. ^ "Currículos para Interação Humano-Computador, Capítulo 2. Definição e Visão Geral da Interação Humano-Computador" . ACM SIGCHI . Recuperado 2015-06-18 .
  22. ^ Cooper, Alan ; Reimann, Robert; Cronin, David; Noessel, Christopher (2 de setembro de 2014). Sobre o Rosto: Os Fundamentos do Design de Interação (4ª ed.). Wiley. pág. 62. ISBN 978-1-118-76657-6.
  23. ^ Cooper, Alan ; Reimann, Robert; Cronin, David; Noessel, Christopher (2014). Sobre o Rosto: Os Fundamentos do Design de Interação (4ª ed.). Wiley. pág. 131. ISBN 978-1-118-76657-6.
  24. ^ Treder, Marcin (2012-08-29). "Além do Wireframing: o processo de design UX da vida real" . Revista sensacional . Recuperado 2015-06-18 .
  25. ^ Cooper, Alan ; Reimann, Robert; Cronin, David; Noessel, Christopher (2014). Sobre o Face: Os Fundamentos do Design de Interação . Wiley. pág. 140. ISBN 978-1-118-76657-6.
  26. ^ a b "Uma visão geral dos produtos mais comuns de design de UX" . Revista sensacional . 27-09-2017 . Recuperado 2020-03-15 .
  27. ^ Kiess, Chris (2014-05-07). "Um guia prático para especificações de UX" . CL Kiess . Recuperado 2015-06-18 .
  28. ^ Lauer, Claire; Brumberger, Eva (2016). "Comunicação técnica como experiência do usuário em um cenário da indústria em expansão". Comunicação Técnica (Washington) . 63 (3).
  29. ^ "Wireframing - O Guia do Perfeccionista" . Revista sensacional . 2016-11-22 . Recuperado 2020-03-15 .
  30. ^ "Qual é a diferença entre um designer de experiência do usuário (UX) e um designer de interface do usuário (UI)? - Zanthro" . Recuperado 2015-09-24 .
  31. ^ Baxter, Kathy; Coragem, Catarina; Caine, Kelly (2015). Entendendo seus usuários (2ª ed.). Elsevier Ciência e Tecnologia.
  32. ^ Cooper, Alan ; Reimann, Robert; Cronin, David; Noessel, Christopher (2 de setembro de 2014). Sobre o Rosto: Os Fundamentos do Design de Interação (4ª ed.). pág. 153. ISBN 978-1-118-76657-6.
  33. ^ a b c Verhulsdonck, Gustav; Howard, Tharon; Tham, Jason (2021-09-21). "Investigando o Impacto do Design Thinking, Estratégia de Conteúdo e Inteligência Artificial: Uma Abordagem de "Streams" para Comunicação Técnica e Experiência do Usuário" . Revista de Redação Técnica e Comunicação . 51 (4): 468–492. doi : 10.1177/00472816211041951 . ISSN 0047-2816 . S2CID 240552938 .  
  34. ^ "O que é design de interface do usuário (UI)?" . Recuperado 2020-04-16 .
  35. ^ Goodwin, Kim (2009). Projetando para a Era Digital . Wiley. pág. 21. ISBN 978-0-470-22910-1.
  36. ^ Dori, Amir (2019-10-02). "Game Design UX Best Practices // The Ultimate Guide" . Médio . Recuperado 2019-12-14 .
  37. ^ administrador (2018-01-18). "A evolução dos gráficos de videogame" . Cultura do jogo . Recuperado 2019-12-14 .
  38. ^ "ShieldSquare Captcha". doi : 10.1088/1742-6596/1087/6/062024 .
  39. ^ "Evolução das interfaces de usuário de videogames" . Hongkiat . 2013-04-29 . Recuperado 2019-12-14 .
  40. ^ Rubink, Devin. "Madden NFL: Evolução de uma franquia de videogame [Infográfico]" . Fun . com . Recuperado 2019-12-14 .
  41. ^ a b Burks, Robin (2015-09-14). "Como os videogames se tornaram o meio perfeito de contar histórias" . Tempos Tecnológicos . Recuperado 2019-12-14 .
  42. ^ "Teste de usabilidade" . usabilidade.gov . 13 de novembro de 2013.

Leitura adicional [ editar ]