{"id":2393,"date":"2021-03-15T00:15:12","date_gmt":"2021-03-15T03:15:12","guid":{"rendered":"https:\/\/ember.com.br\/?p=2393"},"modified":"2024-06-22T05:15:49","modified_gmt":"2024-06-22T08:15:49","slug":"aplicando-heuristicas-de-usabilidade-a-um-jogo","status":"publish","type":"post","link":"https:\/\/ember.com.br\/en\/aplicando-heuristicas-de-usabilidade-a-um-jogo\/","title":{"rendered":"Aplicando heur\u00edsticas de usabilidade \u00e0 um jogo"},"content":{"rendered":"
\n
\n

A import\u00e2ncia de informar os usu\u00e1rios sobre o que est\u00e1 acontecendo capacita seu processo de tomada de decis\u00e3o. Um \u00f3timo exemplo disso, esta no sistema de um game que recria um o mundo real para envolver os jogadores no jogo: Her Story<\/em>\u00a0.<\/p>\n

A hist\u00f3ria dela<\/h1>\n

Her Story<\/em>\u00a0(2015) \u00e9 um videogame narrativo interativo escrito e dirigido por Sam Barlow.\u00a0Neste jogo, o jogador explora um banco de dados de imagens de v\u00eddeo de entrevistas policiais.\u00a0O objetivo \u00e9 resolver o mist\u00e9rio de um homem desaparecido recorrendo apenas \u00e0s entrevistas com a esposa do homem, Hannah Smith.<\/p>\n

\n
\n
\n
\n
\n
\"\"<\/div>\n

\"\"<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>

Imagens de v\u00eddeo encontradas no banco de dados da pol\u00edcia.\u00a0Fonte: Reddit.<\/figcaption><\/figure>\n

Os jogadores iniciam o jogo em um computador desktop antigo com diferentes programas e arquivos para explorar: arquivos de texto com instru\u00e7\u00f5es, um pequeno minijogo, um banco de dados de filmagens da pol\u00edcia.\u00a0O \u201cbanco de dados LOGIC\u201d permite n\u00e3o s\u00f3 ver os clipes, mas tamb\u00e9m pesquisar, classificar e marcar.\u00a0Conforme o jogador v\u00ea um novo clipe, \u00e9 poss\u00edvel marc\u00e1-lo e pesquis\u00e1-lo mais tarde – \u00e9 assim que os jogadores interpretam os 271 v\u00eddeos curtos e juntam sua hist\u00f3ria.<\/p>\n

\u00c0 medida que os jogadores progridem no jogo, um aplicativo de bate-papo aparece perguntando \u201cvoc\u00ea terminou?\u201d.\u00a0\u00c9 sua decis\u00e3o de terminar o jogo – voc\u00ea entendeu o que aconteceu?\u00a0Quer explorar mais e coletar todas as pe\u00e7as deste quebra-cabe\u00e7a?<\/p>\n

\n
\n
\n
\n
\n
\"\"<\/div>\n

\"\"<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>

Chit Chat app, o aplicativo de chat que pergunta \u201cvoc\u00ea terminou?\u201d.<\/figcaption><\/figure>\n

Alinhamento entre o sistema e o mundo real<\/h1>\n

Os sistemas n\u00e3o devem usar seus termos, mas sim se comunicar no idioma do usu\u00e1rio.\u00a0<\/strong>Comunique-se com conceitos, palavras e express\u00f5es familiares adaptadas ao seu usu\u00e1rio, em uma ordem natural e l\u00f3gica, seguindo as conven\u00e7\u00f5es do mundo real.<\/p>\n

Porque?<\/strong>
\nOs usu\u00e1rios se sentem confort\u00e1veis \u200b\u200bcom seu sistema;\u00a0n\u00f3s, humanos, sentimo-nos mais confort\u00e1veis \u200b\u200bcom o que nos \u00e9 familiar.\u00a0Se os usu\u00e1rios n\u00e3o sabem ou n\u00e3o entendem o que est\u00e1 sendo comunicado, eles podem se confundir e se questionar.\u00a0Isso pode ser aplicado a linguagem, objetos, a\u00e7\u00f5es e outras conven\u00e7\u00f5es do mundo real.<\/p>\n

Qu\u00e3o?<\/strong>
\n1. Certifique-se de que o idioma esteja ajustado aos usu\u00e1rios.\u00a0N\u00e3o os fa\u00e7a procurar a defini\u00e7\u00e3o de uma palavra.
\n2. N\u00e3o presuma que sua compreens\u00e3o das palavras corresponda \u00e0 dos usu\u00e1rios.
\n3. Alinhe os elementos da IU com objetos e a\u00e7\u00f5es do mundo real.
\n3. Fa\u00e7a pesquisas de usu\u00e1rios para descobrir as melhores palavras para usar e descubra os modelos mentais dos usu\u00e1rios sobre os conceitos mais importantes.<\/p>\n

Exemplos:<\/strong>
\nJ\u00e1 que estamos aqui, vamos usar o M\u00e9dio como exemplo, come\u00e7ando com o recurso de destaque.\u00a0Destacar partes essenciais de um artigo \u00e9 uma a\u00e7\u00e3o familiar com um equivalente no mundo real f\u00edsico, destacar um livro com um marcador.\u00a0Esta experi\u00eancia \u00e9 agrad\u00e1vel e vai um pouco al\u00e9m, vendo todos os destaques dentro da p\u00e1gina \u201cLista de Leitura\u201d.<\/p>\n

Dentro da p\u00e1gina \u201cLista de leitura\u201d, voc\u00ea pode ver seus artigos salvos (e remov\u00ea-los ou arquiv\u00e1-los), ver os artigos arquivados, verificar os destaques e ver os artigos vistos recentemente.\u00a0Esses recursos e a forma como s\u00e3o organizados seguem a organiza\u00e7\u00e3o do mundo real de uma biblioteca com a combina\u00e7\u00e3o digital de objetos reais para ilustrar a\u00e7\u00f5es.<\/p>\n

Voc\u00ea salva uma hist\u00f3ria em sua lista de leitura clicando em um \u00edcone que se assemelha a um marcador (e \u00e9 chamado de marcador).\u00a0Voc\u00ea o remove clicando em um \u00edcone que se assemelha a um cart\u00e3o de cat\u00e1logo da biblioteca e no \u00edcone de arquivo … parece uma caixa de arquivo.<\/p>\n

\n
\n
\n
\n
\n
\"\"<\/div>\n

\"\"<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>

A ajuda de m\u00eddia pop-up explica como funciona o salvamento e o arquivamento de hist\u00f3rias.\u00a0Voc\u00ea pode ver o \u00edcone e o comportamento correspondentes aos objetos do mundo real.\u00a0Fonte: Autor.<\/figcaption><\/figure>\n

A maioria de nossos aplicativos utilit\u00e1rios lembra seus objetos do mundo real: calculadora, rel\u00f3gio, r\u00e1dio, telefone, calend\u00e1rio.\u00a0Conforme voc\u00ea usa sistemas diferentes, preste mais aten\u00e7\u00e3o aos \u00edcones e perceber\u00e1 que a maioria deles s\u00e3o representa\u00e7\u00f5es de a\u00e7\u00f5es ou objetos que s\u00e3o o equivalente no mundo real da a\u00e7\u00e3o digital.<\/p>\n

Conhe\u00e7a seus usu\u00e1rios e mostre que voc\u00ea se preocupa com eles, ouvindo o que eles t\u00eam a dizer e adaptando seu sistema para se comunicar apenas com eles.\u00a0Mostre empatia por motivos familiares e voc\u00ea pode construir confian\u00e7a – \u00e9 o caminho certo para um relacionamento duradouro (com os usu\u00e1rios, \u00e9 claro)<\/strong>\u00a0.<\/p>\n

Sua hist\u00f3ria e alinhamento entre o sistema e o mundo real<\/strong><\/h1>\n

Em\u00a0Her Story<\/em>\u00a0, os jogadores usam um computador desktop antigo para explorar a hist\u00f3ria.\u00a0Este antigo desktop pertence \u00e0 pol\u00edcia e imita um desktop real.\u00a0Todos os aplicativos internos tamb\u00e9m imitam um aplicativo equivalente da vida real – como os que temos em nosso desktop ou laptops.<\/p>\n

\n
\n
\n
\n
\n
\"\"<\/div>\n

\"\"<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>

\u00c1rea de trabalho principal em Her Story.<\/figcaption><\/figure>\n
\n
\n
\n
\n
\n
\"\"<\/div>\n

\"\"<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>

A \u00e1rea de trabalho principal em Her Story com v\u00e1rios programas e um arquivo aberto.<\/figcaption><\/figure>\n

Qualquer pessoa que j\u00e1 tenha usado um computador pode jogar este jogo e usar os diversos aplicativos com facilidade.\u00a0Qu\u00e3o?\u00a0O jogo criou um alinhamento com os sistemas reais que conhecemos, mas limitou as a\u00e7\u00f5es e informa\u00e7\u00f5es \u00e0s que o jogo requer, combinando a linguagem com palavras e express\u00f5es comumente usadas.<\/p>\n

Quais aplicativos \/ arquivos existiam dentro do laptop e o que eles fazem no jogo em compara\u00e7\u00e3o com a vida real?<\/em><\/strong><\/h2>\n