Design Notes

A scrapbook of design notes and inspiration, per Jon Hicks's recommendation (citation needed, see recent @media Europe presentation).

Visualizations

• http://www.abeautifulwww.com/

Counters and meters

• http://www.worldometers.info/

Leonardo da Vinci Polyhedra 

• http://georgehart.com/virtual-polyhedra/leonardo.html
• http://www.gogeometry.com/solid/da_vinci_dodecahedron_jenn_3d_sw.htm
• http://www.gogeometry.com/solid/da_vinci_octahedron_jenn_3d_sw.htm
• http://www.gogeometry.com/solid/da_vinci_cube_jenn_3d_software.htm
• http://www.gogeometry.com/solid/da_vinci_tetrahedron_jenn_3d_sw.htm
•     

Figures icons pictograms

• http://www.nytimes.com/interactive/2010/02/24/sports/olympics/pictograms-interactive.html

Resources

Interaction Design Pattern Libraries

Examples of UIs and portions thereof.

• Designing Social Interfaces -  Principles, Patterns, & Practices for Improving the User Experience
• Paternry UI Pattern Library
• Yahoo Design Pattern Library 
• related: YUI Library

Color pickers

• http://kuler.adobe.com/#themes/rating?time=30
• http://colorschemedesigner.com/

Online editors

• animated GIF creator (upload 3-10 images or source from Flickr): http://gickr.com/ 
• web-based SVG editor: http://svg-edit.googlecode.com/svn/branches/2.5.1/editor/svg-editor.html

Web interactivity

• http://www.performable.com/blog/more-valuable-than-the-home-page--landing-pages-and-forms/
• http://www.lukew.com/ff/entry.asp?1007 - "Mad Libs" Style Form Increases Conversion 25-40% - inspired by http://huffduffer.com

User Interface Anti-patterns

• Dark Patterns
• Guy Kawasaki blog: The Top Ten Stupid Ways to Hinder Market Adoption

Return to FrontPage.