dev-resources.site
for different kinds of informations.
UI Patterns
VocĆŖ jĆ” se perguntou como as melhores interfaces sĆ£o projetadas?
Bem-vindo ao universo dos UI Patterns, onde a magia da usabilidade e da experiĆŖncia do usuĆ”rio acontece!
UI patterns sĆ£o componentes reutilizĆ”veis/recorrentes que os designers usam para resolver problemas comuns de design de interface. Eles economizam tempo e esforƧo, promovendo usabilidade, consistĆŖncia e acessibilidade.
Assim como os desenvolvedores, os designers usam patterns como soluƧƵes testadas e comprovadas para criar interfaces eficazes e fĆ”ceis de usar. Em vez de reinventar a roda a cada novo design, eles podem recorrer a uma coleĆ§Ć£o de padrƵes estabelecidos que provaram funcionar em situaƧƵes semelhantes.
Alguns UI Patterns frequentemente utilizados para a criaĆ§Ć£o de interfaces, sĆ£o:
- Breadcrumb: UI Pattern utilizado para indicar a localizaĆ§Ć£o do usuĆ”rio na hierarquia de uma pĆ”gina web.
- Card: UI Pattern utilizado para apresentar informaƧƵes de forma resumida.
- Modal: UI Pattern utilizado para chamar a atenĆ§Ć£o do usuĆ”rio, interrompendo seu fluxo atĆ© que uma aĆ§Ć£o seja realizada.
- Accordion: UI Pattern utilizado para organizar informaƧƵes em uma interface de maneira compacta e permitir que o usuƔrio expanda conforme seu interesse.
Quer aprender mais sobre UI Patterns? ConheƧa meu eBook Design para Devs onde temos um capĆtulo inteiro sobre esse assunto que todo desenvolvedor profissional frontend deve saber.
Featured ones: