Lär dig interaktionsdesign med design patterns

Även om uttrycket design pattern ofta står för programmeringslösningar, är det även tips på vad man ska tänka på när man utformar gränssnitt.

Exempel ur Yahoos samling av koncisa beskrivningar med tillhörande grafik

Exempel ur Yahoos samling av koncisa beskrivningar med tillhörande grafik

Tipsen är inte skrivna i sten och saknar ofta källor som bekräftar att tipsen fungerar, mer än på papper. Det finns ett par samlingar av dessa tips att tillgå på nätet och alla samlingar har ungefär samma struktur.

Uppspaltning av pattern

Uppspaltning av ett pattern

  • Inom vilken kontext hör ditt problem hemma?
  • Vilket problem är det du har?
  • Dessa sakerna är viktiga att tänka på
  • Oftast inkluderas en helhetslösning på problemet, gärna med bilder som exempel (“gör inte som på bilden, det är fel för att …”)
flickr_design_patterns

"Reuse, recycle, but don't reinvent the wheel unless necessary" - beskrivning av Flickr-gruppen Design patterns.

“A pattern describes an optimal solution to a common problem within a specific context” – Yahoo. Med en så känd avsändare som Yahoo blir ansatsen med patterns trovärdig.

Bidra själv

Designing Social Interfaces är en intressant wiki som ska ligga till grund för en bok (O’Reilly). Tankesättet “alla kan bidra” förekommer ofta, vilket gör konceptet med design patterns väldigt spännande. Om man bidrar till wikin kan man dessutom bli omnämnd i boken vilket sporrar ännu mer.

De stora vinnarna är ändå användarna av tjänster som ser ut på standardiserade och genomtänkta sätt. Det behövdes ett kul och icke-akademiskt sätt att dela med sig av sina erfarenheter för att sprida dem. Även om patterns stöttade av argument och diskussioner aldrig kommer i närheten av prövade undersökningar, passar det webben – utveckling ska gå snabbt från start till mål.

Ytterligare källor

Yahoo – bibliotek

Pattern Tap – community/foton

Flickrgruppen Design Patterns – foton

Welie – bibliotek

This entry was posted in livet and tagged . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>