{"id":4481,"date":"2021-10-21T14:00:08","date_gmt":"2021-10-21T11:00:08","guid":{"rendered":"https:\/\/snov.io\/glossary\/?p=4481"},"modified":"2021-10-21T14:00:09","modified_gmt":"2021-10-21T11:00:09","slug":"experiencia-do-usuario-ux","status":"publish","type":"post","link":"https:\/\/snov.io\/glossary\/br\/experiencia-do-usuario-ux\/","title":{"rendered":"Experi\u00eancia do Usu\u00e1rio (UX)"},"content":{"rendered":"\n

Diz-se que cada $1 investido em UX Design rende at\u00e9 $100 em retorno<\/strong><\/a>. Ent\u00e3o, o que \u00e9 exatamente a experi\u00eancia do usu\u00e1rio – user experience<\/em> (UX) -? A experi\u00eancia do usu\u00e1rio \u00e9 um conceito relacionado a uma impress\u00e3o positiva ou negativa que um usu\u00e1rio forma ap\u00f3s interagir com um site, aplicativo, produto ou software. \u00c9 uma medida n\u00e3o num\u00e9rica de satisfa\u00e7\u00e3o com tudo o que o cliente interage.<\/p>\n\n\n\n

Por que a experi\u00eancia do usu\u00e1rio (UX) \u00e9 t\u00e3o valiosa?<\/strong><\/h2>\n\n\n\n

Uma boa UX pode levar a mais vendas e maior tr\u00e1fego. Isso porque, se os usu\u00e1rios visualizam seu site ou produto de maneira favor\u00e1vel e ficam felizes (experi\u00eancia do usu\u00e1rio positiva), \u00e9 mais prov\u00e1vel que eles fa\u00e7am uma compra<\/strong><\/a>.<\/p>\n\n\n\n

E n\u00e3o \u00e9 apenas nas vendas que a UX tem influ\u00eancia direta:uma experi\u00eancia do usu\u00e1rio otimizada reduzir\u00e1 sua taxa de rejei\u00e7\u00e3o, indicando visitas mais longas e mais intera\u00e7\u00e3o; como resultado, voc\u00ea ter\u00e1 uma classifica\u00e7\u00e3o mais elevada nas p\u00e1ginas de resultados do mecanismo de pesquisa, de acordo com seus algoritmos. Criar a UX ideal realmente compensa.<\/p>\n\n\n\n

Quais s\u00e3o os elementos da experi\u00eancia do usu\u00e1rio?<\/strong><\/h2>\n\n\n\n

Para criar uma UX de sucesso, voc\u00ea pode constru\u00ed-la bloco a bloco seguindo seus cinco elementos:<\/p>\n\n\n\n

  1. Estrat\u00e9gia<\/strong>. O objetivo desta etapa \u00e9 identificar seus objetivos de neg\u00f3cios e as necessidades de seus usu\u00e1rios. Deve responder \u00e0s perguntas: Qual \u00e9 a ideia do produto? Quem \u00e9 o cliente? Por que devemos criar isso?<\/em><\/li>
  2. Alcance<\/strong>. Este elemento define quais os requisitos, recursos e fun\u00e7\u00f5es que seu produto ter\u00e1.<\/li>
  3. Estrutura<\/strong>. Ele define como seus usu\u00e1rios podem interagir com o produto e como o sistema se comporta quando eles interagem.<\/li>
  4. Esqueleto<\/strong>. Este elemento determina a forma visual logo abaixo da superf\u00edcie, incluindo o posicionamento de bot\u00f5es, guias, fotos e blocos de texto.<\/li>
  5. Superf\u00edcie<\/strong>. Isso \u00e9 o que os usu\u00e1rios veem como um produto final.<\/li><\/ol>\n\n\n\n
    \"Elements
    Fonte: <\/em>Os elementos da experi\u00eancia do usu\u00e1rio: Design centrado na experi\u00eancia do usu\u00e1rio<\/em><\/strong><\/figcaption><\/figure>\n\n\n\n

    Como criar uma UX ideal?<\/strong><\/h2>\n\n\n\n

    Uma UX intuitiva e bem projetada \u00e9 um componente decisivo do site, da interface do aplicativo, do produto de qualquer empresa ou de qualquer coisa com a qual o cliente interaja. Ela pode fazer maravilhas. Por exemplo, quando o Airbnb melhorou seu UX design, ele passou de uma empresa quase falida a uma empresa multimilion\u00e1ria. A experi\u00eancia do usu\u00e1rio tem muito poder e voc\u00ea deve saber como aproveit\u00e1-la.<\/p>\n\n\n\n

    Mas no que voc\u00ea precisa se concentrar?<\/p>\n\n\n\n

    An\u00e1lise<\/strong><\/h3>\n\n\n\n

    Voc\u00ea precisa analisar tudo nas m\u00e9tricas de seu site e aplicativo. Descubra quais p\u00e1ginas t\u00eam as taxas de rejei\u00e7\u00e3o mais baixas. Veja os mapas de calor e identifique o que as pessoas clicam mais. Estude o comportamento dos usu\u00e1rios desde o momento em que pousarem no site e at\u00e9 o momento que sa\u00edrem.<\/p>\n\n\n\n

    Isso o ajudar\u00e1 a determinar o que funciona e o que n\u00e3o funciona, o que \u00e9 uma informa\u00e7\u00e3o valiosa para construir uma experi\u00eancia do usu\u00e1rio que explore todo o potencial de seu site.<\/p>\n\n\n\n

    \"Heatmaps\"
    Fonte: <\/em>Tudo o que voc\u00ea precisa saber sobre o uso de mapas de calor<\/em><\/strong><\/figcaption><\/figure>\n\n\n\n

    Usabilidade<\/strong><\/h3>\n\n\n\n

    A usabilidade determina se seu site, aplicativo ou software \u00e9 f\u00e1cil de usar ou n\u00e3o. Tudo importa: desde um pequeno detalhe (por exemplo, o texto \u00e9 leg\u00edvel?) At\u00e9 a organiza\u00e7\u00e3o maior (por exemplo, a arquitetura \u00e9 l\u00f3gica e coerente?).<\/p>\n\n\n\n

    A UX \u00e9 altamente afetada por cada um desses componentes individualmente e pelo funcionamento de todos em conjunto. Um dos principais elementos s\u00e3o os menus: se os menus em seu site n\u00e3o estiverem bem agrupados e organizados, ficar\u00e1 um pouco mais dif\u00edcil de usar seu site e sua experi\u00eancia do usu\u00e1rio poder\u00e1 cair. Com os menus, uma maneira de melhorar \u00e9 a rota de navega\u00e7\u00e3o, assim chamada por ser capaz de rastrear sua jornada facilmente. Por exemplo, o menu de localiza\u00e7\u00e3o atual de um site de cal\u00e7ados pode ter a seguinte apar\u00eancia: Cal\u00e7ados \/ Femininos \/ Saltos \/ Formais<\/em>.<\/p>\n\n\n\n

    A rolagem infinita \u00e9 outra vantagem de usabilidade. A maioria das pessoas n\u00e3o deseja clicar em uma p\u00e1gina ap\u00f3s a outra de produtos, especialmente em aplicativos, e uma rolagem infinita resolve esse problema. Ele pode impulsionar sua experi\u00eancia do usu\u00e1rio e, como resultado, aumentar as vendas e o ROI<\/strong><\/a>.<\/p>\n\n\n\n

    \u201cNosso objetivo \u00e9 fazer com que nossos clientes comprem sem ter que pensar ou exercer nenhum tipo de esfor\u00e7o.\u201d<\/em><\/p>– Steve Krug, especialista em UX e autor de \u201cDon’t Make Me Think\u201c<\/em><\/cite><\/blockquote>\n\n\n\n

    Boa hospedagem<\/strong><\/h3>\n\n\n\n

    Seus sites, aplicativos e programas baseados na Internet precisam funcionar o tempo todo. Eles precisam ser hospedados em um servidor confi\u00e1vel, ter interfaces bem projetadas, imagens de alta resolu\u00e7\u00e3o que carreguem correta e rapidamente e funcionem com poucos ou nenhum erro. Busque a perfei\u00e7\u00e3o nessa frente – nada afasta tanto os clientes em potencial quanto uma experi\u00eancia ruim com o carregamento.<\/p>\n\n\n\n

    Preenchimento autom\u00e1tico <\/strong><\/h3>\n\n\n\n

    \u00c0 primeira vista, este \u00e9 bastante autoexplicativo, mas h\u00e1 mais no preenchimento autom\u00e1tico do que apenas pesquisar um produto, p\u00e1gina ou ferramenta espec\u00edfica.<\/p>\n\n\n\n

    H\u00e1 uma op\u00e7\u00e3o suspensa de preenchimento autom\u00e1tico que \u00e9 familiar a qualquer usu\u00e1rio do Google ou Amazon. Por exemplo, se voc\u00ea pesquisar \u201c4\u00d74\u201d, op\u00e7\u00f5es como uma moldura, um cubo m\u00e1gico ou uma camionete aparecer\u00e3o. Dessa forma, \u00e9 mais f\u00e1cil para os clientes encontrarem o que procuram.<\/p>\n\n\n\n

    Tamb\u00e9m existem pesquisas precisas, como a pesquisa de um modelo espec\u00edfico de telefone celular ou computador. Portanto, ao pesquisar \u201ciPhone\u201d, as op\u00e7\u00f5es suspensas incluir\u00e3o iPhone 11, iPhone 10s, iPhone 6, etc.<\/p>\n\n\n\n

    Voc\u00ea tamb\u00e9m pode usar menus suspensos de sin\u00f4nimos. Por exemplo, se voc\u00ea pesquisar \u201ccomputador\u201d, as op\u00e7\u00f5es de preenchimento autom\u00e1tico incluir\u00e3o um laptop, desktop, tablet e monitor, ajudando voc\u00ea a encontrar o que procura mais rapidamente.<\/p>\n\n\n\n

    Uma barra de pesquisa de preenchimento autom\u00e1tico em seu site e aplicativo pode ter todas essas fun\u00e7\u00f5es.<\/p>\n\n\n\n

    Promo\u00e7\u00f5es<\/strong><\/h3>\n\n\n\n

    Se voc\u00ea estiver realizando promo\u00e7\u00f5es, elas devem ser mencionadas o m\u00e1ximo poss\u00edvel em seu site ou aplicativo. Pode ser uma barra na parte superior da p\u00e1gina, um c\u00f3digo promocional em qualquer produto que tenha uma promo\u00e7\u00e3o em andamento ou uma promo\u00e7\u00e3o na p\u00e1gina do pr\u00f3prio produto. Independentemente do que seja, precisa ser grande e vis\u00edvel. Os clientes adoram promo\u00e7\u00f5es.<\/p>\n\n\n\n

    Check-out<\/strong><\/h3>\n\n\n\n

    O check-out deve ser f\u00e1cil! Voc\u00ea pode perder uma venda em um piscar de olhos se o check-out for muito complicado.<\/p>\n\n\n\n

    D\u00ea a op\u00e7\u00e3o de comprar sem precisar criar uma conta extensa. Configure o preenchimento autom\u00e1tico para informa\u00e7\u00f5es de envio, cobran\u00e7a e cart\u00e3o de cr\u00e9dito. Ningu\u00e9m gosta de se levantar e desenterrar seu cart\u00e3o de cr\u00e9dito quando pode preencher automaticamente as informa\u00e7\u00f5es por meio de seu navegador ao fazer compras online. Fa\u00e7a do checkout do PayPal Onetouch uma op\u00e7\u00e3o de pagamento. N\u00e3o d\u00ea aos clientes um motivo para abandonar o carrinho. Este \u00e9 um dos aspectos mais importantes de uma UX f\u00e1cil de usar.<\/p>\n\n\n\n

    \"email<\/a><\/figure>\n\n\n\n

    Aplicativos e mobile<\/strong><\/h2>\n\n\n\n

    Embora tenhamos discutido principalmente sobre sites, os aplicativos e mobiles precisam de todas as coisas mencionadas acima para criar uma boa experi\u00eancia do usu\u00e1rio tamb\u00e9m. Mas, como s\u00e3o visualizados em smartphones e tablets, os aplicativos e sites mobile t\u00eam alguns obst\u00e1culos especiais que voc\u00ea deve superar:<\/p>\n\n\n\n