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

Introduction to Building Wireframes - Part 2

on

  • 1,587 views

 

Statistics

Views

Total Views
1,587
Views on SlideShare
1,587
Embed Views
0

Actions

Likes
6
Downloads
92
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Introduction to Building Wireframes - Part 2 Introduction to Building Wireframes - Part 2 Presentation Transcript

  • Introduction toBuilding Wireframes Rik Lomas, Lomalogue Ltd @riklomas rik@lomalogue.com
  • Last time on Introduction toBuilding Wireframes...
  • • 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
  • Wireframe fidelityLow HighSketching Paper Mock up Code Prototype Software Prototype
  • Mockup Software
  • Keynote Mac only
  • Demo –How to mock up in Keynote
  • Omnigrafflehttp://www.omnigraffle.com
  • Balsamiqhttp://www.balsamiq.com/
  • Demo –Creating my favourite places site in Balsamiq
  • Mock up libraries
  • MockupsToGohttps://mockupstogo.mybalsamiq.com/
  • Keynotopiahttp://keynotopia.com/
  • https://vimeo.com/13892268
  • Graffletopiahttp://graffletopia.com/
  • Code prototypes
  • 960.gshttp://960.gs/
  • Twitter Bootstraphttp://twitter.github.com/bootstrap/
  • Zurb Foundationhttp://foundation.zurb.com/
  • Demo –Creating a site in ~10 mins
  • Getting your boss orclients to let you do wireframes
  • User testing
  • How to do a user test
  • Develop a test plan
  • Choose a place
  • Select participants
  • Conduct session
  • De-brief participant
  • Wash, rinse, repeat.
  • Paper Prototyping
  • Silverbackhttp://silverbackapp.com/
  • Realizerhttp://www.realizerapp.com/
  • UserTesting.comhttp://www.usertesting.com/
  • Olarkhttp://www.olark.com/
  • A/B Testing
  • Optimizelyhttps://www.optimizely.com/
  • Google AnalyticsContent Experiments R.I.P. Google Web Optimizer
  • Thanks! Rik Lomas, Lomalogue Ltd @riklomas rik@lomalogue.com