UI Design Patterns

Jan 7, 2010

Um padrão de design, ou design pat­tern,  refere-se a uma solu­ção que pode ser reu­ti­li­zada e apli­cada aos pro­ble­mas gerais do mundo real.

Exis­tem mui­tas manei­ras de lidar com um requi­sito espe­cí­fico de um pro­jeto de inter­face e – como desig­ner – a coisa mais impor­tante que você pode fazer é sele­ci­o­nar a opção que melhor reflita as neces­si­da­des de seus usuá­rios. Os exem­plos abaixo são parte de uma com­pi­la­ção com os melho­res dos melho­res, publi­ca­ções online e bibli­o­te­cas dedi­ca­das a com­par­ti­lhar infor­ma­ções e explo­rar con­cei­tos rela­ti­vos aos padrões de design de inter­face do usuário.

---

UI-patterns.com

UI-patterns.com é uma cole­ção de padrões de design onde os desig­ners de inter­face podem bus­car ins­pi­ra­ção. O site per­mite que os usuá­rios man­ter con­jun­tos de suas pró­prias (publi­ca­mente aces­sí­veis aos visi­tan­tes do site) para que você possa ver outras cole­ções de padrão de design de inter­face do usuário.

---

Konigi

Konigi des­taca exem­plos do design de inte­ra­ção e do uso de design visual no mundo-real. Exis­tem mui­tas for­mas de utilizar,navegar e encon­trar o con­teúdo dese­jado no site, incluindo uma página de Tags popu­la­res com as palavras-chave mais usa­das divi­di­das em três cate­go­rias: palavra-chave, pro­duto e empresa.

---

Inte­rac­tion Design Pat­tern Library

Welie.com pos­sui uma bibli­o­teca de padrões de design de inte­ra­ção man­tida por Mar­tijn van Welie, Ph.D. em Human Com­pu­ter Inte­rac­tion. A bibli­o­teca pos­sui uma tone­lada de padrões de design que envol­vem várias tare­fas de um site. Cada padrão segue um for­mato espe­cí­fico: o pro­blema, a solu­ção, quando usar o padrão, por que você deve usar o padrão de design e os exem­plos do padrão em uso.

---

design|snips

Esta Gale­ria de design concentra-se em com­po­nen­tes comuns de pági­nas web bem como nas ten­dên­cias de design. Design|snips pos­sui mais de 30 cate­go­rias, o que per­mite que se encon­tre facil­mente o padrão de design ou ten­dên­cia que mais inte­res­sam. Além disso, os usuá­rios têm per­mis­são para clas­si­fi­car cada design em des­ta­que na Galeria.

---

The UI Pat­tern Factory

The UI Pat­tern Fac­tory é uma bibli­o­teca e gale­ria de design de inter­face do usuá­rio. O inte­res­sante do UI Pat­tern Fac­tory é que as vezes eles com­par­ti­lham vídeos para melhor des­cre­ver os pro­ble­mas e solu­ções de design. Alem disso os usu­a­rios podem con­tri­buir com exem­plos que são arqui­va­dos em uma conta no Flickr: UIPatternFactory.com

---

Ele­ments of Design

Ele­ments of Design concentra-se em com­po­nen­tes espe­cí­fi­cos do web design, tais como for­mu­lá­rios de login e nave­ga­ção de site, na espe­rança de ins­pi­rar desig­ners, bem como para real­çar mode­los que estão se tor­nando padrão.

---

Arti­gos relacionados:

• Mapa da Empatia
• Ser­vice Design
• Ser­vice Design Tools
• W3C de cara nova