Usabilidade, heurísticas de Nielsen e criação de protótipos utilizando Figma
outubro 28, 2020Janaína Orloski, Lucas Klüber, Leandro Santana e Natali Lisboa
Neste minicurso dividido em duas unidades iremos falar um pouco sobre usabilidade, heurísticas de Nielsen e por fim apresentaremos a ferramenta Figma.
Unidade 1 – Usabilidade, usuários e heurísticas de Nielsen
O objetivo desta unidade será explicar o que é usabilidade, heurísticas de Nielsen e fazer considerações sobre o design do site antigo e do site novo da Universidade de Ponta Grossa (UEPG).
A seguir temos algumas questões sobre a unidade 1:
1 – As heurísticas de Nielsen são umas das principais referências para avaliação da facilidade de uso em interfaces. Uma delas é relacionada a manter o usuário informado sobre o que está acontecendo no sistema. Qual das alternativas abaixo é essa heurística?
a) Linguagem do usuário
b) Prevenção de erros
c) Visibilidade do sistema
d) Consistência/padrões
2 – Durante a criação de uma nova plataforma é importante levar em conta:
– Quem é nosso usuário?
– Para quê ele utilizará o que está sendo criado?
– Níveis de conhecimento do usuário com tecnologia
Por qual motivo é importante utilizar esses parâmetros?
a) Ajudam a criar heurísticas
b) Ajudam a criar soluções
c) Ajudam a criar padrões
Unidade 2 – Introdução ao Figma e protótipos da tela inicial do site da UEPG
Na segunda unidade será apresentada a ferramenta Figma que é utilizada para prototipagem e será feito o redesenho da tela principal do site da UEPG com base nas heurísticas de Nielsen.
A seguir temos algumas questões sobre a unidade 2:
1 – Como criar um padrão visual em uma plataforma?
a) As escolhas de design devem se repetir ao longo das páginas da interface
b) Deixar espaços em branco ao longo da interface
c) O ideal é usar várias cores na interface
d) A tipografia deve ser alternada ao longo da interface
2 – Sobre o Figma, para que serve pressionar a tecla control quando estamos trabalhando no tamanho de um frame?
a) Porque garantimos que ele crescerá apenas verticalmente
b) Porque impedimos que ele deforme os elementos contidos
c) Porque mantemos as cores originais do documento
d) Porque replicamos o frame diversas vezes
Resposta das questões:
Unidade 1:
1 – b
2 – c
Unidade 2:
1 – a
2 – b