Week 5 Meeting 1 Agenda - wshahzad/Team-Four GitHub Wiki

Transform mock-ups into wireframes

  • Definition: an image or set of images which displays the functional elements of a website or page, typically used for planning a site's structure and functionality.
  • Sketch --> Wire frame --> Visual --> Code
  • Wireframes Guide
  • Tools: Balsamiq - 30 day free trial. Became popular as wireframes produced with Balsamiq resemble sketches, making it immediately obvious that the wireframe is not a finished product but a work in progress.

Demo from the developers

Pivotal tracker - update stories/tasks