exploring yahoo pattern library
Definition of pattern: an optimal solution to a common problem within a specific context.
Four primary components of pattern:
The design pattern library provided a great deal of patterns that we've been viewing and experiencing, but may not realizing how they facilitate our processing. I browsed the pattern library and here I chose several examples to demonstrate.
1. navigation > navigation bar > progress bar
I love progress bar because it provides expectation of how many steps in total; it provides clear preview of what steps I'm going to follow/ what information I'm going to fill; it shows in which step I am now
Confim/submit in the last screen, but don't include a passive confirmation or receipt page in the progress bar
Use short names for steps and use parallel construction
2. rich interaction > invitation > cursor invitation
Cursor invitation give users a clue where is clickable or interacted with
change the cursor to indicate the operation
3. rich interaction > drag and drop > drag and drop modules
mouse hover over draggable object
drag over a valid target area
drag over an invalid target area
drag over the original location
drop back on original location
4. social > objects > collecting > saving
use this pattern to allow people to show off, share or collaborate around a collection of online items
allow the user to add tags, a description or other metadata to the item saved
consider allowing people to form groups around items or collections of items
allow user to specify if the item is public or private
