UI Prototyping/Mockup tools you should be using
Last week a colleague asked me to shed some light on tools that would be helpful in prototyping UX and creating mockups. And now I’ll take this an an opportunity to share what I said.
PEN, PAPER, AND CAMERA (VERY UNDER-RATED)
Cheap and sometimes the fastest way for simple UI.
![IMG_0049[1]](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_u58hEp-s9hDuo3lxwWeJMJw021tvu1i-OtrYYOSJ1nGEUbQneWIW2jhSFamH1u25q7BQylER7mbJvYywbV7walN2uMLzAsjfXR8Blj5LmAgI3XQ1uqvRkZa1MQZaUn7Tfb1mbsYNwCN49jtDRJGF3vIeWhsHeN56imOhEH7B5XCUHAVkN_fXVMKJrDQ-415yy7sxTcQ7UdvIfDOolxsBE=s0-d "IMG_0049[1]")
- Use graph-paper – makes it easy keep consistent sizing and alignment
- Whiteboards also work, provide an easy “undo” -and are useful if you need to do a full UX workflow
- The camera is critical here – you can avoid redrawing it
- Protip– use the graph paper with the light blue (any light color is fine) lines – if you want to get rid of the lines, it’s easy to do in a bitmap paint program later
Read more: Saveen Reddy's blog