<?xml version="1.0"?>
<rss version="2.0">
   <channel>
      <title>Interface e Usabilidade by Norhan Vieira</title>
      <link>https://padlet.com/norhanvi/qwfnq2skezlnfbu2</link>
      <description></description>
      <language>en-us</language>
      <pubDate>2022-03-02 09:44:36 UTC</pubDate>
      <lastBuildDate>2022-03-02 10:37:20 UTC</lastBuildDate>
      <webMaster>hello@padlet.com</webMaster>
      <image>
         <url></url>
      </image>
      <item>
         <title>Interface e o usuário</title>
         <author>norhanvi</author>
         <link>https://padlet.com/norhanvi/qwfnq2skezlnfbu2/wish/2073262778</link>
         <description><![CDATA[<div>Primeiramente devemos nos preocupar com o usuário, pois essa é a parte com qual ele ira interagir.<br>Quando construímos a interface da nossa aplicação é importante levar em conta o trajeto que o usuário pode percorrer de maneira completa, tendo em vista todos os pontos de contato que ele pode ter, pois cada aspecto tem impacto em como o usuário vai se sentir em relação aquilo que ele está experienciando, de maneira positiva ou não <br><br></div>]]></description>
         <enclosure url="" />
         <pubDate>2022-03-02 09:59:49 UTC</pubDate>
         <guid>https://padlet.com/norhanvi/qwfnq2skezlnfbu2/wish/2073262778</guid>
      </item>
      <item>
         <title>Usabilidade</title>
         <author>norhanvi</author>
         <link>https://padlet.com/norhanvi/qwfnq2skezlnfbu2/wish/2073268354</link>
         <description><![CDATA[<div>A usabilidade é o que vai atribuir qualidade a facilidade de uso das interfaces com o usuário.<br>Tende a garantir a eficiência e a facilidade de interação, validando e testando a performance de um serviço e verificando se há necessidade de melhorias, sempre a partir do ponto de vista do usuário.<br><br><br></div>]]></description>
         <enclosure url="" />
         <pubDate>2022-03-02 10:03:54 UTC</pubDate>
         <guid>https://padlet.com/norhanvi/qwfnq2skezlnfbu2/wish/2073268354</guid>
      </item>
      <item>
         <title>Desenvolvimento da interface</title>
         <author>norhanvi</author>
         <link>https://padlet.com/norhanvi/qwfnq2skezlnfbu2/wish/2073273669</link>
         <description><![CDATA[<div>O desenvolvimento de uma interface intuitiva também é essencial. Quanto mais o produto digital for familiar para o público, melhor!</div><div>A tarefa é criar uma interface que não precise de um guia para ser usada. E a ideia é facilitar o uso, para que o/a cliente saiba exatamente como proceder, de forma intuitiva.</div><div>Toda interface bem-sucedida funciona com hierarquia de informações, para não confundir o/a usuário/a.</div><div>Escolher os meios visuais e não sobrecarregar o/a cliente com muitos dados é uma tarefa para o/a designer.</div>]]></description>
         <enclosure url="" />
         <pubDate>2022-03-02 10:07:34 UTC</pubDate>
         <guid>https://padlet.com/norhanvi/qwfnq2skezlnfbu2/wish/2073273669</guid>
      </item>
      <item>
         <title>Como ter um boa interface</title>
         <author>norhanvi</author>
         <link>https://padlet.com/norhanvi/qwfnq2skezlnfbu2/wish/2073279682</link>
         <description><![CDATA[<div>1 - Tente agrupar funções similares ao invés de fragmentar a UI.<br>2 - Tente fazer seus argumentos virem de outras pessoas, ao invés de falar de você mesmo.&nbsp;<br>É importante ter opiniões compartilhadas por quem esta testando sua interface, não basta apenas fazer como acha que seria melhor, pois o ponto de vista sempre será voltado para o usuário<br>3 - Tente distinguir o que é clicável e selecionável do que não é.<br>4 - Tente deixar o usuário desfazer, ao invés de pedir confirmação para tudo.<br>5 - Tente sugerir que há rolagem na página ao invés de deixar ela escondida.<br>6 - Tente manter o foco ao invés de afogar o usuário em links.</div>]]></description>
         <enclosure url="" />
         <pubDate>2022-03-02 10:11:25 UTC</pubDate>
         <guid>https://padlet.com/norhanvi/qwfnq2skezlnfbu2/wish/2073279682</guid>
      </item>
      <item>
         <title>UX</title>
         <author>norhanvi</author>
         <link>https://padlet.com/norhanvi/qwfnq2skezlnfbu2/wish/2073283036</link>
         <description><![CDATA[<div>Não há como fazer uma boa interface sem fazer uma boa pesquisa, pois como já vimos, precisamos do usuário para definirmos o que está bom e o que não está. Devemos entender quem é o usuário, como ele vai se comportar e se sentir ao utilizar a interface.<br><br></div>]]></description>
         <enclosure url="" />
         <pubDate>2022-03-02 10:13:56 UTC</pubDate>
         <guid>https://padlet.com/norhanvi/qwfnq2skezlnfbu2/wish/2073283036</guid>
      </item>
      <item>
         <title>Aplicação da usabilidade na pratica</title>
         <author>norhanvi</author>
         <link>https://padlet.com/norhanvi/qwfnq2skezlnfbu2/wish/2073292769</link>
         <description><![CDATA[<div>Um exemplo bem básico que pode ser dado é quando se compra um liquidificador, precisa que ele seja fácil de usar.&nbsp;<br>Por conta disso sua função básica é ativada por um grande botão no centro do aparelho, tendo maior destaque. Por outro lado podem haver funções extras que botões laterais menores seriam utilizados para tais funções.<br>Sendo assim não há necessidade de ler um manual para saber utilizar dessas funções.<br>Isso porque&nbsp; é aplicado o conceito de usabilidade em basicamente tudo.<br>A usabilidade está presente sempre que você precisa interagir com a interface digital.<br>Ou seja, tem a função de fazer que uma pessoa manuseie e interaja facilmente com sua interface, que seja intuitiva e facilmente entendida.</div>]]></description>
         <enclosure url="" />
         <pubDate>2022-03-02 10:21:09 UTC</pubDate>
         <guid>https://padlet.com/norhanvi/qwfnq2skezlnfbu2/wish/2073292769</guid>
      </item>
      <item>
         <title>Benefícios da usabilidade</title>
         <author>norhanvi</author>
         <link>https://padlet.com/norhanvi/qwfnq2skezlnfbu2/wish/2073297554</link>
         <description><![CDATA[<div>1 - Facilidade de aprendizado<br>2 - Facilidade de memorização<br>3 - Educação gradual do usuário<br>4 - Baixa taxa de erros<br>5 - Navegação objetiva<br>6 - Simplicidade<br>7 - Qualidade do conteúdo<br>8 - "Peso" da aplicação</div>]]></description>
         <enclosure url="" />
         <pubDate>2022-03-02 10:24:34 UTC</pubDate>
         <guid>https://padlet.com/norhanvi/qwfnq2skezlnfbu2/wish/2073297554</guid>
      </item>
      <item>
         <title>Como testar a usabilidade</title>
         <author>norhanvi</author>
         <link>https://padlet.com/norhanvi/qwfnq2skezlnfbu2/wish/2073301951</link>
         <description><![CDATA[<div>Depois da leitura até aqui não basta ter conceitos sobre como fazer se não soubermos como testar aquilo que estamos fazendo, então vamos aos testes, que serão dois:<br>1 - teste de usabilidade<br>2 - avaliação heurística</div>]]></description>
         <enclosure url="" />
         <pubDate>2022-03-02 10:28:04 UTC</pubDate>
         <guid>https://padlet.com/norhanvi/qwfnq2skezlnfbu2/wish/2073301951</guid>
      </item>
      <item>
         <title>Testes de usabilidade</title>
         <author>norhanvi</author>
         <link>https://padlet.com/norhanvi/qwfnq2skezlnfbu2/wish/2073302075</link>
         <description><![CDATA[<div>Nesse formato de teste, é selecionada uma amostragem significativa de usuários para representar uma parcela dos internautas.<br><br></div><div>Funciona mais ou menos como em uma pesquisa de mercado, mas observando as ações realizadas quando em contato com o produto.<br><br></div><div>Assim, são coletados dados que serão posteriormente analisados.<br><br></div><div>Dizem respeito a pontos como:<br><br></div><ul><li>Percurso</li><li>Tomada de decisão</li><li>Relação entre pessoas e sistemas</li><li>Padrões</li><li>Inspeção de checklists</li><li>Reconhecimento</li><li>Navegação</li><li>Entrevistas e questionários.</li></ul><div>Com base nas informações recolhidas, são realizados ajustes e melhorias no sistema.<br><br></div>]]></description>
         <enclosure url="" />
         <pubDate>2022-03-02 10:28:10 UTC</pubDate>
         <guid>https://padlet.com/norhanvi/qwfnq2skezlnfbu2/wish/2073302075</guid>
      </item>
      <item>
         <title>Avaliação heurística de usabilidade</title>
         <author>norhanvi</author>
         <link>https://padlet.com/norhanvi/qwfnq2skezlnfbu2/wish/2073302309</link>
         <description><![CDATA[<div>A avaliação heurística de usabilidade leva em consideração os pontos comuns realizados por uma série de pessoas ao interagir com uma ferramenta.<br><br></div><div>Esse é considerado o método mais barato e rápido para encontrar falhas e oportunidades em um sistema.<br><br></div><div>Em 1990, Rolf Molich e Jakob Nielsen desenvolveram diretrizes para a verificação da usabilidade de plataformas.<br><br></div><div>São elas:<br><br></div><ul><li>Visibilidade do status do sistema:</li><li>Correspondência entre o sistema e o mundo real</li><li>Controle do usuário e liberdade</li><li>Consistência e padrões</li><li>Prevenção de erros</li><li>Reconhecimento em vez de lembrança</li><li>Flexibilidade e eficiência de uso</li><li>Design estético e minimalista</li><li>Auxílio ao reconhecimento, diagnóstico e recuperação de erros</li><li>Documentação.</li></ul><div>Ao averiguar o comportamento geral dos pesquisados diante de tais itens, é possível tomar medidas que facilitam a utilização do sistema.<br><br></div>]]></description>
         <enclosure url="" />
         <pubDate>2022-03-02 10:28:20 UTC</pubDate>
         <guid>https://padlet.com/norhanvi/qwfnq2skezlnfbu2/wish/2073302309</guid>
      </item>
      <item>
         <title>Acessibilidade na interface</title>
         <author>norhanvi</author>
         <link>https://padlet.com/norhanvi/qwfnq2skezlnfbu2/wish/2073308556</link>
         <description><![CDATA[<div><strong><br>Não confie nas cores como única forma de explicar algo</strong></div><div><em>Usuários afetados: parcialmente ou completamente daltônicos</em></div><div>Um dos principais pontos que a <strong>Acessibilidade</strong> tenta garantir é a capacidade de usuários com problemas de visão de conseguirem navegar normalmente pela web.<br><br><strong><br>Capriche no contraste</strong></div><div><em>Usuários afetados: com baixa visão</em></div><div>De acordo com o <a href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html">WCAG</a> (Web Content Accessibility Guidelines), do qual já falamos por aqui, a taxa de contraste entre o texto e o plano de fundo deve ser no mínimo 4.5 para 1. Se o tamanho de sua fonte é 24px ou 19px bold, a proporção mínima cai para 3 para 1.<br><br><strong><br>Indique visualmente qual item está selecionado pelo teclado</strong></div><div><em>Usuários afetados: que navegam pelo teclado</em></div><div>Alguns usuários com limitações motoras navegam pela web com o uso do teclado. Quando um campo está em foco, é comum vermos um outline ao redor dele indicando que aquele é o item ativo no momento.<br>O outline é uma função nativa do CSS, mas muitos designers e programadores acabam manualmente removendo essa função por opções estéticas. O problema é que sem essa indicação, fica praticamente impossível para o usuário que está navegando pelo teclado entender qual campo, link ou parte da tela está em foco. Algo simples de corrigir, mas que pode causar muitos problemas para um certo grupo de usuários.<br><br><strong><br>Seja claro nos formulários</strong></div><div><em>Usuários afetados: com dificuldades cognitivas</em></div><div>Recentemente, designers e desenvolvedores resolveram inovar na forma como formulários são desenhados e apresentados ao usuário.<br>Ao invés do tradicional campo texto com bordas bem delimitadas, a tendência parece ser os campos que se misturam com o background.<br>O problema desse tipo de approach é que <strong>usuários com dificuldades cognitivas</strong> podem não entender como interagir com aquele campo de formulário. Ter uma área e tamanho bem delimitados nos campos de um formulário ajuda o usuário a entender a área com a qual ele pode interagir.</div><div><br><br></div>]]></description>
         <enclosure url="" />
         <pubDate>2022-03-02 10:33:18 UTC</pubDate>
         <guid>https://padlet.com/norhanvi/qwfnq2skezlnfbu2/wish/2073308556</guid>
      </item>
   </channel>
</rss>
