top of page

UX From The Start


Monday, September 25, 2017
3:30 - 5:30 PM
Hawes 203

Special Guest: Rafael Mojica, VP User Experience, DigitalOcean


Required Reading

  1. Notes on UX Design 

  2. (diagram) The Elements of User Experience by Jesse James Garrett

  3. (article) User Experience Design by Peter Morville

  4. (article) A Bias for Making by Jared Spool

  5. (article) The Fundamentals of Experience Design by Stephen P. Anderson

  6. (poster) Designing The User Experience  by UPA

  7. (article) Example UX Docs and Deliverables by UX for the masses

  8. (article) The UX Design Success Ladder. Achieving Meaningful Product Design by Ward Andrews


Recommended Reading

Terrific books that cover core principles of user experience design:



Now that we’ve started to explore your app’s potential personas, let’s explore their stories. Working individually (not in your project teams), think about 1-2 scenarios for your primary persona(s). What steps would they follow before they had your solution and what would these steps look like with your solution? What content would your solution require for your solution to work? Finally, what would the tech-enabled user experience look like?

  1. Working on paper, quickly sketch some initial user BEFORE and AFTER storyboards for 1-2 scenarios for your primary persona. Stick figures are OK!

  2. Create a content model that your solution will require (refer to #7 in required reading)

  3. Using either paper, Google Slides or, optionally, a tool such as Balsamiq InVision [Licensing info available in Canvas for registered students ONLY] and create at least one, or if time allows a few, low-fidelity wireframe drawings showing key screens of the app. Consider how your user(s) would step through tasks using the app and what elements need to be shown to understand their current task, options for next steps, and how they might back out of what they’re doing. Document the user’s emotions and motivations at each step, it will guide your UX decisions! Factor in the content model in your wireframes. Here are examples of low fidelity and medium fidelity wireframes. These are just a first pass - more thought through wireframes will come later in the semester as your MVP begins to come together.

  4. OPTIONAL: Repeat the steps above for other use cases that you might imagine for your app. Consider stakeholders beyond your primary persona as you explore other use cases.

  5. OPTIONAL: Using Pinterest or another tool of your choice, make a moodboard - a collage of images - that convey the emotional cues you’d like a visual designer to consider in creating the visual branding for your app.


Before 5 pm on Sunday, Sept. 24, link a Google doc (with view access to anyone with the link ON) in the PM101 Assignment Master in the Sep 18 - UX tab with:

  • Sketches of storyboards Smart phone pics or scans of drawings are fine.

  • Your Content Model

  • Static wireframes that describe a draft UI design for the app. Again, smart phone pics or scans of drawings are fine. Include optional, additional, scenarios for other use cases.

  • OPTIONAL: Link to Interactive wireframes

  • OPTIONAL: Mood board


Please merge all of the required items above into one document. I’ve added extra columns to the Assignment Master for links to be added per OPTIONAL deliverable.


bottom of page