Mobile app prototyping
Upcoming SlideShare
Loading in...5
×
 

Mobile app prototyping

on

  • 1,141 views

 

Statistics

Views

Total Views
1,141
Views on SlideShare
1,123
Embed Views
18

Actions

Likes
1
Downloads
9
Comments
1

3 Embeds 18

http://a0.twimg.com 13
http://paper.li 3
http://us-w1.rockmelt.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NoDerivs LicenseCC Attribution-NoDerivs License

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…
  • Petr, you might want to check out Proto.io (http://proto.io) for mobile app prototyping.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Mobile app prototyping Mobile app prototyping Presentation Transcript

  • Mobile app prototypingPetr Dvorak, iOS Development Lead
  • Petr Dvorak, iOS Development Lead
  • Outline• Motivation for an app prototyping• Tools and techniques for prototyping• Design and design testing
  • Motivation
  • How to have an app without making an app
  • Why prototyping?• Discover issues before the product is done• The resulting product is better• Create design more efficiently• Have more insightful team
  • ČT24 verze 1.0.0
  • ČT24 verze 3.0.0
  • Lessons Learned• Invest more time in initial product design• Never stop improving your product• Communicate and iterate with client• Let professionals review the design
  • Tools
  • Paper, Pencil & Stencils
  • Balsamiq Mockups
  • Join.me• Easy screen sharing• Enables efficient collaboration• Concept explaining
  • Business case• Order tracking• Sign-in and sign-out needed• Contact your sales person
  • What we aim for...
  • Balsamiq Mockups
  • The first design is prototype too
  • Photoshop / Fireworks
  • Photoshop / Fireworks
  • LiveView• Screen-cast from desktop to iPhone/iPad• Quick design verification by designer• Design presentations
  • Design implementation
  • “No matter how good your design is programmers will screw it up...” -- Dvorak’s first law of physics, 2011
  • Use tools• Detect misaligned or scaled images• Detect incorrect image blending• Measure the font and gap sizes
  • Use people too...• Ask designer for review• Verify design with customer
  • How is app design born?
  • •Someone does it for you• You need to do it
  • Archetypes Extrovert Aphrodite AresAffiliative Hera Zeus Individual Demeter Appolo Introvert NeedScopeTM
  • Does your product cause emotions?
  • Thank you. Q&A?Tuesday, October 11, 2011