260 likes | 514 Vues
UI Patterns. Patterns are. Things that repeat Solutions to common problems Tried and true solutions Expert knowledge. Good pattern description has. Name Problem Solution Examples Description of trade-offs and alternatives Context. Context. When you should think about a pattern
E N D
Patterns are • Things that repeat • Solutions to common problems • Tried and true solutions • Expert knowledge CS327
Good pattern description has • Name • Problem • Solution • Examples • Description of trade-offs and alternatives • Context CS327
Context • When you should think about a pattern • One pattern might set the context for another • Some patterns are high-level, others low-level CS327
Good patterns • Some patterns make system easier to use, less confusing, more “habitable” • Good patterns tend to get repeated • Some bad patterns are also repeated CS327
UI Patterns and Techniques • http://time-tripper.com/uipatterns/index.php • Jenifer Tidwell CS327
Overall organization of UI • List of objects • List of actions or tasks • List of subject categories • List of tools CS327
Overview plus detail CS327
Extras on demand CS327
One-window drill-down CS327
Intriguing branches CS327
Multi-level help CS327
Visual Flow • Make important info be “focal points” • Create focal points with color, font, chunking • Indicate relationships by visual grouping CS327
Visual Framework CS327
Center Stage For information centered or task centered interfaces. CS327
Titled sections Use when there is more than a handful of controls or text fragments on the page. CS327
Card Stack CS327
Closable panels CS327
Movable panels CS327
Right-left alignment CS327
Diagonal balance CS327
Property sheet CS327
Progressive Enabling CS327
UI patterns • Traditionally learned from experience • Good to have standard names • Good to have catalog to jog memory • Still takes practice CS327
Next time • Read “The Cathedral and the Bazaar”, which is about open-source process. • Read the paper, not the book • http://www.tuxedo.org/~esr/writings/cathedral-bazaar/cathedral-bazaar/ CS327