Interface e Usabilidade by Andre Matos https://padlet.com/andrermatos90/39vgs8cjmpgwdkfm en-us 2022-04-23 16:40:16 UTC 2022-04-23 17:04:04 UTC hello@padlet.com Por onde começo? andrermatos90 https://padlet.com/andrermatos90/39vgs8cjmpgwdkfm/wish/2154694044  O processo de criação de uma interface  pode ser definido em duas grandes etapas:

01. Pesquisa (UX)
Não existe como criar uma boa interface sem fazer uma boa pesquisa pra entender quem é meu usuário, quais suas dores e problemas, como ele vai se comportar e se sentir ao utilizar a interface.

Depois de completar as pesquisas e obter as respostas que preciso e definir o conteúdo, começo a prototipação com os primeiros wireframes, que são esboços (sketches) iniciais que podem ser feitas a lápis e papel ou diretamente no software de prototipação.

Assim que definido a jornada do usuário no wirefame, partimos para a parte mais legal, a de decorar tudo isso.



]]> 2022-04-23 16:49:32 UTC https://padlet.com/andrermatos90/39vgs8cjmpgwdkfm/wish/2154694044 andrermatos90 https://padlet.com/andrermatos90/39vgs8cjmpgwdkfm/wish/2154704020 02. Visual (UI)

Primeiro, definimos a tipografia ideal para o projeto, tamanhos e espaçamentos com base em algumas regras de UI. Uma boa tipografia deve ajudar na leitura do usuário, sem ser cansativo.

Em seguida estudo a paleta de cores que vou usar. A cor é um elemento essencial para a criação pois elas podem trazer à tona sentimentos, impressões, criar contrastes, etc. Quando utilizamos cores, nada pode ser por puro acaso.

O próximo passo é definir os ícones e/ou imagens que serão usados na interface. Criar bons ícones é tão importante quanto tipografia e cores, eles serão responsáveis por facilitar a interpretação dos textos e guiar ações do usuário.

Por último e não menos importante, ficam as animações. No processo de criação da UI já é pensado em como os botões devem se mover, o que deve aparecer primeiro ao abrir a interface, transições, microinterações, etc.

Microinterações são uma das principais coisas para se preocupar em UI/UX. Elas são, talvez, a melhor prova de que a atenção aos pequenos detalhes é capaz de prover grandes e poderosos resultados.

Tudo isso levando em conta a identidade visual da marca projeto (se houver)



]]> 2022-04-23 16:51:28 UTC https://padlet.com/andrermatos90/39vgs8cjmpgwdkfm/wish/2154704020 O que é usabilidade? andrermatos90 https://padlet.com/andrermatos90/39vgs8cjmpgwdkfm/wish/2154739511 Usabilidade é um termo bem abrangente, que envolve a avaliação sobre diversos critérios capazes de medir a qualidade da experiência da pessoa usuária em relação a um produto ou sistema. Portanto, é um fator importante para o desenvolvimento de software e deve ser considerado ao desenvolver aplicações para que elas sejam compreendidas e utilizadas da melhor forma possível pelas pessoas usuárias.

]]> 2022-04-23 16:57:30 UTC https://padlet.com/andrermatos90/39vgs8cjmpgwdkfm/wish/2154739511 Alguns passos para se ter uma boa usabilidade andrermatos90 https://padlet.com/andrermatos90/39vgs8cjmpgwdkfm/wish/2154765890
  • O sistema deve sempre manter os usuários informados a respeito do que está acontecendo por meio de feedback apropriado em tempo razoável
  • O sistema deve falar a linguagem do usuário, utilizando nomenclaturas familiares ao invés de termos técnicos e sistêmicos
  • Controle e liberdade do usuário: em caso de erros ou acesse equivocado, o usuário pode desfazer ou refazer operações
  • Consistências e padrões
  • Prevenir a ocorrência de erros
  • Reconhecimento ao invés de memorização: as instruções de uso do sistema devem estar visíveis ou facilmente acessíveis quando necessários
  • Flexibilidade e eficiência de uso: deve ser permitido ao usuário personalizar ou programar ações freqüentes
  • Os textos devem conter informações relevantes e necessárias (informação irrelevante diminui a visibilidade da informação relevante)
  • Mensagens de erro devem ser claras, sem códigos e sugerindo solução
  • Informações de ajuda e documentação deve ser fácil de pesquisar

    • ]]>     2022-04-23 17:01:25 UTC https://padlet.com/andrermatos90/39vgs8cjmpgwdkfm/wish/2154765890     Concluindo andrermatos90 https://padlet.com/andrermatos90/39vgs8cjmpgwdkfm/wish/2154774744

    O objetivo de uma interface é sempre ser o mais intuitiva e fácil de navegar possível. Para que isso aconteça é necessário estudos, testes, testes e mais testes até chegar em um resultado adequado para o usuário.

    ]]>     2022-04-23 17:03:53 UTC https://padlet.com/andrermatos90/39vgs8cjmpgwdkfm/wish/2154774744