{"id":5078,"date":"2024-06-21T11:56:13","date_gmt":"2024-06-21T11:56:13","guid":{"rendered":"https:\/\/www.wygroup.net\/?p=5078"},"modified":"2024-06-24T13:58:32","modified_gmt":"2024-06-24T13:58:32","slug":"impulsionar-a-experiencia-de-utilizador-ux-o-que-podemos-aprender-da-psicologia","status":"publish","type":"post","link":"https:\/\/www.wygroup.net\/pt-pt\/impulsionar-a-experiencia-de-utilizador-ux-o-que-podemos-aprender-da-psicologia\/","title":{"rendered":"Impulsionar a Experi\u00eancia de Utilizador (UX): o que podemos aprender da Psicologia"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">UX \u00e9 a disciplina que tem em considera\u00e7\u00e3o os aspetos que definem a nossa experi\u00eancia como utilizadores de produtos e servi\u00e7os (digitais ou n\u00e3o). J\u00e1 Psicologia \u00e9 a disciplina que estuda o nosso comportamento e processos mentais, onde m\u00e9todos cient\u00edficos s\u00e3o usados para investigar e compreender como as pessoas pensam e agem. Introdu\u00e7\u00f5es feitas, exploremos agora alguns princ\u00edpios de Psicologia e perceber como \u00e9 que podem ser aplicados em UX.<\/h1>\n\n\n\n<p><\/p>\n\n\n\n<p>Imaginemos os seguintes cen\u00e1rios: 1) um psic\u00f3logo est\u00e1 numa sess\u00e3o com um paciente e 2) um profissional de UX est\u00e1 numa entrevista com um utilizador. O desafio para o leitor \u00e9: quem disse as frases <em>\u201cE como \u00e9 que isso o faz sentir?\u201d,<\/em> <em>\u201cH\u00e1 mais alguma coisa de que gostasse de partilhar?\u201d, \u201cN\u00e3o h\u00e1 respostas certas nem erradas\u201d<\/em>?<\/p>\n\n\n\n<p>Respondeu <em>\u201cOs dois\u201d<\/em>? Est\u00e1 certo! Estas frases s\u00e3o apenas um pequeno e ilustrativo exemplo de como Psicologia e UX t\u00eam coisas em comum. N\u00e3o \u00e9 por acaso que o principal ponto onde ambas as disciplinas se cruzam \u00e9 no seu <em>target<\/em>: as pessoas. O Psic\u00f3logo trabalha com e para os seus pacientes e o profissional de UX trabalha com e para o seus utilizadores. Assim, apenas posso considerar \u00fatil e enriquecedor saber como podem ser aplicados alguns princ\u00edpios de Psicologia em UX.<\/p>\n\n\n\n<p>Antes de percebermos como \u00e9 que estas \u00e1reas se cruzam, \u00e9 importante defini-las. UX \u00e9 a disciplina que tem em considera\u00e7\u00e3o os aspetos que definem a nossa experi\u00eancia como utilizadores de produtos e servi\u00e7os (digitais ou n\u00e3o). J\u00e1 Psicologia \u00e9 a disciplina que estuda o nosso comportamento e processos mentais, onde m\u00e9todos cient\u00edficos s\u00e3o usados para investigar e compreender como as pessoas pensam e agem.<\/p>\n\n\n\n<p>Introdu\u00e7\u00f5es feitas, exploremos agora alguns princ\u00edpios de Psicologia e perceber como \u00e9 que podem ser aplicados em UX. Abordaremos os seguintes princ\u00edpios:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Carga cognitiva<\/li>\n\n\n\n<li>Perce\u00e7\u00e3o<\/li>\n\n\n\n<li>Motiva\u00e7\u00e3o<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Carga cognitiva<\/strong>&nbsp;\u00e9 um termo originalmente apresentado por psic\u00f3logos para descrever o esfor\u00e7o mental necess\u00e1rio para aprender algo novo. Em termos pr\u00e1ticos de UX, quando um utilizador entra num&nbsp;<em>website<\/em>&nbsp;desorganizado, cheio de informa\u00e7\u00e3o e op\u00e7\u00f5es, o seu c\u00e9rebro entra em a\u00e7\u00e3o, tentando fazer sentido do caos que encontra. A famosa&nbsp;<em>\u201cHick\u2019s Law\u201d<\/em>diz-nos que o tempo necess\u00e1rio para tomar uma decis\u00e3o aumenta com o n\u00famero e complexidade das escolhas.<\/p>\n\n\n\n<p>A&nbsp;<em>homepage<\/em>&nbsp;da Google \u00e9 um bom exemplo de evolu\u00e7\u00e3o de um UI (<em>user interface<\/em>) que exigia maior esfor\u00e7o cognitivo por parte dos utilizadores para algo simples e imediato de usar.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Antes:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img data-dominant-color=\"e6e5e6\" data-has-transparency=\"true\" loading=\"lazy\" decoding=\"async\" width=\"580\" height=\"407\" src=\"https:\/\/www.wygroup.net\/wp-content\/uploads\/2024\/06\/image.png\" alt=\"\" class=\"has-transparency wp-image-5104\" style=\"--dominant-color: #e6e5e6; width:432px;height:auto\" srcset=\"https:\/\/www.wygroup.net\/wp-content\/uploads\/2024\/06\/image.png 580w, https:\/\/www.wygroup.net\/wp-content\/uploads\/2024\/06\/image-300x211.png 300w\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Depois (hoje em dia):<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img data-dominant-color=\"fbfbfb\" data-has-transparency=\"true\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"703\" src=\"https:\/\/www.wygroup.net\/wp-content\/uploads\/2024\/06\/image-1-1024x703.png\" alt=\"\" class=\"has-transparency wp-image-5106\" style=\"--dominant-color: #fbfbfb; width:459px;height:auto\" srcset=\"https:\/\/www.wygroup.net\/wp-content\/uploads\/2024\/06\/image-1-1024x703.png 1024w, https:\/\/www.wygroup.net\/wp-content\/uploads\/2024\/06\/image-1-300x206.png 300w, https:\/\/www.wygroup.net\/wp-content\/uploads\/2024\/06\/image-1-768x527.png 768w, https:\/\/www.wygroup.net\/wp-content\/uploads\/2024\/06\/image-1.png 1078w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p><strong>O que podemos aplicar em UX?<\/strong> Reduzir a quantidade de escolhas apresentadas aos utilizadores nos fluxos e <em>wireframes<\/em> que desenhamos e, quando testamos estes desenhos, ter em conta a quantidade de tempo que demoram a processar a informa\u00e7\u00e3o e a realizar tarefas.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Perce\u00e7\u00e3o<\/strong> \u00e9 a organiza\u00e7\u00e3o, identifica\u00e7\u00e3o e interpreta\u00e7\u00e3o do meio que nos rodeia. A Gestalt, que significa algo como \u201cforma\u201d em alem\u00e3o \u00e9 uma abordagem psicol\u00f3gica que, aplicada a UX, descreve a forma como as pessoas agrupam elementos semelhantes, reconhecem padr\u00f5es e simplificam imagens complexas. Ora, trabalhando com \u201cformas\u201d, tal como bot\u00f5es, <em>cards<\/em>, <em>banners<\/em>, etc, \u00e9-nos \u00fatil perceber como \u00e9 que aquilo que desenhamos pode ser interpretado pelos nossos utilizadores.<\/p>\n\n\n\n<p>O que interpreta da seguinte imagem?<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img data-dominant-color=\"dee7ed\" data-has-transparency=\"true\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"386\" src=\"https:\/\/www.wygroup.net\/wp-content\/uploads\/2024\/06\/image-2-1024x386.png\" alt=\"\" class=\"has-transparency wp-image-5108\" style=\"--dominant-color: #dee7ed; width:488px;height:auto\" srcset=\"https:\/\/www.wygroup.net\/wp-content\/uploads\/2024\/06\/image-2-1024x386.png 1024w, https:\/\/www.wygroup.net\/wp-content\/uploads\/2024\/06\/image-2-300x113.png 300w, https:\/\/www.wygroup.net\/wp-content\/uploads\/2024\/06\/image-2-768x290.png 768w, https:\/\/www.wygroup.net\/wp-content\/uploads\/2024\/06\/image-2-1536x579.png 1536w, https:\/\/www.wygroup.net\/wp-content\/uploads\/2024\/06\/image-2.png 2000w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>Os elementos da esquerda parecem relacionados entre si, enquanto que os da direita parecem divididos em dois grupos? Este exemplo \u00e9 ilustrativo do princ\u00edpio da proximidade, em que elementos mais perto uns dos outros parecem estar relacionadas entre si.<\/p>\n\n\n\n<p><strong>O que podemos aplicar em UX?<\/strong>&nbsp;Ter os princ\u00edpios \u201cno bolso\u201d e perceber como a informa\u00e7\u00e3o e o conte\u00fado s\u00e3o organizados pode ajudar a passar a mensagem que queremos aos utilizadores e simplificar a sua compreens\u00e3o sobre a mesma.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Motiva\u00e7\u00e3o<\/strong>&nbsp;\u00e9 o processo que inicia, orienta e mant\u00e9m um comportamentos orientado para um objetivo. BJ Fogg, um cientista comportamental, desenvolveu um modelo que determina que um comportamento ocorre quando estes tr\u00eas acontecem em simult\u00e2neo: motiva\u00e7\u00e3o, capacidade e&nbsp;<em>trigger<\/em>&nbsp;(gatilho). Imaginemos um utilizador entusiasmado para ir de viagem que acede a um&nbsp;<em>website<\/em>&nbsp;de marca\u00e7\u00e3o de voos mas aquilo que encontra \u00e9 um&nbsp;<em>website<\/em>&nbsp;confuso e nem sabe bem onde clicar\u2026 neste cen\u00e1rio, o comportamento \u00e9 capaz de n\u00e3o se concretizar.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img data-dominant-color=\"fbfbfb\" data-has-transparency=\"false\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"855\" src=\"https:\/\/www.wygroup.net\/wp-content\/uploads\/2024\/06\/image-3-1024x855.png\" alt=\"\" class=\"not-transparent wp-image-5110\" style=\"--dominant-color: #fbfbfb; width:401px;height:auto\" srcset=\"https:\/\/www.wygroup.net\/wp-content\/uploads\/2024\/06\/image-3-1024x855.png 1024w, https:\/\/www.wygroup.net\/wp-content\/uploads\/2024\/06\/image-3-300x250.png 300w, https:\/\/www.wygroup.net\/wp-content\/uploads\/2024\/06\/image-3-768x641.png 768w, https:\/\/www.wygroup.net\/wp-content\/uploads\/2024\/06\/image-3.png 1356w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p><strong>O que podemos aplicar em UX?<\/strong>&nbsp;Facilitar a intera\u00e7\u00e3o dos utilizadores com o nosso UI, oferecendo recursos necess\u00e1rios para realizar a\u00e7\u00f5es desejadas, como CTAs (<em>call-to-action<\/em>) percept\u00edveis e acess\u00edveis.<\/p>\n\n\n\n<p>A aplica\u00e7\u00e3o de aspetos psicol\u00f3gicos em UX pode ajudar-nos na cria\u00e7\u00e3o de produtos e servi\u00e7os mais&nbsp;<em>user-friendly,<\/em>intuitivos e satisfat\u00f3rios. Assim, ao aplicarmos os conhecimentos psicol\u00f3gicos em UX, abrimos portas a uma abordagem mais centrada no utilizador e orientada para o sucesso dos nossos&nbsp;<em>stakeholders<\/em>&nbsp;(utilizadores inclu\u00eddos)!<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Texto escrito por Rita Bandeira UX Researcher na Bliss Applications. Publicado originalmente na Marketeer<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>UX \u00e9 a disciplina que tem em considera\u00e7\u00e3o os aspetos que definem a nossa experi\u00eancia como utilizadores de produtos e servi\u00e7os (digitais ou n\u00e3o). J\u00e1 Psicologia \u00e9 a disciplina que estuda o nosso comportamento e processos mentais, onde m\u00e9todos cient\u00edficos s\u00e3o usados para investigar e compreender como as pessoas pensam e agem. Introdu\u00e7\u00f5es feitas, exploremos [&hellip;]<\/p>\n","protected":false},"author":20,"featured_media":5113,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[18],"tags":[],"class_list":["post-5078","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-artigos"],"_links":{"self":[{"href":"https:\/\/www.wygroup.net\/pt-pt\/wp-json\/wp\/v2\/posts\/5078","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wygroup.net\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wygroup.net\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wygroup.net\/pt-pt\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wygroup.net\/pt-pt\/wp-json\/wp\/v2\/comments?post=5078"}],"version-history":[{"count":6,"href":"https:\/\/www.wygroup.net\/pt-pt\/wp-json\/wp\/v2\/posts\/5078\/revisions"}],"predecessor-version":[{"id":5173,"href":"https:\/\/www.wygroup.net\/pt-pt\/wp-json\/wp\/v2\/posts\/5078\/revisions\/5173"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wygroup.net\/pt-pt\/wp-json\/wp\/v2\/media\/5113"}],"wp:attachment":[{"href":"https:\/\/www.wygroup.net\/pt-pt\/wp-json\/wp\/v2\/media?parent=5078"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wygroup.net\/pt-pt\/wp-json\/wp\/v2\/categories?post=5078"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wygroup.net\/pt-pt\/wp-json\/wp\/v2\/tags?post=5078"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}