Design process: how thumbnail and concept sketches get refined into wireframes for a complex document.

Loose concept sketching: exploring problem space and concept model

6-up ideation sketching: forces me to move beyond first ideas, and explore/synthesize different patterns (part 1)

6-up ideation sketching: forces me to move beyond first ideas, and explore/synthesize different patterns (part 2)

Mix of rough concept sketching and development: here we realized we needed more firmly defined types of manufacturing operations

Roughing out types of operation, ideas of what kinds of information each would need

Dropping elements on the page, exploring what manufacturing history for a part might entail

Iterating: sketching what kinds of things we want to display, not worried so much about how yet

One concept sketch for part movement on the traveler

Synthesizing ideas from earlier sketches into a wireframe. Purpose: just enough fidelity to get concept across to stakeholders for feedback on concept

Quick and dirty revisions undertaken in about 10 minutes based on stakeholder feedback. Purpose: establish how rough and early this design is; make stakeholders comfortable asking for major changes

1 2 3 4 5 6 7 8 9 10

Sketches → Wireframes