Wireframes provide guidance for product development by extracting ideas from concepts and generating discussion. They keep designs loose enough for revisions while managing risks. There are two main types: low-fidelity sketches created with paper/pencil, and high-fidelity digital prototypes. Lo-fi wireframes aid brainstorming and guidance, while hi-fi are suited to explaining details to clients. Both should avoid unnecessary images or colors to focus on functionality. Effective wireframing breaks tasks into individual flows that can then be prototyped using tools like POP to test designs iteratively at low cost.
2. - Extracts the idea from your brain
- Generates dialog about a product
- Provides guidance for everyone building
the product
- Keeps the idea loose enough to allow
for revisions + low risk
Why Wireframe?
18. Interactive Wireframes/
Prototyping:
- Good for making the static wireframe
feel real
- Quickly gives you a good idea on if the
flow feels right
- Can hand it to other people to test
26. Ideas:
Photo-sharing social networkTo-Do App
- create a new list
- add an item
- mark off item off list
- share your list
- organize list
- add notes
- shared task list with
another person
- Choose a photo (or more
than one) from your
camera roll
- take a new photo
- like/comment/share
- create a new account
- filters