Prototype Process and Tools
June 18, 2010
I’ve been working on a project recently that involved mockups and prototyping for a mobile web application. I wanted to share some of the process and tools that I found useful. Sketches I first started out with low fidelity sketches. Paper and markers. Easy to draw, markup, and hack up. Checkpoint: Sit down with the developers to walkthrough the concept, get their ideas and feedback, and surface any potential technical issues. Balsamiq I then went to my favorite mockup tool – Balsamiq. Balsamiq makes it easy to mockup applications. It has the feel of a mockup – lots of hand drawn looking elements, comic sans fonts, and yellow stickies. Balsamiq allows you to “link” mockups together. So clicking on a hyperlink or on a button would navigate you to another mockup. You can then use…