User Experience em Westworld
Tags: computerscience, help
Published: 2018-11-05 19:58:33

---
title: User Experience em Westworld
published: true
tags: ComputerScience,help
canonical_url: https://eusoudev.com.br/ux-em-westworld/
---

Tempo de leitura:<small> 7 minutos</small>

 <section>
<div>
<div style="text-align: center;">
<p id="d653" style="text-align: left;">Desde quando estreou <a href="http://www.imdb.com/title/tt0475784/" target="_blank" rel="nofollow noopener" data-href="//www.imdb.com/title/tt0475784/">Westworld</a>, me vi muito interessado na série e em como ela foi construída. Desde o início, a fotografia me chamava muito a atenção, especialmente pela forma com que os dados eram mostrados, como a narrativa se desenrola, além de todas as alocações utilizadas para ser plano de fundo dessa história. A proposta aqui é fazer um paralelo entre a <a href="//www.eusoudev.com.br/iceberg-de-ux/" target="_blank" rel="noopener">experiência do usuário</a> ( UX ) e como podemos ver ela aplicada na experiência do “convidado” em Westworld.</p>
<p id="383e" style="text-align: left;">Durante a semana passada, terminei a segunda temporada de Westworld, uma série da HBO, que é considerada a aposta para substituir Game of Thrones. Ela foi desenvolvida por Jonathan Nolan e Lisa Joy e estreou no ano de 2016. Após grande sucesso da primeira temporada, meses atrás fomos agraciados com a estreia da segunda temporada, que também fez muito sucesso em vários países ao redor do mundo.</p>
<p id="e01c" style="text-align: left;">Assim como na primeira temporada, essa continuou dando um show no modo em que encanta o público mostrando tudo de uma maneira muito envolvente, fazendo com que o espectador fique atento do início ao fim do episódio e tenha esse tipo de reação ao terminar um episódio. <img src="https://s.w.org/images/core/emoji/2.3/72x72/1f447.png" alt="👇" style="height: 1em; max-height: 1em;"><img src="https://s.w.org/images/core/emoji/2.3/72x72/1f447.png" alt="👇" style="height: 1em; max-height: 1em;"><img src="https://s.w.org/images/core/emoji/2.3/72x72/1f447.png" alt="👇" style="height: 1em; max-height: 1em;"><img src="https://s.w.org/images/core/emoji/2.3/72x72/1f447.png" alt="👇" style="height: 1em; max-height: 1em;"><img src="https://s.w.org/images/core/emoji/2.3/72x72/1f447.png" alt="👇" style="height: 1em; max-height: 1em;"><img src="https://s.w.org/images/core/emoji/2.3/72x72/1f447.png" alt="👇" style="height: 1em; max-height: 1em;"><img src="https://s.w.org/images/core/emoji/2.3/72x72/1f447.png" alt="👇" style="height: 1em; max-height: 1em;"><img src="https://s.w.org/images/core/emoji/2.3/72x72/1f447.png" alt="👇" style="height: 1em; max-height: 1em;"><img src="https://s.w.org/images/core/emoji/2.3/72x72/1f447.png" alt="👇" style="height: 1em; max-height: 1em;"></p>
<p id="2f2c">
</p>
<div>
<div data-scroll="native">
<p> <img src="https://media.giphy.com/media/xT0xeJpnrWC4XWblEk/giphy.gif" alt="ux em westworld" width="627" height="417"></p>
</div>
</div>

