Skip to content

Instantly share code, notes, and snippets.

@mdorrance

mdorrance/wireframing.md

Last active August 29, 2015 14:25
Show Gist options
  • Save mdorrance/0542aa31b9328bf80c9c to your computer and use it in GitHub Desktop.
Save mdorrance/0542aa31b9328bf80c9c to your computer and use it in GitHub Desktop.
Download ZIP
Wireframing Class
Raw
wireframing.md

##Breaking down problems with wireframes

####Gain an understanding of the REAL user stories

  • What did your read?
  • What did your client say?
  • What does your client want?
  • What will a wirefram solve?

####Introduce wireframing tools and techniques

  • Paper
  • Whiteboard
  • Interactive tools like Balsamiq or Keynote

####Lets break down the user stories with the classic project "Traffic Spy"

  • Discuss what the project specs say
  • Whiteboard the deliverables

####Build a clickable wireframe of Traffic Spy using Balsamiq

####If time permits, live code a Bootstrap demo of the mockups

  • Use html and css to drive your user stories
  • Use Bootstrap as way to streamline deliverables and avoid conflict
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment