graphicmania.netsmashing magazine
Fluid Grids (Responsive Design)http://cssgrid.net/http://www.getskeleton.com/http://960.gs/http://www.designinfluences.com/fluid960gs/
Digital Vintage & Skeuomorphism
• Retaining ornamental design cues
• Emulating i.e. luxurious and fragile feel
• Making new look and sound old and familiar
• Not necessary non-functional
Some patterns for consideration
• 4 states for interactive elements
• visual clues
• learned behavior
• consistency
Basic views – Dashboard
Application Icon
Action bar (with branding)
Contextual action
Most important functions
Relevant info; data updates
androiduipatterns.com
Basic views – Listing
Application icon
Never-ending list
androiduipatterns.com
Navigation
Action forchecked items
Swiping tabs
Case – AllKpop.com
J. Nielsen 2011, useit.com
Case – AllKpop.com
J. Nielsen 2011, useit.com
Fewer features
Bigger touch surface
>
Full headlines
Visual content
Tighter design
Hiding date
Labeling drop down menu
References
• http://developer.android.com/design
• http://www.androidpatterns.com
• http://www.androiduipatterns.com