Grokkin' Design

Design & Usability
Location: Meeting Room J3
Average rating: ***..
(3.59, 17 ratings)

Design is 80% science and 20% art. It can sometimes seem that the reverse is true, but understanding a few rules and methods can help demystify the discipline.

This talk dives straight into the science of design with a quick-fire grounding in the techniques that help create good interfaces. From using the golden ratio in layout and Fibonacci numbers in typography, to brand design and art direction, it covers it all in tasty, bite-size pieces that will retain their flavor long after the session is done.

Photo of Jon Tan

Jon Tan


Jon Tan is the Creative Director for OmniTI. He publishes a popular personal site, as well speaking at events like SXSW and SkillSwap around web typography, user experience design, and collaboration.

Jon is also a member of the International Society of Typographic Designers. His work has featured in magazines like .Net as well as countless design galleries including the CSS Zen Garden, and books like the Web Design Index (Pepin Press) and The Principles Of Beautiful Web Design (SitePoint).

Comments on this page are now closed.


Picture of Jon Tan
Jon Tan
07/23/2009 1:50am PDT

HI guys, thanks for the feedback, and apologies again for the projector clarity. The actual slides, either on SlideShare or as a PDF with my notes will hopefully be more useful:

Thanks for taking time to come to by the talk, and have a great remaining OSCON! :)

Picture of Bowen Dwelle
Bowen Dwelle
07/23/2009 1:22am PDT

Very solid and helpful coverage of page layout and typography basics. Poor prep with regard to the presentation & projector though :|

Ronald Sarayudej
07/22/2009 4:23pm PDT

When/where will the slides be available?

Picture of Charlie Katz
Charlie Katz
07/22/2009 6:13am PDT

Lots of good basic info for a behind-the-web-page techie who is being forced into a designer role. Branding info not directly relevant, but interesting.

Joe VanAndel
07/22/2009 4:31am PDT

Too much time spent on branding.

Edna Wigderson
07/22/2009 4:20am PDT

not your fault, but the projector really messed you up…

  • Intel
  • Microsoft
  • Google
  • Sun Microsystems
  • Facebook
  • Gear6
  • Kaltura
  • Liferay
  • MindTouch
  • Novell, Inc.
  • Open Invention Network
  • Rackspace Cloud
  • Schooner Information Technology
  • Silicon Mechanics
  • Symbian Foundation
  • Twilio
  • WSO2
  • Yabarana Corporation

Sponsorship Opportunities

For information on exhibition and sponsorship opportunities at the conference, contact Sharon Cordesse at

Download the OSCON Sponsor/Exhibitor Prospectus

Media Partner Opportunities

Download the Media & Promotional Partner Brochure (PDF) for information on trade opportunities with O'Reilly conferences or contact mediapartners@

Press and Media

For media-related inquiries, contact Maureen Jennings at

OSCON Newsletter

To stay abreast of conference news and to receive email notification when registration opens, please sign up for the OSCON newsletter (login required)

Contact Us

View a complete list of OSCON contacts