<p id="b611" style="text-align: left;">A série é baseada no filme homônimo de 1973, escrito e dirigido pelo escritor norte-americano Michael Crichton, e também em sua continuação, Futureworld, de 1976. Muito mais que apenas uma série sobre robôs, Westworld é uma série que fala sobre o comportamento humano e suas falhas, sobre como lidamos com nossos desejos e como nos comportamos. Com toda certeza é uma das minhas séries favoritas e minhas expectativas estão bem altas sobre como será o desenrolar da história daqui pra frente, principalmente depois dessa última <em>season finale</em>.</p>
<p id="92ea" style="text-align: left;">Se você não conhece a série, vou te contar em poucas palavras— juro não dar spoilers. Westworld é um dos parques temáticos da Delos, uma empresa gigante que tem muitos planos ambiciosos, dentre eles proporcionar uma experiência totalmente inovadora e fora dos padrões do “mundo real”, dando ao convidado um poder de ser quem ele quiser lá dentro; Ele é ambientado no Velho Oeste americano e povoado por “anfitriões”, robôs artificialmente inteligentes, que parecem e agem completamente como humanos, mas que existem para servir como uma experiência de entretenimento para os convidados.</p>
<p id="d145" style="text-align: left;">Os hóspedes vão para Westworld para desfrutar das suas férias vivendo uma experiência imersiva, de forma com que possam viver diferentes emoções, cada um com diferentes motivações por trás de sua visita, e a partir disso a história se desenrola.</p>
<p id="23c1" style="text-align: left;">A partir do momento em que passei a perceber como a experiência do convidado no contexto da série é importante, voltei lá na primeira temporada e notei alguns pontos que fazem todo o sentido dentro do universo de <a href="//www.eusoudev.com.br/heuristicas-de-nielsen/" target="_blank" rel="noopener">User Experience</a>.</p>
<h2 id="37c4" style="text-align: left;"><strong>Experiência em Delos</strong></h2>
<p id="3e64" style="text-align: left;">Além de ser uma série de TV popular, existem elementos do UX que são incorporados em cenas e comportamentos despretensiosos dos “anfitriões”. Caso em questão — humanizando os robôs, simplesmente chamando-os de anfitriões, adicionando detalhes como roupas, fala, aparência e emoções únicos a cada um deles.</p>
<p id="caa0" style="text-align: left;">Um exemplo disso é um momento em que um personagem, sem saber se o outro é ou não um “anfitrião”, pergunta: “Você é real?”, já que a experiência estava sendo tão próxima da interação humano-humano que não se parecia com uma interação humano-máquina, e ela, por sua vez, responde “Se você não sabe, isso importa?”</p>
<pre><img style="font-size: 1rem;" src="https://cdn-images-1.medium.com/max/1000/0*LP77XAHmCEHOIuSB" alt="ux em westworld" width="1000" height="666"><span style="font-size: 12.8px;">“Você é real?” “Se você não sabe, isso importa?” John P. Johnson - HBO</span></pre>
<p id="663a" style="text-align: left;">O tema recorrente dos convidados confundindo os “anfitriões” como seres humanos ilustrou o quão longe Westworld foi para garantir que, como convidado, você esteja totalmente imerso em sua experiência. Estranho, mas pensando como um profissional da área de UX, eles fizeram exatamente o que nos propomos a fazer todos os dias: que é tornar a experiência do nosso usuário mais real o possível.</p>
<h2 id="3fc2" style="text-align: left;"><strong>Jornada do “Convidado”</strong></h2>
<p style="text-align: left;">Quando um novo convidado chega ao Westworld, ele é escoltado por um “anfitrião” que os leva para uma sala onde selecionam os itens que levarão ao parque. O gif abaixo mostra Willian, um novo convidado sendo levado a essa sala, onde ele poderá escolher de qual o tipo de narrativa ele quer participar.</p>
<p id="36ad" style="text-align: left;">Ao decidir qual chapéu usar determina dentro do parque, determina o curso de sua jornada no caso, determinou o tipo de pessoa que William gostaria de ser estar enquanto estiver em Westworld. Os <a href="http://variety.com/2016/tv/news/westworld-recap-chestnut-1201883126/" target="_blank" rel="noopener nofollow" data-href="//variety.com/2016/tv/news/westworld-recap-chestnut-1201883126/">chapéus brancos e os chapéus pretos em Westworld</a> são muito mais do que uma escolha apenas estética.</p>
<p id="1107" style="text-align: left;">Embora seja um pouco pesado, a metáfora por trás da escolha é clara. Se William escolhe um chapéu branco, então ele é um herói. Se ele escolher um preto, então ele é um vilão. De acordo com o site da Westworld, o chapéu que um hóspede escolhe “mostra como você pretende jogar”.</p>
<pre style="text-align: left;"><img style="font-size: 1rem;" src="https://cdn-images-1.medium.com/max/800/0*1hv0rJMW48ozL97B" width="773" height="435" data-src="//cdn-images-1.medium.com/max/800/0*1hv0rJMW48ozL97B">
                                 Sala dos chapéus</pre>
