<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:cc="http://cyber.law.harvard.edu/rss/creativeCommonsRssModule.html">
    <channel>
        <title><![CDATA[DEx01 - Medium]]></title>
        <description><![CDATA[Somos um estudio de design e pesquisa que atua de forma colaborativa e centrada nas pessoas. - Medium]]></description>
        <link>https://medium.com/dex01?source=rss----824b85b87187---4</link>
        <image>
            <url>https://cdn-images-1.medium.com/proxy/1*TGH72Nnw24QL3iV9IOm4VA.png</url>
            <title>DEx01 - Medium</title>
            <link>https://medium.com/dex01?source=rss----824b85b87187---4</link>
        </image>
        <generator>Medium</generator>
        <lastBuildDate>Sat, 14 Nov 2026 12:39:33 GMT</lastBuildDate>
        <atom:link href="https://medium.com/feed/dex01" rel="self" type="application/rss+xml"/>
        <webMaster><![CDATA[yourfriends@medium.com]]></webMaster>
        <atom:link href="http://medium.superfeedr.com/" rel="hub"/>
        <item>
            <title><![CDATA[UX Research: por onde começar?]]></title>
            <link>https://medium.com/dex01/ux-research-por-onde-come%C3%A7ar-4c6db684368c?source=rss----824b85b87187---4</link>
            <guid isPermaLink="false">https://medium.com/p/4c6db684368c</guid>
            <category><![CDATA[people]]></category>
            <category><![CDATA[pesquisa]]></category>
            <category><![CDATA[ux-design]]></category>
            <category><![CDATA[research]]></category>
            <category><![CDATA[ux]]></category>
            <dc:creator><![CDATA[Nathalia Alves]]></dc:creator>
            <pubDate>Fri, 24 Apr 2020 15:11:15 GMT</pubDate>
            <atom:updated>2020-04-24T15:16:27.097Z</atom:updated>
            <content:encoded><![CDATA[<h4>UX Research é sobre ser curioso, fazer perguntas e seguir um processo para encontrar respostas.</h4><p>A pesquisa de UX ajuda a direcionar melhor os caminhos, a identificar possibilidades e, também, a gastar menos dinheiro.</p><p>Mas muitas pessoas tem dúvidas de por onde começar. Ou acabam pensando que vai tomar muito tempo.</p><p>Como tornar isso mais fácil?</p><figure><img alt="Capa de UX Research" src="https://cdn-images-1.medium.com/max/1024/1*Tqh_2GapJ4Oca1_lv9-5_A.png" /></figure><h3>// Precisamos ser curiosos</h3><p>Eu ouvi uma vez uma pessoa falando que <strong>UX Research é menos sobre ser um cientista e mais sobre ser um detetive</strong>. E eu concordo completamente!</p><p>Sendo um detetive você precisa deixar de lado certas convenções ou lógicas. Trabalhar com pesquisa é sobre tentar entender como os usuários interagem em um determinado contexto. Significa ser curioso, mas um curioso nato. Você vai ter que cavucar.</p><p>Ser um detetive tem a ver com estratégia: qual o objetivo principal? e os específicos? o que precisamos alcançar? onde queremos chegar? o que é importante para o negócio? e para o usuário?</p><p>Vocês já viram alguém que trabalha com pesquisa ficar com apenas umas 5 abas na janela do Chrome? É quase impossível quando estamos tentando descobrir a relação entre um conteúdo e outro.</p><figure><img alt="Imagem mostrando várias abas e janelas de um navegador." src="https://cdn-images-1.medium.com/max/1024/1*eLyKT0JaCps5nPRuJIAFzQ.png" /><figcaption>O meu navegador sempre tem umas 4 janelas com umas 20 abas em cada 🤷‍♀️Entra numa notícia que te leva a um instituto de pesquisa, que te leva até uma outra pesquisa, que te leva a um pdf… e assim vai :)</figcaption></figure><p>É ser detetive mesmo! Procurar algo que faça sentido para as pessoas.</p><p>Quando falamos de UX estamos constantemente avaliando e juntando 3 características: <strong>Contexto, Conteúdo e Usuário.</strong></p><figure><img alt="Modelo de arquitetura de informação (Rosenfeld; Morville, 2002)" src="https://cdn-images-1.medium.com/max/1024/1*5z2yDQYTPYmxTaK6tZ7OkQ.png" /><figcaption>Modelo de arquitetura de informação (Rosenfeld; Morville, 2002)</figcaption></figure><p>Dependendo do Contexto, você vai precisar escolher um tipo de pesquisa. Essas pesquisas podem ser uma quali ou uma quanti. Pode ser uma desk research ou um card sorting. Pode ser uma entrevista com usuários ou uma análise de concorrentes. Tudo depende do contexto, do público e do que precisa obter.</p><p>Já ouvi muitos falarem que temos que ser advogados dos usuários. Mas, pra sermos advogados, precisamos entendê-los!</p><blockquote><strong>E é aí que entra a pesquisa ❤</strong></blockquote><blockquote>Precisamos dela pra que a gente possa compreender os usuários e só assim poder trabalhar de verdade com UX.</blockquote><h3>// Para ter em mente</h3><p>Trabalhar com pesquisa é ter diferentes visões e compreender que as pessoas são diferentes. Todas elas são diferentes. E o mais importante é que não existe certo e errado: o que existe na pesquisa é compreender o porquê daquilo estar errado para determinada pessoa.</p><p>Eu coloquei aqui algumas coisas que aprendi :P</p><p><strong>01) As pessoas são diferentes e você precisa entender isso pra projetar.</strong> Não vai adiantar dizer que as pessoas estão usando errado porque isso não vai resolver o problemas delas, ou vai?</p><p><strong>02) As melhores descobertas vem de um grupo de pessoas diversas.</strong> Quando estamos recrutando pessoas pra participar de pesquisas podemos cair na armadilha de recrutar pessoas muito parecidas. Um produto não possui apenas um único usuário ou uma só persona: precisamos pensar de forma diversa. Quanto mais diverso, mais características de uso tu pode encontrar.</p><p><strong>03) Organize e planeje! </strong>Quanto mais planejar, mais você vai estar preparado pra executar. Isso pode fazer com que se gaste menos dinheiro também porque a pesquisa vai ser executada da melhor forma possível :)</p><p><strong>04) Imprevistos acontecem e você vai errar. </strong>Por mais planejado que estiver, por mais que você esteja preparado, vai ter que aprender a ser “safo” kkkkk. Às vezes a internet não vai funcionar ou vai dar algum bug no produto. Ou vai esquecer de uma pergunta. Ou a tua pergunta tava muito complexa. Enfim, muitas coisas podem acontecer. Testes de usabilidade são ótimas formas de aprender novas maneiras de comunicar, instruir e ajudar.</p><p><strong>05) Seja observador e não leve pro lado pessoal. </strong>Quando testamos um produto que é nosso pode dar aquela dorzinha de “eu que fiz e ele tá lindo e perfeito e…” e aí o usuário odiou. Acontece. Faz parte. Fez o que pode. O importante é tentar pensar de forma objetiva, racional e observar. O que será que levou ele a dizer isso? Será realmente que eu não estou deixando meu lado pessoal interferir? É um exercício de design aprender a largar o osso :)</p><h3>// Executando uma pesquisa \o/</h3><p>Eu gosto de dividir em 3 etapas na hora de executar:</p><p><strong>01) Defina um problema de pesquisa: </strong>o que você precisa descobrir?</p><p><strong>02) Escolha a técnica ideal e execute: </strong>qual a melhor forma de descobrir?</p><p><strong>03) Documente suas descobertas:</strong> porque só assim podemos compartilhar nossos achados com todos :)</p><p>E lembra:</p><blockquote>“Pesquisa é rigor. É a diferença entre projetar para humanos de verdade e apenas ter uma opinião.”</blockquote><blockquote>— — — — — — Adam Polansky — UX strategist</blockquote><h4><strong>Defina um problema de pesquisa</strong></h4><p>O grande problema de todo curioso é saber quando parar. É importante definir o que você precisa e o que quer descobrir porque senão tu nunca vai terminar.</p><p>Adicione o <strong>objetivo geral</strong> e também os <strong>objetivos específicos</strong>. Você deve se guiar pelo objetivo geral do produto mas também sobre o que você precisa descobrir de forma específica. Qual o real motivo de executar a pesquisa?</p><p>Para o <strong>objetivo geral</strong>, você precisa pensar de forma abrangente. É uma visão mais abrangente do tema que você quer pesquisar.</p><p>Para os <strong>objetivos específicos</strong>, você precisa pensar de um jeito mais detalhado, levando em consideração algumas situações.</p><p><strong>Todos esses objetivos devem ser escritos no verbo infinitivo</strong> e devem levar em consideração não apenas a nossa vontade. Precisamos ter em vista que os objetivos podem representar uma possibilidade de se obter metas, resultados ou outras finalidades que a pesquisa deseja atingir.</p><figure><img alt="Sugestão de verbos para iniciar a construção de objetivos de acordo com a categoria" src="https://cdn-images-1.medium.com/max/1024/1*fWwGYOriZUlyWh1DlY8A7g.png" /><figcaption>Sugestão de verbos para iniciar a construção de objetivos de acordo com a categoria</figcaption></figure><h4>Escolha um método e execute</h4><p>Você precisa descobrir o que as pessoas <strong>dizem</strong> ou pensam sobre um assunto ou o que as pessoas <strong>fazem</strong>?</p><p>ou</p><p>Você quer entender <strong>o porquê</strong> das coisas acontecerem ou<strong> a quantidade</strong> de vezes em que acontece?</p><figure><img alt="Gráfico de métodos de pesquisa (baseado no modelo publicado pela nngroup)" src="https://cdn-images-1.medium.com/max/1024/1*CuZsmWLREtIaQDKNVNKH1w.png" /><figcaption>Gráfico de métodos de pesquisa (baseado no modelo publicado pela nngroup)</figcaption></figure><p>Agora olhe pro gráfico acima e identifique qual o principal objetivo da sua pesquisa. Aqui embaixo tem alguns direcionamentos que podem ajudar:</p><p><strong>LADO ESQUERDO: </strong>se você quiser entender melhor o porquê das coisas acontecerem, utilize as técnicas que estão do lado esquerdo do gráfico.</p><p><strong>LADO DIREITO:</strong> use se quiser entender quantas vezes as coisas acontecem.</p><p><strong>EM CIMA: </strong>se você quer entender o que as pessoas fazem ao utilizar o produto, use a parte de cima.</p><p><strong>EMBAIXO: </strong>se você precisa ouvir mais as pessoas ao invés de ver o que elas fazem, use a parte debaixo do gráfico.</p><p>É isso :)</p><h4><strong>Documente suas descobertas. Só assim você pode compartilhar :)</strong></h4><p>Uma pesquisa só é válida quando conseguimos transmitir a informação para todos.</p><p>Algumas coisas que ajudam a organizar os resultados:</p><p>01) <strong>faça uma tabela no excel pra compilar todos os dados</strong>. Ela vai ajudar a entender melhor e identificar pontos parecidos em todas as entrevistas. Uma coisa legal que às vezes a gente esquece é anotar os tempos dos vídeos e quanto tempo o usuário levou em cada uma das tarefas.</p><p>02) <strong>estruture a apresentação antes de executar</strong>. Ou seja, quais são os pontos mais importantes e o que tu quer que as pessoas levem dessa apresentação? Uma coisa legal é sair do keynote, ppt ou qualquer ferramenta. Pega post it ou bloco de notas e escreve o que ficou na tua cabeça. Quais coisas que aconteceram são mais importantes?</p><p>03) <strong>Divulgue</strong>. Uma pesquisa não funcionará se ficar engavetada. Vai por mim: é fácil esquecer que uma pesquisa existe. Mas tem alguns pontos que estão ao nosso alcance:</p><p>- <strong>Deixa tua apresentação bonita!</strong> ❤ Uma pesquisa bonita é mais difícil de ser deixada de lado.</p><p>- <strong>Explica os gráficos nos slides</strong>. A pesquisa vai ser enviada para muitas pessoas e precisa estar clara.</p><p>-<strong> Tenta manter duas estruturas, uma de início e outra de fechamento</strong>: inicie com um <strong>sumário executivo </strong>para aquelas pessoas que não tem muito tempo pra consumir o conteúdo e termina com uma<strong> lista de insights</strong>, coisas que tu identificou como <strong>possíveis melhorias</strong>.</p><p>Não importa quanto tempo você gaste fazendo protótipo, deixando a tela bonita ou pensando em como os usuários irão utilizar. Sempre vai precisar testar com pessoas reais. O projeto é do mundo.</p><p>E por fim, quanto mais você organiza a pesquisa, mais tempo e energia economiza no caminho.</p><p>Uma coisa é mais importante que qualquer outra: <strong>COMECE! Tudo fica mais fácil depois que se inicia.</strong></p><h3><strong>Quer aprender mais sobre research?</strong></h3><p>Aqui vai algumas dicas de livros:</p><p><strong>UX Research // </strong>livro que ajuda a entender o contexto, como usar, quais são as técnicas.</p><p><a href="https://ler.amazon.com.br/kp/embed?asin=B01N9BZ060&amp;preview=newtab&amp;linkCode=kpe&amp;ref_=cm_sw_r_kb_dp_7HGOEb232EQ13">UX Research: Practical Techniques for Designing Better Products</a></p><p><strong>Do design thinking ao design doing // </strong>livro que ajuda a entender como a empatia nos ajuda a criar soluções</p><p><a href="https://ler.amazon.com.br/kp/embed?asin=B00NE6MFUA&amp;preview=newtab&amp;linkCode=kpe&amp;ref_=cm_sw_r_kb_dp_JJGOEbSYKS6QX">Well-Designed: How to Use Empathy to Create Products People Love</a></p><p><a href="https://www.amazon.com.br/Design-Storytelling-Ellen-Lupton/dp/194230319X/ref=sr_1_1?__mk_pt_BR=%C3%85M%C3%85%C5%BD%C3%95%C3%91&amp;crid=3O0STIGHR4DQB&amp;keywords=design+is+storytelling&amp;qid=1587677447&amp;s=books&amp;sprefix=design+is+%2Cstripbooks%2C267&amp;sr=1-1"><strong>Design is storytelling</strong></a> // livro que ajuda a entender que o design é mais do que uma tela, uma marca ou uma solução. É sobre contar histórias.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=4c6db684368c" width="1" height="1" alt=""><hr><p><a href="https://medium.com/dex01/ux-research-por-onde-come%C3%A7ar-4c6db684368c">UX Research: por onde começar?</a> was originally published in <a href="https://medium.com/dex01">DEx01</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Percepções visuais no duro dia a dia de um usuário que sofre sem perceber]]></title>
            <link>https://medium.com/dex01/percepcoes-visuais-no-duro-dia-a-dia-de-um-usuario-que-sofre-sem-perceber-a16663ca95ab?source=rss----824b85b87187---4</link>
            <guid isPermaLink="false">https://medium.com/p/a16663ca95ab</guid>
            <category><![CDATA[research]]></category>
            <category><![CDATA[ui]]></category>
            <category><![CDATA[ui-design]]></category>
            <category><![CDATA[user-interface]]></category>
            <dc:creator><![CDATA[Nano]]></dc:creator>
            <pubDate>Tue, 14 May 2019 19:49:32 GMT</pubDate>
            <atom:updated>2019-05-14T19:49:32.231Z</atom:updated>
            <content:encoded><![CDATA[<p>Oi!</p><p>Inicialmente, o nome desse artigo seria: Percepções Visuais no Digital. Mas depois de um tempo eu pensei que o que eu sofria diariamente poderia ser algo mais complicado do que um simples título que não quer dizer nada.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*XFoFDMpfkMdaozRxZ6jH_g.jpeg" /></figure><p>Numa introdução básica, a percepção visual é uma das maneiras mais produtivas e rápidas através das quais as pessoas são capazes de obter informações e processá-las pelo cérebro. Ela <em>(a percepção visual) </em>possui uma influência em muitos aspectos da vida. O designer, ao negligenciar isso na criação de produtos para os usuários, pode ser extremamente imprudente.</p><p>Antes de falar do digital, precisamos falar sobre objetos reais e como eles interferem em nossas vidas. Mesmo de maneira sutil, nos tornamos esquizofrênicos e nem notamos :)</p><h3>1. Portas</h3><p>Garanto que todo mundo já se incomodou, mesmo que seja por uma fração de segundos com portas desse tipo:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/600/1*cfCTMueW2nbC_DM5ofccqg.gif" /></figure><p>Ou placas que te dizem tudo, altamente ilustrativas e até coloridas:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/808/1*JLrRMH31eZ8BoHiR-12CTw.png" /></figure><p>Essas placas podem parecer simples e de fácil interpretação, mas elas não deveriam existir! Como diria Donald Norman, &quot;todas são o fruto da preguiça mental de algum designer&quot; que não resolveu o problema simples da vida de pessoas que tem um mísero objetivo: ultrapassar a porta para chegar do outro lado, sem que nada te impeça, nem mesmo um pensamento de dúvida do que se tem à fazer.</p><h3><strong>Quando vemos essas placas, temos o efeito que tudo grita para o usuário e nada é ouvido.</strong></h3><p>A regra básica para construção de portas é um segredinho guardado no bolso do designer preguiçoso: <strong>diminuir ruídos e deixar do jeito que uma criança de 3 anos entenderia: se não tem onde pegar, só resta empurrar. Se tem onde pegar, obviamente é pra puxar.</strong></p><p>Algumas pessoas devem estar pensando: <br>-Mas as portas automáticas não resolvem esse problema? <br>Sim, resolvem, aliás, são ótimas quando funcionam perfeitamente, porém nem todas são perfeitas e nem todas as pessoas sabem usa-las.</p><p><strong>&lt;&lt;&lt; veja o vídeo por favor, não precisa assistir todo :) &gt;&gt;&gt;</strong></p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FIoTK90qvFIg%3Ffeature%3Doembed&amp;url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DIoTK90qvFIg&amp;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FIoTK90qvFIg%2Fhqdefault.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=youtube" width="854" height="480" frameborder="0" scrolling="no"><a href="https://medium.com/media/0e26fc8c9b95923c3ea2dee4d5a7103b/href">https://medium.com/media/0e26fc8c9b95923c3ea2dee4d5a7103b/href</a></iframe><h3>2. Elevadores</h3><p>Os elevadores são locais onde o uso de fragmentos visuais podem gerar muitas indignações em poucos segundos, o que gera um mini estresse mental no usuário:</p><p>Existem elevadores que explicam o óbvio:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/300/1*hDfNITQ01H70MZjur0-HZA.png" /></figure><p>Tem os que parecem um campo minado, parece que se você errar o andar ele explode:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/300/1*bkciQ0iY3c00G-960iW11A.png" /></figure><p>O Elevador Tele-Sena que usa uma ordem só pra ferrar com sua sanidade:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/300/1*UBvW-6w8wCl9CPRojQRQ4A.png" /></figure><p>Quer passar dificuldade? Use esse elevador com dislexia severa:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/300/1*um5lAwXIlat2cHU2Ykv55g.png" /></figure><p>E por último, tu chuta um botão e vê onde vai dar.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/661/1*IvA7bV4UHBG3sseJdPh_rA.png" /></figure><p>Por que o elevador, que deveria ser muito simples se torna um mini problema diário? Porque nem todo mundo conhece a <strong>lógica do elevador.</strong></p><h3>3. Lógica do Elevador</h3><p>Pergunta: Você está no 5º andar, e gostaria de chegar no 10º andar. O elevador está no 9º andar. Você aperta pra descer ou pra subir?</p><p>Resposta correta:<br>Você aperta para subir, porque é você que gostaria de subir, não o elevador. Esse é o seu objetivo. Ele determina uma ação pra máquina executar, que por lógica faz a ação correta :)</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/600/1*eDqqK-L1D5K06HERUkNrpg.gif" /></figure><p>A lógica é simples:<br><strong>Eu sendo usuário quero subir, portanto eu aperto o botão que possui uma seta para cima.</strong></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*4F7j0MHeajaPIUGpS-pdww.png" /></figure><p>Ela é muito simples mesmo, porém nem todo usuário é obrigado a saber que a seta pra cima significa isso e a seta pra baixo significa aquilo.</p><h3>4. O maravilhoso (nem tanto) mundo digital</h3><blockquote>É neste momento que entro no design digital, porque temos esse mesmo problema em muitas interfaces que não deixam claro o que representa um ícone qualquer.</blockquote><p>Não é suficiente fazer os usuários verem os elementos visuais. É vital fazê-los reconhecer e entender rapidamente sua mensagem.<br>O olho humano identifica imagens muito mais rápido que o texto. As pessoas precisam de cerca de 1/10 de segundo para obter uma percepção visual de um elemento gráfico. Em contrapartida, reconhecimento significa não apenas velocidade, mas também ação correta ou informação que este ícone deve trazer ao usuário.</p><p>Então designer, a decisão de aplicar ícone, texto ou ambos no layout deve ser baseada em uma análise cuidadosa do público-alvo e na compreensão das metas e conversões que devem ser obtidas através da interação.</p><p>Confira um <strong>~checklist rápido das suas obrigações como designer entendedor de percepções visuais no ambiente digital~</strong> que ajudam a tornar a decisão mais fácil de qual estimulo visual você deve aplicar na sua interface:</p><ol><li>Público-alvo (capacidades físicas, idade, formação cultural, desenvolvimento geral e nível de educação)</li><li>Habilidades de leitura do usuário típico</li><li>Ambiente típico de uso do produto</li><li>Nível de disseminação global ou local do produto</li><li>Nível de reconhecimento dos gráficos escolhidos</li><li>Nível de distração / concentração fornecida pelos gráficos</li></ol><p>Todos os pontos mencionados tratam das habilidades cognitivas humanas que influenciam a qualidade e a eficiência da percepção de dados visuais.</p><h3>5. Mistery Meat Navigation</h3><blockquote>O termo “Mistery Meat&quot; (carne misteriosa) é originário da carne servida em refeitórios de escolas públicas americanas que foram processadas de tal maneira que o tipo de animal era impossível descobrir.</blockquote><p>Já o Mistery Meat Navigation é um termo usado em 1998 por Vincent Flanders do famoso site <a href="http://www.webpagesthatsuck.com/">Web Pages That Suck</a>. Refere-se a botões ou links que não explicam a você o que eles fazem. Em vez disso, você precisa clicar neles para descobrir.</p><p>Não precisamos ir aos primórdios da internet para ver interfaces desses tipo. No Google Maps por exemplo temos exemplos de ícones que tornam o significado abrangente até mesmo para heavy users.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*cA6RVsjX4DE-3OR84iCoEA.png" /></figure><p>No exemplo abaixo, pode parecer óbvio os significados, mas na hora do uso você precisa apertar o botão para descobrir que ação vai acontecer. Isso é ruim e não pode se tornar referência.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*oX5BiUkYYIVAdsLAO2_QLw.png" /></figure><p>Navegação em cabeçalhos do Android, você precisa aprender o que cada símbolo minimalista significa. É lindo, mas o amor a primeira vista não acontece. Precisa conhecer os pais, jantar, levar no cineminha pra depois descobrir que o botão que é uma bolinha ou um quadradinho significam alguma coisa.</p><p>Isso não é mal só de Android, IOS também tem problemas, mas eles descobriram que nestes casos o melhor é ter legenda para facilitar a vida do usuário. Veja alguns exemplos:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*dlbNGytK0q-bI0JonJhMQg.png" /></figure><p>O próximo exemplo mostra como a percepção visual impacta em ícones simples.</p><p><strong>Cenário 1<br>Objetivo:</strong> Usuário gostaria de esconder o valor do seu saldo no app do banco para não mostrar para pessoas que estão ao seu redor.<br><strong>Ação: </strong>Usuário clica no ícone que supostamente faz a ação de esconder o saldo.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*uKTqNfokAzzTkOAV1238LA.gif" /></figure><p>Nota-se que nesse cenário podemos utilizar outros ícones com o mesmo significado de desativar, porém vemos um <strong>problema</strong> ao transformar este ícone de ação num botão com legenda:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*uBFYgZH50SQHg_bsXisbEQ.png" /></figure><h3>Por isso, o uso do ícone de <strong>olho aberto </strong>para desativar o saldo<strong> </strong>na minha percepção visual está incorreto.</h3><p>No<em> Cenário 1</em> eu vou contra a <strong>lógica do elevador</strong>, lembram?<br><strong>Eu sendo usuário quero fazer algo, nesse caso esconder o saldo, portanto eu aperto o botão de esconder o saldo (o ícone de olho fechado).</strong></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*25pdfhvJ345JJVQ8bIQ9qQ.png" /></figure><p>Exemplos como Play e Pause usam a mesma lógica</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*1Jii3nTyTIEgoRDvIfIEjA.png" /></figure><h3>Nossa isso é uma maravilha! Vou usar essa lógica sempre! Nem sempre amigo designer, nem sempre :(</h3><p>Saca só o exemplo de um ícone de áudio:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*iXfCHdoHxgH7BMRPV9ltlw.png" /></figure><p>Sabemos que design não é uma matemática exata, e quando se fala de percepção visual fica mais longe ainda esse ideal. Nosso papel é ser um facilitador, reduzindo os ruídos entre as interfaces e as pessoas. Seja um designer visual que ilumine a vida das pessoas 😇, não seja o diferentão disruptivo na escolha dos estímulos visuais que necessitam da ação do usuário.</p><p>bju :)</p><p><strong>Referências:</strong></p><p><a href="https://www.amazon.com.br/Design-do-Dia/dp/8532520839">O design do dia a dia</a></p><p><strong><em>Pesquisas:</em></strong><em><br>The art of seeing: visual perception in design and evaluation of non-photorealistic rendering BY ANTHONY SANTELLA — New Brunswick, New Jersey May, 2005</em></p><p><em>Art, Perception an information Processing: An Evolutionary Perspective BY Derek Hodgson (Rock Art Research 2000, 17(1):3–34)</em></p><p><strong><em>Sites</em></strong><em><br>piktochart.com / uxplanet.org / gigazine.net / eyesparks.com / tubikstudio.com</em></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=a16663ca95ab" width="1" height="1" alt=""><hr><p><a href="https://medium.com/dex01/percepcoes-visuais-no-duro-dia-a-dia-de-um-usuario-que-sofre-sem-perceber-a16663ca95ab">Percepções visuais no duro dia a dia de um usuário que sofre sem perceber</a> was originally published in <a href="https://medium.com/dex01">DEx01</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Sobre arquitetura de informação]]></title>
            <link>https://medium.com/dex01/sobre-arquitetura-de-informa%C3%A7%C3%A3o-f0199338f0d8?source=rss----824b85b87187---4</link>
            <guid isPermaLink="false">https://medium.com/p/f0199338f0d8</guid>
            <category><![CDATA[arquitetura-de-informação]]></category>
            <category><![CDATA[user-experience]]></category>
            <category><![CDATA[design]]></category>
            <category><![CDATA[context]]></category>
            <dc:creator><![CDATA[Nathalia Alves]]></dc:creator>
            <pubDate>Thu, 13 Sep 2018 14:32:37 GMT</pubDate>
            <atom:updated>2018-09-13T14:33:13.611Z</atom:updated>
            <content:encoded><![CDATA[<h4>Não há uma fórmula mágica que nos diz como organizar as coisas dentro de um projeto: depende do contexto e do propósito :)</h4><p>Quando falamos de Experiência do Usuário, estamos falando sobre algo que não está apenas na utilização de um produto, mas em algo que acompanha o usuário durante todo o percurso dele de contato com uma marca.</p><p>Ou seja, cada ponto de contato é importante.</p><p>Antigamente, os primeiros profissionais de UX foram chamados de “arquitetos de informação”. Isso porque uma das bases da área de UX é a Arquitetura de Informação.</p><p>Segundo grandes autores, a Arquitetura de Informação (AI) é aquilo que dá sentido pro conteúdo, pra estrutura, que faz com que os usuários consigam utilizar algo.</p><p>AI é uma combinação de organização, navegação, taxonomia e tem o objetivo de fazer o usuário entender mais rápido um conteúdo.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*kjW9uYyhSAo6WeRz7D54ow.png" /><figcaption>Referência: imagem do livro Information Architecture: for the web and beyond (ROSENFELD; MORVILLE; ARANGO, 2015)</figcaption></figure><p>Provavelmente você já deve ter visto esse gráfico em algum lugar. Mas, basicamente, ele quer dizer o seguinte:</p><ul><li>Você precisa entender o <strong>CONTEXTO</strong>: quais as necessidades do negócio, o que você precisa desenhar, quais as restrições do projeto. É importante que antes de começar a desenhar, você entenda o contexto para depois entender o que fazer com o conteúdo.</li><li><strong>CONTEÚDO</strong>: o que deve ser colocado no site? como deve ser organizado? Existe algum conteúdo que não deve estar lá? por quê? Essa etapa é importante para que você consiga organizar a arquitetura de informação e contemple todas as informações importantes.</li><li><strong>USUÁRIO</strong>: essa é a grande chave: as pessoas possuem necessidades, vontades e opções diferentes. Cada uma delas, em cada projeto, será diferente. Precisamos entender quem é o nosso usuário e juntar essas informações com o Contexto e o Conteúdo do site. Exemplo: dá pra falar de forma informal quando estamos fazendo um site para o Governo? Até dá mas depende do CONTEXTO.</li></ul><h4><strong>Quando tu descobre mais sobre o dia a dia do teu usuário, tu consegue entender onde ele enxerga valor: que coisas ele precisa, quando e porque.</strong></h4><h4><strong>Mas por que a arquitetura de informação é importante?</strong></h4><p>Vamos imaginar. Você está querendo pedir uma comida num restaurante e pede dessa forma pro garçom:</p><ul><li><strong>Você:</strong> Oi.</li><li><strong>Garçom:</strong> Oi. Quer fazer o pedido?</li><li><strong>Você:</strong> Sim.</li><li><strong>Garçom:</strong> O que você quer?</li><li><strong>Você:</strong> Um prato do dia.</li><li><strong>Garçom:</strong> Com frango ou com carne?</li></ul><p>… e por ai vai.</p><p>E se fosse assim:</p><ul><li><strong>Você: </strong>Oi, gostaria de fazer o pedido. Quero um prato do dia com carne.</li><li><strong>Garçom:</strong> Ok! Você vai querer bebida?</li></ul><p>Funciona da mesma forma com a Arquitetura de Informação. Ela ajuda a deixar as coisas mais organizadas, simples e objetivas.</p><p>A AI é formada por 4 itens:</p><ul><li><strong>Sistema de organização: agrupamento e organização; </strong>Como entendemos o mundo? Cada um de nós enxerga e compreende de uma forma. Temos que tentar entender tanto a perspectiva de quem vai utilizar o produto ou serviço quanto os objetivos do negócio. O que você pode usar pra organizar as informações: ordem alfabética, por tempo, por localidade, por tipo de público, por tipo de departamento, orientado à tarefa… A gente não precisa colocar tudo na cara do usuário: podemos ir mostrando aos poucos o conteúdo. O importante é manter a consistência.</li><li><strong>Sistema de navegação: formas de navegar entre as infos; </strong>Um menu bem direitinho vai fazer com que as pessoas consigam encontrar o que procuram mais rápido e de forma mais eficiente. Imagina um menu global. Mas quando tu entrar em uma outra página, tem outro menu… mas ele funciona apenas para aquela página. O primeiro menu é considerado um menu global, que tu pode usar pra navegar de uma seção pra outra. O segundo menu, chamamos de “menu contextual”, ou seja, ele serve para auxiliar a navegação dentro de um conteúdo específico.</li><li><strong>Sistema de rotulação: como representar a informação;</strong> Essa é um dos principais itens da Arquitetura de Informação. Eu já trabalhei com muitos bancos. Cada um tinha um tipo de público e queria atingir um objetivo. Qual termo será mais adequado: Empréstimos e Financiamentos, Empréstimos ou Crédito? Cada um dos bancos, alinhados às necessidades de negócio, tinha uma visão diferente dessa nomenclatura. Isto é, depende do contexto e do público.</li><li><strong>Sistema</strong> <strong>de busca: como o usuário pode procurar algo no site, o que ele pode perguntar para alcançar o que ele precisa; </strong>Você já imaginou um site enorme sem uma busca? Se a gente entra num site já sabendo o que quer, por que não utilizar uma busca, né?!</li></ul><p>O usuário está no controle. Ele escolhe como quer navegar, procurar. O nosso papel é mostrar os caminhos e as possibilidades para que ele encontre o que procura.</p><p>A arquitetura de informação facilita a vida do usuário. Ela conecta o usuário ao conteúdo que ele está buscando.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*PWe7ESv8K9fJTA7ABbTQ0g.png" /></figure><p>Antes de qualquer coisa, uma <strong>boa arquitetura </strong>vai fazer com que o usuário consiga encontrar o que procura, sem problemas. Depois disso, <strong>simplicidade</strong> e <strong>elegância</strong> são detalhes importantes que fazem com que exista prazer em ter e usar algo.</p><h4>Lembre-se: você tem que passar pela experiência, abraçar a <strong>cultura</strong> e compreender o que os usuários realmente <strong>precisam</strong> para então produzir algo relevante pra eles.</h4><p><strong>Livros e links recomendados:</strong></p><ul><li><a href="https://www.amazon.com.br/Information-Architecture-Beyond-Louis-Rosenfeld/dp/1491911689">Information Architecture: For the Web and Beyond</a></li><li><a href="https://brasil.uxdesign.cc/os-entreg%C3%A1veis-da-arquitetura-de-informa%C3%A7%C3%A3o-ff03baf3ba45">Os entregáveis da Arquitetura de Informação</a></li></ul><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=f0199338f0d8" width="1" height="1" alt=""><hr><p><a href="https://medium.com/dex01/sobre-arquitetura-de-informa%C3%A7%C3%A3o-f0199338f0d8">Sobre arquitetura de informação</a> was originally published in <a href="https://medium.com/dex01">DEx01</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Estamos formando designers digitais que só pensam no visual]]></title>
            <link>https://medium.com/dex01/estamos-formando-designers-digitais-que-so-pensam-no-visual-3470b1ed7c0b?source=rss----824b85b87187---4</link>
            <guid isPermaLink="false">https://medium.com/p/3470b1ed7c0b</guid>
            <category><![CDATA[ux-design]]></category>
            <category><![CDATA[user-centered-design]]></category>
            <category><![CDATA[university]]></category>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[universidade]]></category>
            <dc:creator><![CDATA[Thaís Pinheiro]]></dc:creator>
            <pubDate>Mon, 06 Aug 2018 16:49:11 GMT</pubDate>
            <atom:updated>2018-08-06T16:49:11.150Z</atom:updated>
            <content:encoded><![CDATA[<h4>O que falta para o UX Design chegar à academia?</h4><p>O debate sobre a necessidade latente da construção de uma cultura de design que considere, de fato, os usuários, vem se fortalecendo à medida que mais vozes se juntam ao coro; entretanto, a entrada dessa discussão nos ambientes acadêmicos – nas salas de aula, mais especificamente – não parece progredir no mesmo ritmo que as discussões no âmbito mercadológico. Por quê?</p><p>Convido-os a refletir.</p><h4>O Design não é necessariamente algo recente no Brasil.</h4><p>Não quando nossa noção de tempo é pautada pela volatilidade do mundo digital, pelo menos. Isso se deu por volta do início da década de 1950 e, posteriormente, com a ESDI (Escola Superior de Desenho Industrial) sendo fundada em 1963 no Rio de Janeiro; ou seja, a base do design nacional é contemporânea do período de super industrialização e dos reflexos do modernismo da Escola de Ulm. Mas isso foi muito antes dos computadores, da ascensão (e do questionamento) do “mobile-first” e do design digital como um todo, que só veio se estabelecer por aqui nos anos 90, aproximadamente.</p><p>A experiência do usuário – e o estudo dos fatores a ela relacionados – não é exclusiva ao design digital, é claro. Só que em áreas como o design gráfico e de produto, as preocupações com ela e com a adequação de uso costumam recair diretamente sobre disciplinas cujo escopo raramente abrange o assunto em detalhes, salvo se para projetos ditos “inclusivos” de condição <em>x</em> ou <em>y</em>.</p><p>As pessoas vêm lendo material impresso em cadeiras levemente desconfortáveis há séculos: não acontece o simples abandono destes materiais. As pessoas até reclamam, mas os toleram. Essa normalização praticamente inexiste no mundo digital; <strong>somos imediatistas</strong>, e a esta altura já sabemos que se determinado site ou aplicativo não atende nossas necessidades, outro provavelmente o fará.</p><h4>As graduações em design digital, no entanto, são bem jovens.</h4><p>Aqui, é possível notar um ponto que ajuda a compreender por que a coisa parece andar a passos lentos no meio acadêmico: com um total de 1084 cursos de Design pelo Brasil, são apenas 9 graduações especificamente em design digital, o que representa menos de 1%; dessa fatia, a maioria existe há cerca de uma década. Isto é: <strong>os cursos que estão em vigência atualmente, surgiram, em sua grande maioria, a meados dos anos 2000</strong> – um momento em que, no Brasil, a web ainda estava engatinhando.</p><p>Antes de haver uma cultura de UX Design, é preciso que haja uma do design digital em si. Essa juventude da área, é claro, se reflete diretamente no quão desenvolvido é seu ensino e no quão enraizada a sua cultura se mostra.</p><blockquote>O mundo digital e a tecnologia como um todo evoluem muito rápido. As pessoas, nem tanto.</blockquote><p>Quando analisamos as grades curriculares dessas graduações, notamos uma série de áreas mais “específicas” ao UX Design pulverizadas em disciplinas sob outras nomenclaturas, e espalhadas aparentemente​ sem critério, dificultando a aplicação prática das mesmas. Me refiro às disciplinas cujo foco não é somente o design visual.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*uy3jv_xvaooewvNU0KTYOQ.png" /><figcaption>UX é um processo que engloba várias áreas</figcaption></figure><p>E não é que não haja produção acadêmica sobre o assunto; na verdade, muitos artigos e dissertações quem vêm sendo publicados recentemente são pautados justamente pela lente da experiência do usuário. Ou seja: <strong>a discussão chegou à academia, mas será que a todos os ambientes?</strong></p><p>Infelizmente, parece que não.</p><p>Acontece que, dentro das universidades, os saberes <em>precisam</em> ser fragmentados, divididos em “cadeiras” – muitas vezes sem que qualquer interdisciplinaridade seja proposta, sem que haja uma “costura” dos conteúdos. Então, a não ser que o aluno se interesse pela área por conta própria, por relações que venha a construir a partir de seu repertório, é pouco provável que o mindset de UX se torne realmente parte de sua vida a partir de apenas algumas aulas discutindo diretrizes para interfaces com o usuário ou um semestre estudando arquitetura de informação.</p><h4>Um fator que provavelmente complica essa relação é a recorrente glorificação da “experiência”.</h4><p>Ouvimos e ouvimos sobre como é preciso melhorar a experiência dos produtos, mas pouco é falado sobre as pessoas que os estão usando.</p><p>Frequentemente, no design, nos vemos extremamente focados nos produtos que estamos criando; <em>somos estimulados a isso</em>. Mas, se estamos criando algo, é porque há uma demanda ou necessidade – e por trás disso, há pessoas! Precisamos urgentemente falar sobre pessoas e sobre empatia. Isso é outra discussão, da qual a Nathi tratou <a href="https://medium.com/dex01/n%C3%B3s-precisamos-falar-sobre-empatia-3544d1eec4fc">nesse post</a>.</p><p>De qualquer forma, o berço mercadológico e industrial do design no Brasil em nada colabora para que as universidades formem e coloquem no mercado (ou na própria academia) designers pesquisadores, que tenham interesse em entender, de fato, para <em>quem</em> fazem o que fazem.</p><h4>Vemos tantos TCCs e dissertações a respeito porque eventualmente, alguém não vai se dar por satisfeito e vai ler ou pedir orientação a um professor da área.</h4><p>E isso, sim, funciona – na construção dita sofrida das monografias, tem-se a chance de buscar um saber integrado, pesquisar e unir os assuntos estudados durante o curso (ou buscados posteriormente) para um único fim. Mas, honestamente, não seria melhor se todos os estudantes de design digital tivessem a oportunidade de, pelo menos, optar por um currículo que verdadeiramente abrangesse UX?</p><p>A verdade é que conforme o espaço do UX Design se expande e solidifica no mercado,<strong> vão ser necessários mais profissionais “na roda”</strong>; nem todos os lugares estão abertos a treinar pessoas praticamente do zero, e vão buscar gente nova, mas com alguma base.</p><p>Gente, essa, que sai de onde?<br>Exatamente: das universidades.</p><h4>Se a academia não se ajustar em breve, a coisa pode passar a não se sustentar.</h4><p>É importante dizer, aqui, que a minha percepção é a de uma estudante de design digital que conheceu o UX Design através do trabalho, não da faculdade.</p><p>Muitas são as causas para as quais a situação aponta, mas uma coisa é certa: isso precisa – e tem como – mudar; temos muitos bons designers, e o número de pessoas diretamente envolvidas com UX só aumenta. Para essa mudança acontecer, precisamos desses designers fazendo a diferença na academia, trazendo o assunto à tona e empoderando seus alunos com a informação de que <strong>há mais ao design do que gráficos bonitos e cores bem escolhidas</strong>; para que, juntos, busquem alguma mudança na estrutura curricular.</p><p>Quem sabe, assim, possamos formar mais designers familiarizados com a ideia de que não se faz design sem ouvir, observar, e, principalmente, <em>entender</em> as pessoas.</p><p>Mais a fundo na importância das pessoas e da empatia para o design, leiam o texto da Nathi que citei acima:</p><p><a href="https://medium.com/dex01/n%C3%B3s-precisamos-falar-sobre-empatia-3544d1eec4fc">Nós precisamos falar sobre empatia 🙋🏻</a></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=3470b1ed7c0b" width="1" height="1" alt=""><hr><p><a href="https://medium.com/dex01/estamos-formando-designers-digitais-que-so-pensam-no-visual-3470b1ed7c0b">Estamos formando designers digitais que só pensam no visual</a> was originally published in <a href="https://medium.com/dex01">DEx01</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Design de marcas para startups]]></title>
            <link>https://medium.com/dex01/design-de-marcas-para-startups-9d50068614f5?source=rss----824b85b87187---4</link>
            <guid isPermaLink="false">https://medium.com/p/9d50068614f5</guid>
            <dc:creator><![CDATA[Cristiano da Silva Fernandes]]></dc:creator>
            <pubDate>Tue, 08 May 2018 03:35:40 GMT</pubDate>
            <atom:updated>2018-05-08T14:43:47.762Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*8hvlWk4HVimN92B4ZUKMsA.png" /></figure><p>Meu <em>background</em> é em design gráfico e de produto. Minha formação original forçava seguir este caminho, e só depois que me tornei um empresário do digital e entendo que o digital é a força que move o design atualmente.</p><p>Mas ainda vamos consumir produtos com caixas de papel, por exemplo e que são peças de design. E isso não tem como ser digital.</p><p>Dentre estes produtos &quot;não digitais&quot; está o design de marca, ou branding. Que pode sim ser parte digital, mas ainda se reflete muito no &quot;offline&quot;.</p><p>Já faz alguns anos que venho tentando entender qual o melhor caminho para fazer uma marca nova ou melhorar uma que já existe. Mas isso não importa, pois as duas opções dão quase o mesmo trabalho.</p><p>Já trabalhei com marcas novas, marcas que eram fusões de negócios, marcas de evento e claro, marcas para startups. Algumas desde o nome até o cartão de visitas final.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ChGkGybtX5cDBvwkwJkceQ.png" /><figcaption>Desdobramentos da marca da startup 4all, que participei da co-criação, de Porto Alegre</figcaption></figure><p>Este aprendizado — em design, aprendemos e refinamos todo dia — me fez entender que temos algumas características principais em design de marca para startups. E claro, isso não vi em livros, apesar de ler e ter muitos deste assunto. É um compilado do Cris e de uma troca intensa com outros designers vividas da experiência prática.</p><p>Foi difícil juntar tudo em apenas 5 tópicos, mas é o <strong>mínimo</strong> que empresários devem entender para poder investir em uma nova marca ao se tratar de startups.</p><p>A pergunta que tento responder é:</p><h3><strong>Por que minha startup deve ter uma marca única, forte e profissional?</strong></h3><h4><strong>1. Se diferenciar da concorrência.</strong></h4><p>Deve-se entender o mercado local e global para que sua marca seja única. Se diferenciar da concorrência é hoje fator primário. E o visual e o posicionamento de uma marca nova no mercado deve tratar isso de forma profissional.</p><h4>2. <strong>Motivação pessoal e do time interno.</strong></h4><p>Vender para dentro da empresa é tão importante quanto para fora. Uma marca consistente trás motivação aos sócios e colaboradores de uma pequena empresa. Quando a marca representa o que acredita, o time terá orgulho de &quot;vestir a camisa&quot;.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*X5yYlUhm9zuMdYecjaao5g.png" /><figcaption>Marca da startup Uhuu que participei da co-criação adequada ao Apple Watch</figcaption></figure><h4>3. <strong>Economia na adequação à diversas mídias.</strong></h4><p>Ao fazermos uma marca profissional, já pensamos como ela se adequa às diversas mídias, sejam elas digitais ou analógicas. A marca deve funcionar bem desde um ícone de smartphone até um outdoor na estrada. Ao não pensar nisso na criação, podemos ter surpresas desagradáveis — e caras — ali na frente.</p><h4>4. <strong>Uma marca correta e aderente ao seu mercado atrai mais clientes.</strong></h4><p>Design deve ajudar a melhorar seu negócio, sempre. Deve contribuir para passar sua idéia de forma harmoniosa, organizada e confiável, em todos os canais. É isso que atrai cliente. É isso que ajuda a vender mais.</p><h4>5. <strong>Uma marca profissional atrai investidores profissionais</strong>.</h4><p>Sabemos que uma startup precisa ganhar confiança através de rodadas de investimento. Um marca profissional atrai investidores que entendem que o dono já se preparou para a próxima etapa: <strong>a expansão do negócio</strong>.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ldp1QtnzuP4boIdGkeJDRw.png" /><figcaption>Peças conceito para marca Hi Platform, que participei da co-criação</figcaption></figure><p>E finalmente temos de entender que a grana é curta. E para isso precisamos de processos enxutos, que gerem menos custos extras. Freelas ou pequenas empresas (como a <a href="http://www.dex01.com/">DEx01</a>) tendem a ter custos mais competitivos e podem atender de forma mais pessoal e direta aos empresários. Procure empresas ou profissionais com marcas no portfolio e pelo menos 5 anos de experiência. Procure evitar profissionais com trabalhos falsos, que não viveram na prática os acertos e erros de se trabalhar com prazos, briefing e grana limitados.</p><p>Se quiser saber mais sobre um processo de trabalho que uso e que sempre está evoluíndo, aguarde o próximo <strong>artigo</strong> onde vou focar neste assunto.</p><p>Continue fazendo design todos os dias.</p><p>Até lá.</p><p>Cristiano Fernandes</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=9d50068614f5" width="1" height="1" alt=""><hr><p><a href="https://medium.com/dex01/design-de-marcas-para-startups-9d50068614f5">Design de marcas para startups</a> was originally published in <a href="https://medium.com/dex01">DEx01</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[A era do portfolio acabou?]]></title>
            <link>https://medium.com/dex01/a-era-do-portfolio-acabou-833552033274?source=rss----824b85b87187---4</link>
            <guid isPermaLink="false">https://medium.com/p/833552033274</guid>
            <category><![CDATA[productivity]]></category>
            <category><![CDATA[design]]></category>
            <dc:creator><![CDATA[Nano]]></dc:creator>
            <pubDate>Wed, 21 Mar 2018 14:24:43 GMT</pubDate>
            <atom:updated>2018-03-21T14:39:44.373Z</atom:updated>
            <content:encoded><![CDATA[<p>Mais ou menos, mas pode estar próximo.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*bbjfA2M9j3wx6uu53i2j8A.jpeg" /></figure><p>Era uma vez, há alguns milhões de anos atrás, quando dinossauros reinavam em nossa terra e a alimentação era basicamente através da caça, os designers utilizavam uma ferramenta de divulgação do seu trabalho um pouco rudimentar, com poucos afrescos e mínimo talento, onde o profissional resumia em no máximo duas folhas, a sua experiência, ou a falta dela, que se chamava <strong>Curriculum Vitae</strong>.</p><p>Alguns, mais astuciosos, utilizavam uma pasta impressa, que pesava pouco mais de 5kg onde carregavam uma notória diversidade de trabalhos, que eloquentemente apresentavam para então adentrar no paraíso que era estar dentro de uma agência de publicidade.</p><p>Foi nessa época, que os criativos inflaram seus egos e os colocaram nas ruas, subindo nos capôs dos carros e gritando: AQUI É CANNES CARALH*</p><blockquote>A Criação, super mimada, também acreditou que sua singularidade, sua mística venerada, justificava uma práxis e dogmas sagrados. Qualquer mudança ou questionamento podia ser julgado e condenado sumariamente. A Criação subiu ao Olimpo nos anos 80 e lá permaneceu, defendendo com unhas e dentes o direito divino da autoria. (Fernand Alphen)</blockquote><p>As equipes de criação passaram a ditar regras, com olhar superior e pouca empatia com os demais. No mesmo embalo os designers seguiram nessa direção, achando que nada os atingiam do alto da montanha.</p><p>Empresas como a IDEO e Apple (ambas com suas particularidades), conseguiram mudar essa persona designer, para alguém que se importa com os usuários. Num sentido amplo, designers de agências pensavam diferentes de designers de produto.<br>Essa mudança de pensamento traz um reflexo muito grande nos dias de hoje, <br>onde vemos uma movimentação menos visual e mais comportamental na seleção de designers.</p><p>Bem, depois dessa pequena observação sobre o passado, finalmente falarei sobre os <strong>portifolios</strong> que de certa forma facilitaram o processo seletivo por um tempo, onde a avaliação primordial para contratação de um designer era a qualidade do trabalho e o tempo de experiência, não necessariamente nessa ordem, mas ainda esquecendo muitas vezes de conhecer e identificar os <strong>aspectos comportamentais</strong> dessas pessoas.</p><blockquote>O portifa, para os íntimos, garantiu muito emprego, garantiu muito freella, mas será que garantiu um ambiente saudável dentro das agências??</blockquote><p>Precisamos mudar, se conectar mais as pessoas, conhece-las e julgar menos. Esse post da Nathi diz muito sobre isso.</p><p><a href="https://medium.com/dex01/n%C3%B3s-precisamos-falar-sobre-empatia-3544d1eec4fc">Nós precisamos falar sobre empatia 🙋🏻</a></p><p>Os designers com pouca experiência tem uma grande preocupação que é ter um portifolio que possa apresentar na sua entrevista, ou até seleção prévia. Isso faz com que se perca inúmeros futuros profissionais talentosos sem identificar quem realmente são.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*rGy-PBz8EnhCzJjc3rfdKg.png" /><figcaption>Esplendoroso Behance :)</figcaption></figure><p>Claro que apenas uma poética conversa inicial não resolve todos os problemas. Porém, entender o potencial e acreditar numa dinâmica diferente de seleção pode ser o caminho para escolher futuros profissionais talentosos.</p><p>Isso não é novidade, há 8 anos trabalhava numa agência que fazia um primoroso trabalho de seleção de estudantes, onde passavam por um série de etapas até um dia estarem prontos (de corpo e alma) para encarar um job de verdade. A maioria desses estudantes, hoje excelentes profissionais, sendo pessoas fáceis de trabalhar, com capacidade interpessoal e técnica superiores a quem passa por um processo simples de seleção.</p><p>O portifolio não é mais a cereja do bolo, não é mais o fator decisivo, acho até que nunca foi, mas por algum lapso de tempo determinou que a fila andasse. Deixe poucos trabalhos no seu portifa, porém os melhores, sinalize que parte do job você fez e deixe claro que tipo de trabalho você quer com eles. E se não tiver nada, não tem problema também, pode ter certeza que seus próximos empregos serão com base no famoso Q.I. (quem indica), saber se relacionar é a chave pra você evoluir :)</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=833552033274" width="1" height="1" alt=""><hr><p><a href="https://medium.com/dex01/a-era-do-portfolio-acabou-833552033274">A era do portfolio acabou?</a> was originally published in <a href="https://medium.com/dex01">DEx01</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[A importância do olho no olho]]></title>
            <link>https://medium.com/dex01/a-import%C3%A2ncia-do-olho-no-olho-744511c12ea4?source=rss----824b85b87187---4</link>
            <guid isPermaLink="false">https://medium.com/p/744511c12ea4</guid>
            <category><![CDATA[user-experience]]></category>
            <category><![CDATA[qualitative-research]]></category>
            <category><![CDATA[pesquisa]]></category>
            <category><![CDATA[ux]]></category>
            <dc:creator><![CDATA[Nathalia Alves]]></dc:creator>
            <pubDate>Tue, 20 Mar 2018 13:05:03 GMT</pubDate>
            <atom:updated>2018-03-20T13:05:02.809Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*hSz3ZqKWu2Vv_BUaZgl1HQ.png" /><figcaption>Steel — Gatinho do Coworking :)</figcaption></figure><p>Conversar com as pessoas cara a cara fará você aprender muito mais e vai te fazer enxergar as coisas por outro lado.</p><p>Em um outro post, eu falei <a href="https://medium.com/dex01/n%C3%B3s-precisamos-falar-sobre-empatia-3544d1eec4fc">a respeito de empatia</a> e comentei sobre um projeto em que os meus usuários eram cadeirantes e conversei com alguns pra entender melhor as suas necessidades. E isso me ajudou muito.</p><h3>A primeira coisa é que quando a gente fala com pessoas — quase sempre— nossos resultados são qualitativos.</h3><p>Uma conversa vai te ajudar a entender melhor o ponto de vista das pessoas e mesclar isso com os teus próprios pontos de vista. Ou seja, vai te permitir ver o que tu estás desenhando de outra forma, com um novo olhar.</p><p>Existem muitos tipos de pesquisa, mas vamos olhar pra duas:</p><ul><li>A <strong>pesquisa quantitativa</strong>, resumindo, é tudo o que podemos medir. Nós fazemos perguntas e obtemos apenas respostas para as informações que nós pedirmos. A quanti não nos diz como corrigir os problemas, pois é apenas uma representação numérica e os números não consideram o contexto de uso.</li><li><strong>Pesquisas qualitativas</strong> nos dão outros tipos de informações, algumas mais ricas. É o tipo de coisa que só acontece numa conversa. Ao contrário da quanti, a quali pode nos dar o direcionamento de porquê um problema acontece e também como resolvê-lo. E, pode acreditar, é o teu usuário que vai te dar as dicas de como resolver.</li></ul><p>Então, onde a pesquisa quantitativa se concentra no que podemos medir e coletar (como o tempo para completar uma tarefa ou a quantidade de pessoas que completou determinada tarefa), a pesquisa qualitativa visa o porquê das coisas, o que as pessoas sentem quando estão fazendo algo.</p><p>A qualitativa serve pra nos ajudar a entender coisas que a quantitativa não vai nos dizer. Com as qualis, a gente aprende coisas que podem afetar a usabilidade e também o desejo de usar um sistema.</p><p>A Experiência do Usuário envolve um monte de matérias, como a arquitetura de informação, o design de interação, IHC e etc. A pesquisa qualitativa envolve psicologia e isso nos diz que envolve o estudo de entender como os seres humanos se comportam.</p><p>Pra fazer uma quali a gente não precisa de muuuiiiitos usuários. Podemos entrevistar 5–10 participantes e, quando temos um escopo gigante e não sabemos pra onde correr, de 20–40 pessoas.</p><h3>Relaxe e converse :)</h3><p>Pode ser difícil começar a conversar e a timidez atrapalha um pouco.</p><p>Mas… pensa comigo: a nossa essência natural é conversar. Por que fazer disso algo tão difícil e custoso?</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*51SXFvQCZ_R_3taMammi6g.png" /></figure><p>Encare isso tudo como uma <strong>conversa</strong>, não como um relatório que tu deve entregar pro teu cliente. Não olhe pra isso como um entregável: usa esse tempo e aprendizado porque vai fazer com que tu também cresça, pessoal e profissionalmente.</p><blockquote>“A pesquisa é rigor. É a diferença entre projetar para seres humanos reais e apenas ter uma opinião.”</blockquote><blockquote>Adam Polansky — UX Strategist</blockquote><p>Precisamos que outras pessoas nos ensinem um pouquinho do dia a dia delas e como elas usam um determinado produto. Não dá pra falar por alguém ou defender alguém sem conhecer. É fazendo pesquisa que nós aprendemos.</p><p>E geralmente <strong>eles (os usuários) não mordem</strong> :) São pessoas que deixaram de fazer coisas na vida delas pra te ajudar. Elas estão lá por algum motivo, porque querem ajudar e é teu papel ser gentil e fazê-las se sentir a vontade.</p><h4>Pesquisa é troca: tu aprende a cada nova conversa e eles saem satisfeitos por poderem ajudar.</h4><h3>Como fazer?</h3><p>Não é porque isso tudo é uma conversa que não haja uma forma certa de fazer as coisas.</p><ol><li><strong>Os usuários querem ser úteis. Não chame-os para fazer perguntas simples e não faça pré-julgamentos. </strong>O que acontece muito é acharmos que nós sabemos onde os usuários irão errar. Começar um teste de usabilidade com a ideia de que tu já sabe tudo e quer só confirmar os problemas, já tá errado.</li><li><strong>O lema de um bom pesquisador é: não existe recrutamento errado.</strong> A primeira coisa é que qualquer pessoa pode ajudar e sempre teremos algum aprendizado. Algo que você aprenderá é que muitos usuários se culparão. Estes são momentos de exploração porque você pode chegar à fonte de porque acontecem erros e o que frustra os usuários quando as coisas não funcionam para eles.</li><li><strong>Comece pelo simples.</strong> Pergunte coisas mais simples no início, divida o seu roteiro e comece por perguntas rasas. Perguntas simples fazem as pessoas se sentirem úteis e quebra o gelo. Elas não vão “errar” e isso as deixa mais a vontade. Ex.: Tu usa celular? Que aplicativos tu gosta de usar sempre? Quanto tempo tu fica na internet?</li><li><strong>Adicione uma pitada de algo pessoal. </strong>Você pode usar seus pensamentos e opiniões pessoais para chegar a uma conversa mais profunda, dando ao participante uma oportunidade de discordar. Ex.: Quem tu acha que vai ganhar o greNAL essa semana? 🤷🏻</li><li><strong>Por quê?</strong> Adoro usar os porquês pra obter algo a mais. Pedir a um participante para entrar em mais detalhes ou para explicar o raciocínio por trás de sua resposta é conhecido como “escada” e isso ajuda a entender melhor o que motiva esse usuário. Tipo quando somos crianças e ficamos perguntando “mas por quê?”. Mas lembre-se de não ficar perguntando o tempo todo pois pode ser chato :)</li><li><strong>Seja natural: as perguntas precisam conversar entre si.</strong> Não é normal em uma conversa fazermos muitas pausas e ter um roteiro duro de perguntas. Na entrevista qualitativa é a mesma coisa. O importante é ser fluído, conversar de verdade.</li></ol><h3>Pra fechar:</h3><p>Você pode usar qualquer um dos métodos e ambos podem ser utilizados juntos.</p><p>A <strong>quali</strong> tem resultados melhores quando temos uma pequena parcela de pessoas. <strong>Quanti</strong> é melhor quando precisamos de números e quantidade.</p><p>A <strong>quanti</strong> pode trazer resultados escassos: apenas aquilo que a gente perguntar será respondido. A <strong>quali</strong> traz mais ideias e mais oportunidades.</p><p>Às vezes, por a quali ser mais psciologia e requer mais análise, alguns clientes não vão confiar somente nela. Convide essas pessoas pra participar de uma entrevista :) Eles vão se sentir mais perto dos usuários e compreender o que eles sentem.</p><p>Isso transforma as relações e traz nossos clientes para perto ❤</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*CGRsd3g7YMRL2013ymXWDw.png" /><figcaption>Foto de um workshop com o cliente :)</figcaption></figure><blockquote>Por fim, escolha a melhor opção de pesquisa tendo em mente o que você precisa. Precisa de dados e de uma amostra global? Quantitativa. Precisa entender o que as pessoas sentem e como resolver os problemas? Qualitativa.</blockquote><p>Há uns anos atrás eu nunca pensaria em trabalhar com isso: conversar. Eu era um bichinho do mato que tinha vergonha de tudo e de todos e pensava que tudo o que falasse ia sair errado. Olha o que eu faço hoje! <strong>Minha dica é: comece. Tudo fica mais fácil depois do começo :)</strong></p><p><a href="https://medium.com/dex01/n%C3%B3s-precisamos-falar-sobre-empatia-3544d1eec4fc">Nós precisamos falar sobre empatia 🙋🏻</a></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=744511c12ea4" width="1" height="1" alt=""><hr><p><a href="https://medium.com/dex01/a-import%C3%A2ncia-do-olho-no-olho-744511c12ea4">A importância do olho no olho</a> was originally published in <a href="https://medium.com/dex01">DEx01</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[The 8-Point Grid e sua malemolência matemática]]></title>
            <link>https://medium.com/dex01/the-8-point-grid-e-sua-malemol%C3%AAncia-matem%C3%A1tica-35030ac9f15d?source=rss----824b85b87187---4</link>
            <guid isPermaLink="false">https://medium.com/p/35030ac9f15d</guid>
            <category><![CDATA[ui-design]]></category>
            <category><![CDATA[atomic-design]]></category>
            <category><![CDATA[sketch]]></category>
            <dc:creator><![CDATA[Nano]]></dc:creator>
            <pubDate>Wed, 14 Feb 2018 17:09:41 GMT</pubDate>
            <atom:updated>2020-04-23T21:23:23.915Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*-o8CXP4RaFZOQd3VolJf-g.png" /></figure><p>Oi, vocês já pararam pra pensar como é complicado a utilização de grids no digital por uma série de fatores que às vezes nem os designers conseguem entender?</p><p>Por muito tempo dei de cara em layouts onde cada grid funcionava de um jeito, onde projetos do mesmo cliente não tinham lógica na criação de grid e o pior: a dor de cabeça na construção de padrões já me fez perder a consistência em alguns projetos por ser complexo demais.</p><p>Em 2014, depois de muita pesquisa e testes, encontrei algo que salvou minha vida e provavelmente deve ter salvado de um monte de designers. Uma configuração de grid que se encaixa matematicamente nas resoluções de tela que trabalhamos até hoje. Não darei certeza de quem trouxe isso para o digital na época, mas quem divulgou de forma mais clara em 2016 foi a equipe de design do Google com o Material.io e sua nova guideline, que envolveu todo o seu sistema de design.</p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FjE1EU1ACe6s%3Ffeature%3Doembed&amp;url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DjE1EU1ACe6s&amp;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FjE1EU1ACe6s%2Fhqdefault.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=youtube" width="854" height="480" frameborder="0" scrolling="no"><a href="https://medium.com/media/232ca769d5097566571134bfe05b929d/href">https://medium.com/media/232ca769d5097566571134bfe05b929d/href</a></iframe><p>Com auxilio de profissionais como o <a href="https://medium.com/u/5ac0f6a5d284">Yuri Coppe</a> e o <a href="https://medium.com/u/5c0ec992f885">Denis Cabaldi</a>, mais o material do Google e outros estudos de grid, encontramos uma lógica muito interessante que vou desmembrar pra vocês agora:</p><p><strong><em>Imaginem um grid onde tudo é divisível por 8 (ou por 4), tudo mesmo, e que seja escalonável para todas as resoluções de tela existentes hoje.</em></strong><br>Quando eu falo tudo, eu falo todos os elementos que compõem o seu design:</p><ol><li>Grid</li><li>Fontes</li><li>Ícones</li><li>Botões</li><li>Imagens</li><li>Espaçamentos</li></ol><p>É complexo?? É sim! Porém seu design vai seguir um grid de verdade e aos poucos você terá uma lógica de criação :)</p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fgiphy.com%2Fembed%2Fc4Nc0v0g15g9G%2Ftwitter%2Fiframe&amp;display_name=Giphy&amp;url=https%3A%2F%2Fmedia.giphy.com%2Fmedia%2Fc4Nc0v0g15g9G%2Fgiphy.gif&amp;image=https%3A%2F%2Fi.giphy.com%2Fmedia%2Fc4Nc0v0g15g9G%2Fgiphy.gif&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=giphy" width="435" height="246" frameborder="0" scrolling="no"><a href="https://medium.com/media/60cbdb465e8c2a6211274406573481b8/href">https://medium.com/media/60cbdb465e8c2a6211274406573481b8/href</a></iframe><h3>Vamos aos exemplos:</h3><blockquote>Todos os exemplos possuem densidade de pixel 1x, mas vale para qualquer densidade quando for desenhar, e isso é papo para ouuuutro post.</blockquote><p>No google temos uma belíssima imagem que mostra como devemos usar as colunas dependendo da resolução trabalhada, isso ajuda muito para começar o seu projeto:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*AyDtnhKNPvTsHMESCSqprw.png" /></figure><p>Esse grid deve manter as 12 colunas a partir dos 840px até 1920px. No nosso exemplo vou utilizar o grid para resolução de 1280px (desk) e um para 320px (mobile).</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*kDWsscRVDSWAvDQhwkEnrw.png" /></figure><p>Note que quanto menor a resolução, menor o número de colunas (o que é bastante comum quando se faz um projeto responsivo).</p><p>Para montar um grid, uma ótima ferramenta é o <a href="http://grid.guide/"><strong><em>Grid.guide</em></strong></a><strong><em> </em></strong>que auxilia a escolher um grid condizente com seu projeto. <br>Se você trabalha com sketch, tem uns prontos abaixo, olha que maravilha :)</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*dM1v6w7Balcw5sGIwNbDTA.png" /></figure><p>Feito o Grid, chegou a hora onde a matemática entra com tudo :D</p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fgiphy.com%2Fembed%2F3o7btPCcdNniyf0ArS%2Ftwitter%2Fiframe&amp;display_name=Giphy&amp;url=https%3A%2F%2Fmedia.giphy.com%2Fmedia%2F3o7btPCcdNniyf0ArS%2Fgiphy.gif&amp;image=https%3A%2F%2Fmedia4.giphy.com%2Fmedia%2Fv1.Y2lkPTc5MGI3NjExMjA2M3h2a3V0cmRiZjV3bW10a3E0eWwzYTBiaTh2YmY1MnBtYTUyNCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw%2F3o7btPCcdNniyf0ArS%2Fgiphy_s.gif&amp;type=text%2Fhtml&amp;schema=giphy" width="435" height="244" frameborder="0" scrolling="no"><a href="https://medium.com/media/c024468167360d75ef959adcfaed632b/href">https://medium.com/media/c024468167360d75ef959adcfaed632b/href</a></iframe><h3>Lembra que eu falei sobre tudo ser divisível por 8? Olha o exemplo abaixo:</h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*Zd8NTMugl3bpjsl1ZSthug.gif" /></figure><h3>1. Espaçamento</h3><p>Utilizamos inúmeros espaçamentos dentro de nossos projetos, certo? Às vezes não conseguimos nem mensurar todos os espaçamentos. Tente minimizar ao máximo suas opções determinando lógicas, como no exemplo abaixo:</p><ul><li>16px para itens que fazem parte do mesmo conteúdo;</li><li>32px para divisão de novos conteúdos.</li></ul><p>Isso vale tanto para as colunas quanto para as linhas.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ngx2SHWlwXAg2hMv2yZySg.png" /></figure><h3>2. Tipografia e elementos visuais</h3><p>Nesta etapa, desmembro os elementos do layout de forma micro, mostrando os<strong> átomos</strong> da estrutura.</p><p>Pra quem não viu, no link abaixo falo sobre o <strong>Atomic Design</strong>, vale a leitura :)</p><p><a href="https://medium.com/dex01/inteligenciaportrasatomicdesign-1e405464ff5d">A inteligência por trás do Atomic Design</a></p><p>Os estilos de texto, imagens e formatos de botões também possuem números divisíveis por 8, o que facilita posteriormente a configuração de blocos de conteúdo dentro do grid criado.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*AVpoV_-_CCiqzf06iwYQLw.png" /></figure><h3>3. Botões e campos de formulário (moléculas)</h3><p>Botões e campos de formulário também utilizam números divisíveis por 8.</p><p>Você precisa manter a consistência e prometo que tudo se encaixará lindamente :)</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*G3byEQAHJD8BG2Kp60pl-Q.png" /></figure><h3>4. Módulos de notícia e newsletter (organismos)</h3><p>Nesse exemplo temos 3 módulos, dois de notícias e um de newsletter que, mais uma vez, sem querer ser chato, eles são divisíveis por 8.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*EcE0iFu65pZraqUEjdgrgA.png" /></figure><h3>Deu para entender que independente do tipo de conteúdo ele precisa seguir a lógica de ser divisível por 8?</h3><p>Seguindo essa lógica você consegue aumentar ou reduzir o grid para outras resoluções e o módulo não vai quebrar. Não existirá meio pixel e será muito mais fácil desenhar telas responsivas.</p><h3>Links que falam sobre este grid:</h3><ul><li><a href="https://spec.fm/specifics/8-pt-grid">8-Point Grid</a></li><li><a href="https://medium.com/sketch-app-sources/8-point-soft-grids-in-sketch-e8f1d5ca2cd4">Sketch Workflow — 8 point Soft Grids</a></li><li><a href="https://www.designbetter.co/">Discover Design Better</a></li></ul><h3>Livros sobre Grids</h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*iflOvA8l6YxsT1SHRnuXfA.png" /></figure><ul><li><a href="https://www.amazon.com.br/dp/8575036297/ref=olp_product_details?_encoding=UTF8&amp;me=">Grid. Construção e Desconstrução</a></li><li><a href="https://www.amazon.com.br/Layout-Essentials-Design-Principles-Using/dp/1592537073">Layout Essentials: 100 Design Principles for Using Grids</a></li><li><a href="https://www.amazon.com/Grid-Systems-Principles-Organizing-Design/dp/1568984650"></a></li></ul><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=35030ac9f15d" width="1" height="1" alt=""><hr><p><a href="https://medium.com/dex01/the-8-point-grid-e-sua-malemol%C3%AAncia-matem%C3%A1tica-35030ac9f15d">The 8-Point Grid e sua malemolência matemática</a> was originally published in <a href="https://medium.com/dex01">DEx01</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Book Review: ‘Design Centrado no Usuário’, Travis Lowdermilk]]></title>
            <link>https://medium.com/dex01/resenha-design-centrado-no-usu%C3%A1rio-travis-lowdermilk-ce518252e31?source=rss----824b85b87187---4</link>
            <guid isPermaLink="false">https://medium.com/p/ce518252e31</guid>
            <category><![CDATA[book-recommendations]]></category>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[ux-research]]></category>
            <category><![CDATA[book-review]]></category>
            <dc:creator><![CDATA[Thaís Pinheiro]]></dc:creator>
            <pubDate>Thu, 01 Feb 2018 18:36:29 GMT</pubDate>
            <atom:updated>2018-02-01T18:58:32.101Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*n2TshEXhmb7gGByJndTKWg.jpeg" /></figure><p>O livro começa deixando claro:</p><blockquote>“Este livro não é destinado aos profissionais da área de experiência de usuário […] ou aos designers profissionais. […] meu objetivo é ajudar desenvolvedores a compreender as práticas fundamentais do design centrado no usuário, da usabilidade e da experiência de usuário.”</blockquote><p>Não se assuste pela declaração do autor logo no início.</p><p>A verdade é que se você, como eu, é designer mas tem pouco – ou nenhum –conhecimento na área de UX, esse livro definitivamente é para você.</p><p>Com um índice detalhado para rápida conferência e uma escrita leve, objetiva e convincente, Lowdermilk conduz a narrativa de forma a construir uma única conclusão: o design centrado no usuário – DCU, como ele chama, ou UCD, sigla em inglês para <em>user-centered design</em> – não é o caminho mais rápido, mas é, sem sombra de dúvidas, o mais correto.</p><p>Fornecendo exemplos sobre suas desventuras e eventuais sucessos em sua carreira de desenvolvedor, ele passa lições que provavelmente pouparão tempo a quem quer que siga seus conselhos e busque entender mais – porque, sim, será preciso mais estudo – sobre as práticas da metodologia de DCU.</p><p>Elencando uma série de noções básicas, fundamentos e práticas variadas do design centrado no usuário, a obra é um ótimo ponto de partida. Mesmo já tendo lido alguns dos grandes nomes de UX – Don Norman, Jesse James Garret, Steve Krug – a verdade é que desejei profundamente ter começado por aqui. ‘Design Centrado no Usuário’ é exatamente o que diz ser: um guia básico. E para quem não tem conhecimento da área, faz mais sentido começar aos poucos.</p><p>Logo no primeiro capítulo, Lowdermilk deixa claro o que o DCU <em>não</em> é:</p><p><strong>Não é subjetivo. </strong>Suas impressões pessoais? Guarde-as até que aqueles que realmente usarão o que você está produzindo as confirmem.<br><strong>Não é apenas design</strong>, porque um aplicativo ser bonito não garante que seja usável.<br><strong>Não é perda de tempo ou dinheiro </strong>–<strong> </strong>aliás, provavelmente seja o inverso.<br><strong>Não é usabilidade</strong>, mesmo que esta última esteja relacionada.</p><p>Se você é novo no mundo do UX Design e está meio perdido, talvez este livro seja um bom caminho.</p><p>No fim de cada capítulo, você poderá encontrar um quadro-resumo que reúne as ideias gerais do que acabou de ler, o que ajuda a fixar os conceitos abordados. No fim do livro você ainda encontra um capítulo sobre recursos úteis, um apêndice com templates caso você não saiba por onde começar e um apêndice de referências úteis.</p><p>E se você aceitar mais uma recomendação, tenha em mãos um marca-textos e um bloquinho de post-its, ou algo do tipo. Há uma série de frases e constatações que você vai querer destacar. Para encerrar, deixo aqui minha favorita, que é na verdade o <em>Erro Fundamental de Atribuição</em>, definido pelo psicólogo Lee Ross e citado por Lowdermilk no livro:</p><blockquote>“Essencialmente, o erro está em nossa tendência de atribuir o comportamento das pessoas à <em>maneira como elas são</em>, em vez de atribuir à <em>situação em que elas se encontram</em>.”</blockquote><p>O livro, originalmente publicado nos EUA pela O’REILLY sob o título “User Centered Design”, no Brasil foi publicado pela Novatec. Com tradução de Lúcia Ayako Kinoshita, a edição em português possui 184 páginas.</p><p>Compre pela internet:</p><ul><li><a href="https://www.amazon.com.br/Design-Centrado-Usu%C3%A1rio-Travis-Lowdermilk/dp/8575223666/ref=sr_1_1?ie=UTF8&amp;qid=1517501772&amp;sr=8-1&amp;keywords=design+centrado+no+usu%C3%A1rio">Design Centrado no Usuário</a></li><li><a href="https://www.americanas.com.br/produto/113827012/livro-design-centrado-no-usuario-um-guia-para-o-desenvolvimento-de-aplicativos-amigaveis?pfm_carac=design%20centrado%20no%20usuario&amp;pfm_index=0&amp;pfm_page=search&amp;pfm_pos=grid&amp;pfm_type=search_page%20">Livro - Design Centrado No Usuário: Um Guia para o Desenvolvimento de Aplicativos Amigáveis - Americanas.com</a></li></ul><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=ce518252e31" width="1" height="1" alt=""><hr><p><a href="https://medium.com/dex01/resenha-design-centrado-no-usu%C3%A1rio-travis-lowdermilk-ce518252e31">Book Review: ‘Design Centrado no Usuário’, Travis Lowdermilk</a> was originally published in <a href="https://medium.com/dex01">DEx01</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Nós precisamos falar sobre empatia ]]></title>
            <link>https://medium.com/dex01/n%C3%B3s-precisamos-falar-sobre-empatia-3544d1eec4fc?source=rss----824b85b87187---4</link>
            <guid isPermaLink="false">https://medium.com/p/3544d1eec4fc</guid>
            <category><![CDATA[user-experience]]></category>
            <category><![CDATA[empatia]]></category>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[research]]></category>
            <category><![CDATA[design]]></category>
            <dc:creator><![CDATA[Nathalia Alves]]></dc:creator>
            <pubDate>Tue, 23 Jan 2018 13:38:08 GMT</pubDate>
            <atom:updated>2018-01-23T13:38:07.671Z</atom:updated>
            <content:encoded><![CDATA[<p>Estamos ouvindo sobre empatia o tempo todo.</p><p>Ouvimos em conferências de design, em blogs, no Instagram… mas porque será que falamos tanto sobre isso?</p><p>Nós temos a mania de falar sobre algo tantas vezes que vira um negócio chato. Mas vamos pensar um pouco: quando conversamos sobre UX, o que tem nessa palavra que faz todo mundo querer usar no seu cargo no LinkedIn?</p><h3><strong>UX não é só sobre fazer uma tela nova, é sobre pessoas.</strong></h3><p>Se a gente olhar pra UX e pensar só no “X”, nós simplesmente não temos UX. UX não pode existir sem usuários. 😊</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*9XWgD09K-jFWpp5RC0KXbg.png" /></figure><p>Hoje em dia é bonito dizer que estamos “focando no usuário”, mas o que a gente sabe que acontece em muitos lugares é apenas a produção de mais um Job, mais um projeto e em nenhum momento ocorre a conversa com os usuários.</p><p>Não sabemos tudo. Quando nós começamos um projeto, precisamos imergir e entender pelo menos um pouco do que o nosso cliente está pedindo. Mas mais do que isso, <strong>porque</strong> o problema existe, <strong>quem</strong> tem esse problema, <strong>como</strong> o problema pode ser resolvido. Essas perguntas não são respondidas apenas pela equipe de design ou de tecnologia.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*xkzRGJ6cMb4cwMxqibQ1Vg.jpeg" /></figure><p>O <strong>U de UX</strong> é uma parte importante do processo. Sem ele, sem os nossos usuários, nós não vamos produzir coisas relevantes. Não importa o quanto a gente se engane e ache que vamos conseguir desenhar experiências. As experiências são subjetivas, cada usuário vai ter a sua própria experiência com um objeto ou projeto.</p><h3><strong>Tudo isso pra chegar na EMPATIA.</strong></h3><p>Que palavra que gerou discórdia, hein?!</p><blockquote>Empatia é o coração do design. Sem a compreensão do que os outros veem, sentem e experimentam, o design é uma tarefa inútil.</blockquote><blockquote>— TIM BROWN, IDEO</blockquote><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*vlw4aOF3n8RWxN4iB-y7Gw.png" /></figure><p>Uma vez eu fui numa fazenda visitar o cliente de um cliente. Achei que já conhecia um pouco sobre como funcionava o Agronegócio por ter trabalhado em lugares e ter feito alguns projetos para esse tema. <strong>ÓBVIO</strong> que eu me enganei: cheguei achando que iria encontrar um senhor de meia idade e encontrei um guri de 25 anos. Sim, ele era o dono. 🤔</p><p>Cheguei achando que ia encontrar uma mesinha numa casinha de madeira pra fazer a reunião e encontrei uma baita duma sala com TV, projetor e equipamentos atuais.</p><p>Também achei que entendia como o sistema deveria funcionar pra eles. Me enganei de novo: ele só queria ter acesso aos gráficos gerais. A parte burocrática, os relatórios gerenciais, etc, deveriam ficar com o financeiro dele. ️</p><h3>O que eu quero dizer com isso?</h3><p>Nós não somos os nossos usuários. Estamos projetando pra pessoas bem diferentes, com necessidades diferentes e desejos específicos.</p><blockquote>Quando você pensa assim, quando você escolhe ampliar seu âmbito de preocupação e simpatizar com a situação dos outros, sejam amigos íntimos ou distantes estranhos, torna-se mais difícil não agir, mais difícil de não ajudar.</blockquote><blockquote>— BARACK OBAMA</blockquote><p>Somos seres humanos, com características diferentes, com formas diferentes de lidar com cada situação.</p><p>É importante ter empatia… mas somos emocionais 🤗 Isto é, a gente não consegue “se colocar no lugar do outro” porque nós não passamos por aquilo que o nosso usuário passa.</p><p>Outro exemplo: nos chamaram pra refazer o site de uma empresa que fabrica cadeiras de rodas. Quando conheci o dono, descobri que a história dele era muito legal: ele precisava de uma cadeira legal pro filho dele, que possui <strong>distrofia muscular de cinturas</strong> e, como nenhuma empresa produzia as cadeiras de forma personalizada e adaptada, ele foi atrás e montou a própria empresa que produz cadeiras personalizadas. Isso aconteceu há 25 anos.</p><p>Eu tenho uma amiga que tem “DMC”. Antes de começar o projeto, eu fui falar com a minha amiga. Eu <strong>NUNCA</strong> poderia entender a metade do que eu entendi se eu não tivesse conversado com ela. O fato de eu ter alguém próximo que passava por isso me fez enxergar o projeto com outros olhos. Fiz tudo com tanto gosto e tanto carinho 😍🙅🏻‍ eu queria fazer algo bom de verdade!</p><p>Será que só a empatia basta? Acho que a empatia nos faz agir… nos faz pensar sobre algo que antes não nos passaria pela cabeça.</p><p>No final do ano passado, eu vi uma palestra no ISA 17 do Luis Arnal que me fez refletir e entender que a empatia não se sustenta sozinha. Talvez o que nos faça seguir e ajudar as pessoas é a <strong>compaixão</strong> que a gente tem sobre algo.</p><blockquote>Nós precisamos passar pela experiência, aprender com as pessoas durante todo o processo. A cultura importa, uma conversa com o teu stakeholder importa. Cada pequena conversa é importante. Sem isso, não podemos fazer design.</blockquote><blockquote>Não podemos ficar no meio do caminho e achar que tá tudo certo, que é legal usar o termo UX no nosso cargo. Ou a gente envolve nossos usuários ou não. Pra honrar o termo, nós temos que envolver 🖤</blockquote><blockquote>Nós precisamos gerar mais soluções criativas motivadas pela empatia. Nós precisamos pensar sobre os outros quando estamos inovando porque isso nos levará mais longe e nos permitirá mudar o mundo para melhor.</blockquote><blockquote>— LUIS ARNAL, INSITUM</blockquote><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=3544d1eec4fc" width="1" height="1" alt=""><hr><p><a href="https://medium.com/dex01/n%C3%B3s-precisamos-falar-sobre-empatia-3544d1eec4fc">Nós precisamos falar sobre empatia 🙋🏻</a> was originally published in <a href="https://medium.com/dex01">DEx01</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
    </channel>
</rss>