Don’t start with the home page
~ 27 November 2006 ~
…if you’re building a web app.
Too often it’s the accepted modus operandi to begin image comping, rapid prototyping, or iterative design by designing the home page first. While this practice works well for “brochureware” sites and other forms of brand-heavy design, it’s often a myopic approach for applications that are more utilitarian in nature.
If you’re comping the UI of a web app, forget the home page for now, as you’ll find the design of such will fall into place once you’ve mastered the UI for the more critical components. For nearly all web-based apps, the pre-login home page is merely marketing speak; a means of converting visitors into users. The post-login home page is almost always a dashboard; a summary of changes to important data since last login, and a springboard for new actions. Occasionally the home page is the primary raison d’être, e.g. Mint, in which the dashboard is the primary destination. But this is typically the exception rather than the norm.
Instead, begin with the core action(s) of the application and its interface. If your app facilitates recipe storage and retrieval, start with the Add Recipe and View Recipe screens. If your app offers invoice creation and management, start with the Create Invoice or Send Invoice screens. These screens and their siblings will inevitably dictate what should and shouldn’t appear on the dashboard or home page.
Stock photography, type, and killer tees. Genuinely recommended by Authentic Boredom.
Authentic Boredom is the platitudinous web home of Cameron Moll, designer, author, and speaker. More…
Full-time and freelance job opportunities. Post a job...
A selection of fine reading, available for a limited time only:
- Recent job listings, testimonials, and 100th Kiva loan
- The ISO50 Field Guide to Color Management
- Upgrading the hard drive and memory in a refurbished 13" MacBook Pro
- Inspiring type: Libro di M. Giovambattista Palatino
- Randomness, vol. IX
CSS Mastery: Advanced Web Standard Solutions A solid round-up of indispensable CSS design techniques by Andy Budd, Simon Collison, and Cameron Moll.
Mobile Web Design A guide to publishing web content beyond the desktop. Tips, methodology, and resources. Now available.
Letterpress Posters The unassuming beauty of a freshly letterpressed print.
That Wicked Worn Look. Techniques for that worn, aged, distressed look.
Mister Retro Machine Wash Filters Turn the dial to “Instaworn” with these filters.
Blinksale Dive in and enjoy shamelessly easy invoicing from Firewheel Design.
Basecamp My preferred web app for internal and client project collaboration.
HOW Conference Austin, June 24–27. Pentagram, Adobe, P&G, et al.
Web Design World Seattle, July 20–22. Practical sessions on web design.
Stimulate Salt Lake City, September 2009. Entrepreneurship and design conference.