<p id="52ce" style="text-align: left;">Após essa escolha, a estadia está pronta para começar. Escolhido o chapéu, o “convidado” pega um trem para o centro do parque e a partir disso ele começará a viver uma experiência única.</p>
<pre style="text-align: left;"><img style="font-size: 1rem;" src="https://cdn-images-1.medium.com/max/800/0*RNUg1UDcupufCqI6" alt="ux em westworld" width="800" height="533" data-src="//cdn-images-1.medium.com/max/800/0*RNUg1UDcupufCqI6"> Chegada em Westworld</pre>
<p id="eee5" style="text-align: left;">A partir desse momento, o convidado esta imerso em sua história, lá ele será levado a viver as experiências que se propôs ao entrar neste parque.</p>
<h2 id="608e" style="text-align: left;"><strong>Delos’s Dashboards</strong></h2>
<p id="eda5" style="text-align: left;">O que torna o programa tão atraente, especialmente para o profissional de experiência do usuário e da interface do usuário, além das inúmeras implicações filosóficas e de design para trabalhar com a experiência de realidade virtual e com a inteligência artificial, são as belíssimas interfaces que são apresentadas em toda a série. Como algumas das que você poderá ver abaixo:</p>
<pre style="text-align: left;"><img style="text-align: center; font-size: 1rem;" src="https://cdn-images-1.medium.com/max/800/0*EEys1oGl0VZrD_rd" alt="ux em westworld" width="800" height="450" data-src="//cdn-images-1.medium.com/max/800/0*EEys1oGl0VZrD_rd"> Neste momento a personagem consegue ver quais seus “atributos”</pre>
<p id="ce77" style="text-align: left;">Abaixo você consegue ver melhor como a interação funciona. Nesta interface, é possível ver um personagem observando o que seria a árvore de decisão de uma conversa:</p>
<p style="text-align: left;"><img style="font-size: 1rem;" src="https://cdn-images-1.medium.com/max/800/0*8TnrRA3dNL5jO-hI" alt="ux em westworld" width="779" height="438" data-src="//cdn-images-1.medium.com/max/800/0*8TnrRA3dNL5jO-hI"></p>
<p style="text-align: left;">Como em toda série cuja temática é baseada em robôs, é normal que existam muitas cenas onde são mostradas interfaces mais elaboradas, para ilustrar como seria interfaces e interações de caráter futurístico. Mas, mais do que simplesmente ilustrar esse futuro com pixels, em Westworld as interfaces ajudam a contar a história da série — e podem até conter alguns segredos dos personagens.</p>
<p style="text-align: left;"><img style="font-size: 1rem;" src="https://cdn-images-1.medium.com/max/800/0*qIHK1qicUklCc2Z6" alt="ux em westworld" width="800" height="450" data-src="//cdn-images-1.medium.com/max/800/0*qIHK1qicUklCc2Z6"></p>
<p id="bf7d" style="text-align: left;">Chris Kieffer foi o designer responsável por coordenar o fantástico trabalho de concepção, design e animação das interfaces presentes na série. Ele foi responsável também pela concepção de interfaces de outros grandes filmes como Trancendence, Passengers e Interstellar — contando com o talentoso time de pós-produção da Warner Bros Studios. Conheça mais sobre o trabalho de Chris<a href="https://www.chriskieffer.com/" target="_blank" rel="nofollow noopener" data-href="//www.chriskieffer.com/"> em seu site</a>.</p>
<pre style="text-align: left;"><img style="font-size: 1rem;" src="https://cdn-images-1.medium.com/max/800/0*HW0RJmvC7Lja5rFu" alt="ux em westworld" width="800" height="450" data-src="//cdn-images-1.medium.com/max/800/0*HW0RJmvC7Lja5rFu"> Sala de controle da Delos</pre>
<p id="dcc9" style="text-align: left;">Estes foram apenas alguns dos pontos, sem contar spoilers de como a série funciona e como a user experience é abordada na série. Espero que eles te façam querer entender um pouco mais do que acontece dentro do parque… ou seriam parques? Caso tenha se interessado em acompanhar a série, a mesma recebeu confirmação da terceira temporada.</p>
<p id="5ac1" style="text-align: left;">Mas pode ser que demore um pouco, como dito por um dos co-criadores da série <img src="https://s.w.org/images/core/emoji/2.3/72x72/1f614.png" alt="😔" style="height: 1em; max-height: 1em;">. E esse tablet dobrável em três partes, alguém sabe onde compra? haha</p>
<p style="text-align: left;"><a href="//app.vulpi.com.br/dev?utm_source=blog&amp;utm_medium=eu_sou_dev" target="_blank" rel="noopener"><img src="https://www.eusoudev.com.br/wp-content/uploads/2018/07/Te-ajudamos-a-encontrar-o-trabalho-perfeito-como-desenvolvedor.jpg" alt="ux em westworld" width="1200" height="300" srcset="//eusoudev.com.br/wp-content/uploads/2018/07/Te-ajudamos-a-encontrar-o-trabalho-perfeito-como-desenvolvedor.jpg 1200w, //eusoudev.com.br/wp-content/uploads/2018/07/Te-ajudamos-a-encontrar-o-trabalho-perfeito-como-desenvolvedor-300x75.jpg 300w, //eusoudev.com.br/wp-content/uploads/2018/07/Te-ajudamos-a-encontrar-o-trabalho-perfeito-como-desenvolvedor-768x192.jpg 768w, //eusoudev.com.br/wp-content/uploads/2018/07/Te-ajudamos-a-encontrar-o-trabalho-perfeito-como-desenvolvedor-1024x256.jpg 1024w" sizes="(max-width: 1200px) 100vw, 1200px"></a></p>
</div>
</div>
</section>

The post [User Experience em Westworld](//eusoudev.com.br/ux-em-westworld/) appeared first on [Eu Sou Dev](//eusoudev.com.br).