A look at modern protoyping: Sketch, Pixate and more

Transcript

1. A look at modern protoyping: Sketch, Pixate and more Soham Mondal
2. Soham Mondal - Founder at Triveous - Creator of Skyro - Organizer at Blrdroid
 - Android/UX Consultant - Google Expert for UX www.soham.cc soham@blrdroid.org 
 soham@triveous.com
 @s0h4m
3. Agenda Introduction: What is Prototyping? What is Fidelity?
 Prototyping tools
 Sketch
 SketchToolbox
 Pixate
4. What is Prototyping? Prototyping is a means of exploring ideas before you invest in them. 

5. What is Prototyping? Prototyping is a means of exploring ideas before you invest in them. 
 
 Proof of Concept 
 Save time/Iterate faster 
 Get stakeholder feedback 
 Design Exploration 

6. Prototyping process
8. Fidelity How closely the prototype resembles the final solution 
 
 Visual Fidelity sketched vs styled
 Functional Fidelity static vs interactive
 Content Fidelity lorem ipsum vs real content
9. Example:
13. Visual Fidelity - High
 Functional Fidelity - Medium
 Content Fidelity - High
14. Lower Ninjamock
 Balsamiq
 Moqups
 Pencil
 Axure Higher Sketch
 Photoshop
 Illustrator Interactive Pixate
 Proto.io
 Invision
 Marvel
15. Sketch Very simple to use
 Fast and lightweight
 Great support for vectors
 Great support for material design
 Easy to use, customisable grid
 Great support for creating assets and exporting designs
 Lots of 3rd party resources
 Used by designers across the world
16. Live Demo: Sketch
17. Zeplin Awesome designer-developer collaboration tool
 Excellent design handoff, get updates
 Styles
 Generating assets easily
18. Pixate Real, native prototyping
 Ability to add interactions and animations easily
 Ability to share and comment
19. Live Demo: Pixate
20. Q&A soham@blrdroid.org | soham@triveous.com @s0h4m www.soham.cc 
 Source: http://www.google.com/design/