Logo

dev-resources.site

for different kinds of informations.

UI Patterns

Published at
4/4/2024
Categories
ui
uidesign
frontend
design
Author
Leandro Lopes
Categories
4 categories in total
ui
open
uidesign
open
frontend
open
design
open
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: