Thursday, October 1st, 2009 (updated 4 Oct ’09)

Adam Khan | Brighton, England

Architecture

Username

Password

Forgot your password?

Register

Elsewhere...

More and more of OpinionJournal goes behind the paywall. Personally I think it’s the right move, because what’s there to lose? If we won’t pay, the business was over anyway. And my bet is we will.

Macworld Expo 2010 Best of Show.

On chatroulette.com.

Russell Beattie: What we really wanted was a MacPad not an iPad.

Sikuli, ingenious GUI scripting. Definitely going to try it.

This video of a tablet mockup makes me horny at last for a tablet computer. I’m excited for tomorrow’s Apple announcement. Guess I’ll be standing in line to buy one as well.

A Little Less Conversation, says Joel Spolsy.

Fake Steve Jobs pens the most insightful piece I’ve read on Google’s complaints vis-a-vis China.

Hypercritical by John Siracusa, or, The Tao of Editing.

A test of input device speed for a 221-word passage.

I

n our experience there are three elements that together form the architecture of a web site or system: the data structure, the site organization and the screen wireframes. The first of these is the back-end, the latter two are the front, often referred to as the information design.

The essence of developing the data structure is mapping a client’s vision and requirements to a relational database, complete with all fields. Unless you’ve already done and documented it, this is invariably done through extensive conversations.

Often discussed simultaneously with the data structure is the user side of things. The site organization is comprised of the navigation structure, often expressed in menus, and of the process flow, such as the results upon completing forms. And as the user-centric discussion shifts back and forth from the site as a whole to each individual screen, the result is a collection of screen wireframes.

An excellent primer on the topic of information architecture is Jesse James Garrett’s The Elements of User Experience: User-Centered Design for the Web. Two of the steps mentioned above, site organization and screen wireframes, together form the 2nd and 3rd levels on JJG’s Elements of User Experience diagram.

The entire process, with dependencies

Process