Análise do site Ali Express

1. “Padrões de Projetos de Interface do
Usuário”
Cleber Antônio Garcia
Vitor Bandeira Ribeiro
Jales
2017
Componente Curricular: “Projeto de Navegação e Interação”
Faculdade de Tecnologia de Jales
Professor: Jorge Luis Gregório

2. 2

3. Introdução
Design Patterns ajudam a solucionar problemas que
ocorrem frequentemente, e, se usados com bom
senso, se tornam ferramentas poderosas para os
desenvolvedores, uma vez que já foram testadas,
utilizadas e aprimoradas a partir da experiência e
conhecimento de outros programadores.
3

4. 4
Site analisado:

5. 5
Dealing with data
Os dados podem ser pesquisados, formatados e
visualizados de várias maneiras.​​

6. 6
NavigationTabs
O conteúdo separado em seções e acessado usando estrutura de
navegação plana que fornece indicação clara da localização atual.

7. 7
ModuloTabs
Destaques separados em módulos mantendo a atenção do usuário

8. 8
InputFeedback
O usuário insere dados no
sistema e espera receber
feedback sobre o resultado
desse envio.

9. 9
Captcha
O aplicativo precisa
verificar se os dados
enviados são originários de
um ser humano real e não
um robô.

10. 10
Live Preview
O usuário quer que as alterações nos campos de formulário
afetam o resultado final o mais rápido possível.

11. 11
Completeness Meter
O usuário quer completar um objetivo, mas precisa
de orientação quando é atingido e como alcançá-lo.

12. 12
Inline HelpBox
O usuário precisa de informações assistivas localizadas
perto da interação que elas estão prestes a realizar.

13. 13
AutoComplete
Reconhecimento de pesquisa auxiliada ao executar tarefas de
busca que são difíceis de lembrar ou digitar incorretamente.

14. 14
ImageZoom
O usuário deseja ampliar uma imagem para ver os
detalhes em uma resolução de imagem mais alta.

15. 15
DropDown Menu
.
O usuário precisa navegar entre as seções de um site,
mas o espaço para mostrar essa navegação é limitado

16. 16
Modal
.É aquela janela que quando clicamos para abri-la ela tira
de foco o resto do site e coloca uma janela em evidência

17. 17
Coupom
Quando se quer atrair usuários para comprar produtos usando um incentivo.

18. 18
Sugestões
- Accordion Menu
- Reaction
- Chat

19. 19
Referências
http://ui-patterns.com/patterns
https://developer.yahoo.com/ypatterns/