DEV Community

Leandro Lopes
Leandro Lopes

Posted on

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.

Heroku

This site is built on Heroku

Join the ranks of developers at Salesforce, Airbase, DEV, and more who deploy their mission critical applications on Heroku. Sign up today and launch your first app!

Get Started

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay