Design Pattern – Elementi di design

Quando si parla di Design Pattern, quello che si intende è la necessità di risolvere un ben preciso problema facendo uso della migliore soluzione riconosciuta al momento (la cosiddetta “best practice”).

Sia che dobbiate progettare un’interfaccia utente completa o che vi sia stato chiesto di ridisegnare parte di un sito web, conoscere gli elementi di design più comuni e il loro utilizzo corretto può realmente fare la differenza quando si tratta di risultato ottenuto nei confronti dei nostri utenti e della facilità di utilizzo di ciò che andiamo a creare.

1. Yahoo! Design Pattern Library (http://developer.yahoo.com/ypatterns/index.php)

Probabilmente il più autorevole dei cinque qui proposti, questo archivio made in Yahoo! contiene moltissimo materiale suddiviso per necessità / attività (come navigazione, browsing, search, tabulazione). La soluzione al problema viene fornita sulla base di una precisa analisi di necessità e vincoli di interazione.

2. Elements of Design (http://www.smileycat.com/design_elements/)

Elements of Design è una vera e propria raccolta di elementi di webdesign. La suddivisione avviene per gallerie a tema e il materiale, che si avvicina alla cinquantina di elementi per tipologia di interazione, è sufficiente a dare un’ottima idea delle possibili alternative alle nostre necessità.

3. Designer ToolBox (http://www.designerstoolbox.com)

Il più completo non solo sotto il profilo web ma anche quello del design classico. Si parte dalle dimensioni di buste e contenitori per cd/dvd passando per banner, dimensioni browser safe divise per sistema operativo e monitor. Utili le risorse dedicate ai font e alle tabelle di conversione. Un must sia per esperti che per principianti.

4. Welie.com (http://www.welie.com/patterns/)

Welie si concentra sull’analisi del problema piuttosto che sulla soluzione “visiva” ad ogni costo. Ogni elemento è trattato come un problema a sè stante, sintetizzato nelle sue funzionalità e solo in minima parte mostrato sotto forma di esempi. Se vi piace la parte teorica e volte trovare le risposte al “perchè” di un determinato utilizzo, questo è il posto giusto.

5. Pattern Tap: Collections (http://patterntap.com/collections)

Ancora una vastissima gallery di elementi di webdesign. La suddivisione è questa volta, oltre che per tipologia di elemento, anche per tag che lo caratterizza. Non mi stancherò mai di dire che gallery di questo tipo, proprio per il loro impatto visivo “ispirante”, possono essere un validissimo rimedio al blocco creativo o al gusto di “già visto” che talvolta si posa sui nostri lavori.

Non c’è ovviamente pretesa di esaustività nella lista qui riportata (ci mancherebbe); tuttavia l’argomento è interessante e mi piacerebbe conoscere gli showcase che ritenete più meritevoli e degni di nota.

Per chi tra di voi volesse avere una visione globale dell’argomento trattato (che esula quindi dal wer per affrontare temi di User Interaction più “accademici”, non posso che consigliarvi l’ottimo testo “Designing Interfaces” di Jenifer Tidwell, di cui trovate alcuni estratti sul sito ufficiale.

foto: tcp909