Lean Prototyping - A Practical Guide
Upcoming SlideShare
Loading in...5
×
 

Lean Prototyping - A Practical Guide

on

  • 172,319 views

given on 10 Nov, 2013 @ New Delhi, India.

given on 10 Nov, 2013 @ New Delhi, India.

Statistics

Views

Total Views
172,319
Views on SlideShare
168,879
Embed Views
3,440

Actions

Likes
487
Downloads
2,219
Comments
11

35 Embeds 3,440

http://www.scoop.it 2562
http://blumeventures.wordpress.com 345
https://twitter.com 114
http://patricklowenthal.com 64
http://91springboard.com 58
http://www.linkedin.com 44
http://fmineiblog.wordpress.com 35
https://www.behance.net 26
https://www.rebelmouse.com 22
http://csob.loc 19
http://assets.txmblr.com 19
http://odoutrellot.tumblr.com 19
http://www.digitalundivided.com 14
http://mohbuhl.wordpress.com 13
http://feedly.com 11
http://amolaslenguas.wikispaces.com 10
http://www.behance.net 9
http://www.google.com 8
http://mail.naver.com 6
http://www.pinterest.com 6
https://www.linkedin.com 6
https://blumeventures.wordpress.com 5
http://tremendoussuccess33.wordpress.com 5
http://gapmuse.wordpress.com 4
http://gapmuse.com 4
http://www.feedspot.com 2
http://www.pearltrees.com 2
https://myalice.nsynergy.com 1
http://translate.googleusercontent.com 1
https://hootsuite.scoop.it 1
http://m.mail.naver.com 1
http://theofficialandreascy.tumblr.com 1
http://cs.avn.me 1
http://www.spundge.com 1
http://nuevospowerpoints.blogspot.com.es 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

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

110 of 11 Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Great slide deck! Thank you!
    Are you sure you want to
    Your message goes here
    Processing…
  • Great !! Thanks a Lot !!
    Are you sure you want to
    Your message goes here
    Processing…
  • Real eye-opener - thanks
    Are you sure you want to
    Your message goes here
    Processing…
  • Right up our alley for our iOS app we are starting to plan out.
    Are you sure you want to
    Your message goes here
    Processing…
  • Definitely recommend Protoshare for prototyping! We have a 3 UX'ers and 3 POs, and it has been a foundational tool for us.
    Are you sure you want to
    Your message goes here
    Processing…

110 of 11

Post Comment
Edit your comment

Lean Prototyping - A Practical Guide Lean Prototyping - A Practical Guide Presentation Transcript

  • Lean Prototyping - A practical guide
  • Rohit Agarwal I prototyped
  • You can check it @ www.framebench.com
  • Wireframe
  • Wireframe Prototype
  • Wireframe Mockup Prototype
  • Wireframe Mockup Prototype App
  • Wireframe Mockup Prototype App
  • WIREFRAME WIREFRA
  • FOCUS ON SPACING UI ELEMENTS DRAWN PLACEHOLDERS WIREFRAME WIREFRAME WIREFRAME WIREFRAME WIREFRAME WIREFRAME WIREFRAME WIR
  • Wireframe for a Conference website
  • Wireframe for an iPhone app
  • Wireframe : Framebench Website
  • PROTOTYPE PROTOT
  • PROTOTYPE PROTOT A plan for how it WORKS, NOT how it looks
  • Think about MENUS and ANIMATION PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYP
  • Think about use CASES and user FLOW PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYP
  • Think about MOST FREQUENT actions : reduce clicks PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYP
  • Visualize all possibilities – save redesigns and headaches later Framebench App Prototypes PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYP
  • MOCKUP MOCKUP M
  • MOCKUP MOCKUP M 2 types
  • MOCKUP MOCKUP M 2 types Low fidelity High fidelity
  • HIGH FIDELITY MOCK > LOW FIDELITY MOCK < MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP
  • MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP
  • POP QUIZ This mockup is… LOW FIDELITY? HIGH FIDELITY? MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP
  • POP QUIZ This mockup is… LOW FIDELITY!! MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP
  • MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP
  • And yes… This mockup is… HIGH FIDELITY! MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP
  • LEAN
  • Conceptualize it
  • Categorize everything you need on your application. Post-its are great for this! Create multiple drawings and placements for various elements.
  • There’s nothing better than the pen, paper and post its for this. Try out Behance’s Action sheets http://www.creativesoutfitter.com/products/100/action-method
  • Wireframe it
  • Now that you have a basic idea in your mind, you’re ready to put it on a digital pad. AND.. There are a variety of tools available today!
  • I personally love Balsamiq..
  • And Moqups.
  • Wireframe.cc is super lightweight!
  • Prototype it
  • You have various wireframes ready, its time to quickly create proof of concepts. Lean Prototyping = Test Quickly = Fail Faster
  • Interactive Wireframes This is all about determining flow
  • Twitter Bootstrap Prototype in the browser UI Packs Today’s UI packs allow for you to get started right in the browser! Chrome Developer tools!
  • Mock it
  • Mockups generally are medium to high fidelity prototypes made in software like There’s nothing lean about a mock and in fact should be done once you’ve tested everything else.
  • Collaborate?
  • Will your team and designer always be together? How can you collect feedback and test these wireframes & mockups?
  • Meet GIFs Images Prototypes Have live discussions on your [ Wireframes Mockups Videos PDFs ] with anyone, anywhere
  • Scribble over mockups. Track versions. Get them approved faster. Use TableTop Sync
  • Your cases?
  • I’m fairly active on twitter: @jumbld & extra good karma for you if you try out www.FrameBench.com and give us feedback
  • Share on Facebook Share on Twitter