Thanks to everyone who made it along to the Design Prototyping talk, and for getting involved in the discussion afterwards. I certainly found it really useful.
The slides are embedded below, along with a couple of links to useful resources.
Slides from my talk
Resources + ideas
Bill Buxton (author of “Sketching User Experiences”) keynote talk at Mix ’09, and especially the importance of sketching the flow of activity, through a series of interfaces.
“If you don’t have as much detail in the transitions as you do in the states, you’re going to get it wrong”
Ryan Singer (37signals) gave a talk at a Ruby on Rails conference “UI Fundamentals for Programmers” – some great concepts (not solely about prototyping) and ideas of domain-driven design
“Good UI starts with a model that allows for implementation and makes sense to users”
Anne brought along a copy of “Paper Prototyping” for us to look at. I hadn’t seen it before, but there is a lot of good stuff in there.
Wireframe – a definition
My apologies for assuming that everyone knows what I mean when I say “wireframe”. If you say “abstract class”, I will look blank! 🙂 Here’s a decent definition from Wikipedia:
“A website wireframe (also “web wire frame”, “web wireframe”, “web wireframing”) is a basic visual guide used in interface design to suggest the structure of a website and relationships between its pages. A webpage wireframe is a similar illustration of the layout of fundamental elements in the interface. Typically, wireframes are completed before any artwork is developed.”