Sketch sheets for page layouts or interaction design

I was chatting with someone this week about paper prototyping, and sketching out ideas. We discussed how best to present alternative page layout ideas, or to show (in a very lo-fi way) what happens when a user carries out a particular interaction on a webpage.

example of a four-pane sketch sheet

Example of a four-pane (4-up) sketch sheet

I explained that I quite often sketch things on prepared sheets of A4 that include one or several blank browser windows, with an extra couple of boxes for title, date, comments and annotations.

Download sketch sheets

There is deliberately not much room for lots of detail, but it allows you to show how things might be laid out in a browser window, or how transitions might look during interaction. Lots of designers use this approach, so it’s nothing new! But I find it a really simple, quick and portable way to have a “visual discussion”.

I’ve made these available for download in PDF format, both the single browser window and four window versions. I hope they come in handy for your sketching.

Thanks to Seb Pesseat for helping me get these to print nicely on A4.

Advertisements

2 thoughts on “Sketch sheets for page layouts or interaction design

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s