Browsing Tag

webbdesign

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
webbutveckling

Ständigt närvarande

Nu börjar den nya layouten falla på plats. När jag funderade på funktion och form så hade jag en föreställning om Mediascreen som mer av ett flöde med mig i centrum (en liten egoblogg helt enkelt). Den skulle samla experiment och projekt och fungera som en lekstuga för nya idéer och tekniker. Jag ville också gärna skapa en känsla av närvaro – en länk mellan mig och dig som besökare.

Nu finns här i vilket fall något som både är ett försök till närvaro och ett litet experiment. Längst upp i det blå fältet kan du se ett litet meddelande från mig.

  • Om jag har uppdaterat min Facebook-status de senaste timmarna visas denna.
  • Annars visas vad jag spelar för musik just nu.
  • Har jag ingen musik på visas istället ett länktips från mina delicious-bokmärken märkta med share.

Jag kommer att leka med lite olika varianter på livsflöden framöver. Jag kommer även bygga in cachning av meddelandet så jag slipper hämta flöden live från de olika tjänsterna. (Som man brukar säga: Den enes rss-läsare är den andres denial-of-service-attack.)