Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
A look at modern protoyping: Sketch, Pixate and...
Search
Soham Mondal
December 17, 2015
Technology
0
110
A look at modern protoyping: Sketch, Pixate and more
Soham Mondal
December 17, 2015
Tweet
Share
More Decks by Soham Mondal
See All by Soham Mondal
Building Unstoppable Products v1.1
soham
0
69
Product Design as Your Competitive Edge
soham
0
92
Building Unstoppable Startups: Product Design as Your Competitive Edge
soham
0
130
Best Practices For Designing Apps For India - Devfest Bangalore 2022
soham
0
520
How (and Why) to be a data driven startup - THub Rubrix
soham
0
140
GFS - Startup School 2022
soham
0
610
Designing Experiences For Indian Users - T-Hub
soham
0
330
Designing_Products_For_Novice_Internet_Users_-_I.pdf
soham
0
110
Designing Products for Novice Internet Users - Opportunities & Problems
soham
1
220
Other Decks in Technology
See All in Technology
これからSREになる人と、これからもSREをやっていく人へ
masayoshi
6
4.1k
[2025-02-07]生成AIで変える問い合わせの未来 〜チームグローバル化の香りを添えて〜
tosite
1
290
目の前の仕事と向き合うことで成長できる - 仕事とスキルを広げる / Every little bit counts
soudai
22
5.8k
Fintech SREの挑戦 PCI DSS対応をスマートにこなすインフラ戦略/Fintech SRE’s Challenge: Smart Infrastructure Strategies for PCI DSS Compliance
maaaato
0
450
Data-centric AI入門第6章:Data-centric AIの実践例
x_ttyszk
1
370
Googleマップ/Earthが一般化した 地図タイルのイマ
mapconcierge4agu
1
200
現場で役立つAPIデザイン
nagix
29
10k
プロセス改善による品質向上事例
tomasagi
1
1.6k
リーダブルテストコード 〜メンテナンスしやすい テストコードを作成する方法を考える〜 #DevSumi #DevSumiB / Readable test code
nihonbuson
11
5.8k
インフラをつくるとはどういうことなのか、 あるいはPlatform Engineeringについて
nwiizo
5
2.1k
Datadogとともにオブザーバビリティを布教しよう
mego2221
0
130
スタートアップ1人目QAエンジニアが QAチームを立ち上げ、“個”からチーム、 そして“組織”に成長するまで / How to set up QA team at reiwatravel
mii3king
1
1.1k
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
51
7.4k
Speed Design
sergeychernyshev
25
780
A Tale of Four Properties
chriscoyier
158
23k
Optimizing for Happiness
mojombo
376
70k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
The Cult of Friendly URLs
andyhume
78
6.2k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
8
270
Code Reviewing Like a Champion
maltzj
521
39k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
Bash Introduction
62gerente
610
210k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
31
2.1k
Transcript
A look at modern protoyping: Sketch, Pixate and more Soham
Mondal
Soham Mondal - Founder at Triveous - Creator of Skyro
- Organizer at Blrdroid - Android/UX Consultant - Google Expert for UX www.soham.cc
[email protected]
[email protected]
@s0h4m
Agenda Introduction: What is Prototyping? What is Fidelity? Prototyping tools
Sketch SketchToolbox Pixate
What is Prototyping? Prototyping is a means of exploring ideas
before you invest in them.
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
Prototyping process
None
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
Example:
None
None
None
Visual Fidelity - High Functional Fidelity - Medium Content Fidelity
- High
Lower Ninjamock Balsamiq Moqups Pencil Axure Higher Sketch Photoshop Illustrator
Interactive Pixate Proto.io Invision Marvel
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
Live Demo: Sketch
Zeplin Awesome designer-developer collaboration tool Excellent design handoff, get updates
Styles Generating assets easily
Pixate Real, native prototyping Ability to add interactions and animations
easily Ability to share and comment
Live Demo: Pixate
Q&A
[email protected]
|
[email protected]
@s0h4m www.soham.cc Source: http://www.google.com/design/