Técnicas de UI - Webdesign 2022

1. TÉCNICAS
DE USER INTERFACE
RENATO MELO - 2022

2. USABILIDADE
STREAMING

3. 1ª DOBRA

4. 2ª DOBRA

5. UI
Técnicas de aplicação

6. #1 – Agrupar
Agrupe funções similares ao invés de
fragmentá-las.

7. #2 – Destaque a conversão
Coloque cores e destaque somente a
conversão. Tome cuidado para não
confundir e distrair seu usuário.

8. #3 – Menos é mais
Coloque nos campos de formulário somente
o necessário.

9. #4 – Excesso de links
Só use em caso de todos levarem ao mesmo
local. Tome cuidado em distrair demais seu
usuário.

10. #5 – Call to Action?
Troque “Cadastre-se agora” por “Quero
receber as melhores ofertas”, por exemplo

11. WIREFRAME

12. Wireframe é uma representação visual em
escala de cinza da estrutura e funcionalidade de
uma única página web ou uma tela de um app.

13. Wireframes são usados ​​no
início do processo de
desenvolvimento para
estabelecer a estrutura básica
de uma página antes de
acrescentar o design visual e
conteúdo, e podem ser
criados usando papel, em
HTML/CSS ou usando
aplicativos de software.

14. EXERCÍCIO
WIREFRAME

15. Faça o Wireframe do design de um aplicativo de
banco ideal.

16. TÉCNICAS
DE USER INTERFACE
RENATO MELO - 2022