Your SlideShare is downloading. ×
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Introduction to Building Wireframes - Part 2
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Introduction to Building Wireframes - Part 2

1,316

Published on

Published in: Technology
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,316
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
96
Comments
0
Likes
6
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Introduction toBuilding Wireframes Rik Lomas, Lomalogue Ltd @riklomas rik@lomalogue.com
  • 2. Last time on Introduction toBuilding Wireframes...
  • 3. • What is a wireframe? • Software tools• Why make wireframes? • Stencils libraries• Sketching • Code wireframes• User centered design • How to test wireframes and gathering feedback• Features and scenarios • Iterative design• Site maps• Paper prototyping
  • 4. Wireframe fidelityLow HighSketching Paper Mock up Code Prototype Software Prototype
  • 5. Mockup Software
  • 6. Keynote Mac only
  • 7. Demo –How to mock up in Keynote
  • 8. Omnigrafflehttp://www.omnigraffle.com
  • 9. Balsamiqhttp://www.balsamiq.com/
  • 10. Demo –Creating my favourite places site in Balsamiq
  • 11. Mock up libraries
  • 12. MockupsToGohttps://mockupstogo.mybalsamiq.com/
  • 13. Keynotopiahttp://keynotopia.com/
  • 14. https://vimeo.com/13892268
  • 15. Graffletopiahttp://graffletopia.com/
  • 16. Code prototypes
  • 17. 960.gshttp://960.gs/
  • 18. Twitter Bootstraphttp://twitter.github.com/bootstrap/
  • 19. Zurb Foundationhttp://foundation.zurb.com/
  • 20. Demo –Creating a site in ~10 mins
  • 21. Getting your boss orclients to let you do wireframes
  • 22. User testing
  • 23. How to do a user test
  • 24. Develop a test plan
  • 25. Choose a place
  • 26. Select participants
  • 27. Conduct session
  • 28. De-brief participant
  • 29. Wash, rinse, repeat.
  • 30. Paper Prototyping
  • 31. Silverbackhttp://silverbackapp.com/
  • 32. Realizerhttp://www.realizerapp.com/
  • 33. UserTesting.comhttp://www.usertesting.com/
  • 34. Olarkhttp://www.olark.com/
  • 35. A/B Testing
  • 36. Optimizelyhttps://www.optimizely.com/
  • 37. Google AnalyticsContent Experiments R.I.P. Google Web Optimizer
  • 38. Thanks! Rik Lomas, Lomalogue Ltd @riklomas rik@lomalogue.com

×