Why wireframes-v2

1,235 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,235
On SlideShare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Why wireframes-v2

  1. 1. • Hundreds of websites • Thousands of pages • Not so pretty • Really difficult to use x 800 = + http://media.photobucket.com/image/crying+dawson/npascare2/dawson-crying.jpg
  2. 2. • Streamlined website • Iterative user-centred design process • Focusing on key user tasks • Lots of wireframes
  3. 3. • Wireframes are the backbone of good design • They help us focus on: – Content – Functionality – Interaction design – User experience http://www.sharingmachine.com/index.php?item=70
  4. 4. 1. Identify the user goal / design challenge
  5. 5. 2. Brainstorm ideas via rough wireframes
  6. 6. 3. Evaluate The designer explains how it answers the design challenge Co-workers can identify unclear features and potential problems with your concept
  7. 7. 5. Eliminate
  8. 8. 5. Flesh out the best wireframes Method / Tool Visual quality Perceived state of completion Hand-drawn Rough Appears more changeable Balsamiq Mockingbird Fireworks Visio Polished Appears less changeable http://www.ous.edu/onlinenw/2008/keynote.html
  9. 9. 5. Flesh out the best wireframes • Content is king - say no to lorem ipsum! • Use shape and size, not colour and graphics 6. Refine and evaluate http://www.ous.edu/onlinenw/2008/keynote.html
  10. 10. • Create a collection of wireframes that represent key user journeys • Seeing the ‘big picture’ helps you refine the smaller steps in the journey
  11. 11. • Print wireframes out as they evolve • Stick copies around the office • Encourage people to add notes, ideas, or talk about them
  12. 12. • More engagement and buy-in • Avoid late changes by getting early feedback • Focus attention on the purpose and goals of their website
  13. 13. • Hard to use = website fail • Online programs like Chalkmark give you first impressions feedback
  14. 14. • One-to-one user testing sessions work best • Record it and show your stakeholders how well your wireframes performed with users
  15. 15. • Work through early concepts • Identify gaps and opportunities • Get feedback from: – Your team – Your stakeholders – Your website users • Learn early so you avoid costly mistakes • Focus on the overall experience so your final design is as rad as it can be
  16. 16. • Expected launch: April 2011 • If anyone is a prospective uni student, or current QUT student, come website testing with us! It’s fun and you’ll get paid!  rebecca.watson@qut.edu.au

×