Browsing Tag

UI

webbutveckling

Samlingar av design patterns för webbdesign

Senaste tiden har det startats flera samlingar med design patterns för interaktionsdesign. Till skillnad från vanliga gallerier som visar snygga webbplatser så visar dessa gallerier snygga, praktiska och användarvänliga lösningar på vanliga problem.

Formella design patterns utgår från ett problem, presenterar en abstrakt lösning, motiverar lösningen och presenterar exempel på hur den kan implementeras. Flera av samlingarna nedan utgår dock från ett vanligt element på en sida (exempelvis sidbläddring) och samlar helt enkelt exempel på olika varianter.

Samlingarna fyller framför allt två funktioner. Om man har kört fast eller ställs inför ett nytt eller ovanligt problem kan man snabbt titta på hur andra löst samma problem och om det verkar finnas en standardlösning. Samlingarna fungerar dessutom bra som allmän inspiration, man kan titta igenom dem då och då för att hålla koll på nyheter inom interaktionsdesign för webben.

  • Pattern Tap
    Min favorit för ren designinspiration.
  • UI-patterns
    En omfattande samling med mycket information om varje pattern.
  • Yahoo Design Pattern Library
    Också ganska omfattande. Speciellt fokus på element för sociala webbplatser och webbapplikationer.
  • UI Pattern Factory
    Riktigt bra samling. Går att lägga till egna exempel genom taggning på Flickr.
  • Konigi
    En stor samling rena exempel som är löst kategoriserade.
  • Quince
    En välstrukturerad samling patterns som inkluderar både webb och desktop. Tyvärr är Silverlight-gränssnittet nästan oanvändbart. Prova HTML-versionen istället.
  • Welie
    Ännu en stor samling. Har varit med ett tag och drivs av en privatperson.
  • Open Source UI Design Patterns
    Grundliga beskrivningar men få patterns än så länge
  • Designing Interfaces
    Grundligt beskrivna generella patterns. Inte webbspecifika.
  • Brian Christiansens Flickr-samling
    En stor samling exempel i form av skärmdumpar på Flickr.
  • Ecommr
    En samling inriktad på e-handel