Evernote Snapshot 20180103 064736

Ideation Continued: Rapid Screen sketching

Let's continue our ideation with rapid screen sketching. Now that we have nailed some solid user task models, we can use those to identify which screens are necessary. Here is a suggested list of just a few screens, but we'll likely come up with more:

  • Home/logo screen
  • Capture or camera screen
  • Cropping and Selection areas screen (maybe an overlay of the camera?)
  • Single Project view sreen 
  • Single typeface screen

Our task models may necessitate other screens, as will some of our suggested screens. But let's go ahead and work them all now. Then we'll take a stab at sketching them in our sketchbooks and presenting them. We'll then assess these sketches, discussing and identifying goods ideas, ok ideas, and troubling ideas. At the end we should have identified key screens.

 Content Prioritization

With these key screens in mind, and a better idea of what should go where, let's literally going back to the drawing board and each draw key screens. Finish all must-have screens for homework.



Now that we've created sketches and talked extensively about user experience design best practices and concerns, it's time to start wirewframing. Wireframes are very pared-down, basic compositions that reflect the appropriate screen size and screen positions of various elements: header, footer, logo, navigation positions. We're not concerned with overall look of the app at this point, just the user experience. Once we create these wireframes, we can then begin building a basic prototype. See my initial screen wireframes below: