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
Being a "Mobile Designer"
Search
seyfeddin
March 21, 2015
Design
5
550
Being a "Mobile Designer"
First presented at Mobil İstanbul event 21st of March 2015.
seyfeddin
March 21, 2015
Tweet
Share
More Decks by seyfeddin
See All by seyfeddin
14 Years of iOS: Lessons and Key Points
seyfoyun
1
980
iOS'te Tipografi
seyfoyun
0
310
Implementing Design Systems in Swift
seyfoyun
2
1.1k
Practical Testing in iOS
seyfoyun
0
110
Modern iOS Geliştirme
seyfoyun
0
370
Auto-Layout Öldü Mü? – NSIstanbul Ekim 2016
seyfoyun
0
380
Messaging as an Interaction — NSIstanbul April 2015
seyfoyun
1
130
Custom Animations and Transitions on iOS
seyfoyun
2
200
Twitter Fabric (Turkish)
seyfoyun
3
330
Other Decks in Design
See All in Design
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
5
710
harutaka Vision Deck
zenkigenforrecruit
0
170
新しいデザインの難しさ(公開版) / Difficulties in the New Design (public ver.)
usagimaru
1
760
商業デザインのアクセシビリティにおける倫理フレームワークの考察
securecat
1
620
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
580
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
190
ポートフォリオ_webデザイナー
nami_webdesigner
0
120
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
510
CMS管理画面のアクセシビリティ
magi1125
8
2.3k
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
330
Selección de proyectos PORTFOLIO 16/25
alvaroromero
0
100
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
480
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
337
57k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
370
GraphQLとの向き合い方2022年版
quramy
49
14k
Producing Creativity
orderedlist
PRO
346
40k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Art, The Web, and Tiny UX
lynnandtonic
301
21k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.5k
The World Runs on Bad Software
bkeepers
PRO
70
11k
The Cost Of JavaScript in 2023
addyosmani
51
8.6k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Writing Fast Ruby
sferik
628
62k
Facilitating Awesome Meetings
lara
54
6.5k
Transcript
Hello.
@seyfoyun #mobilistanbul
Designers?
Mobile Design
Story
History
Covers by Daniel Gray
Covers by Daniel Gray
None
http:/ / bookcoverarchive.com
Web
Tim Berners-Lee
Web Page document.ready();
None
card (e.g. HyperCard, Notecards) An alternative term for a node
in a system (e.g. HyperCard, Notecards) in which the node size is limited to a single page of a limited size. Web Terms Glossary (1992)
Javascript (1995)
CSS (1996)
Jeffrey Zeldman
Web Standards (1998)
None
2007
Web started when books and documents were the most advanced
thing.
It was all they had to be inspired from.
Mobile platforms started when computers were advanced.
Web was mature. Lessons were learned.
Mobile was a brand new platform, built on 20+ years
of foundation.
Mobile is different than the Web.
2007
Web -> Mobile
None
None
Designing something requires fundamental knowledge of how that thing is
made.
Mimicking
Responsive Websites
PhoneGap (meh.)
Trends.
Trends. Fuck Trends.
None
Designing something requires fundamental knowledge of how that thing is
made.
Designing something requires fundamental knowledge of how that thing is
made. And the lines between design and development are blurring.
Today, a Web Designer is required to have HTML &
CSS knowledge.
We should treat Mobile Designers the same.
Wait.
Wait. We can’t learn Objective-C?
Don’t.
Don’t. But learn the fundamentals.
Typography
Typography (TextKit)
Layout
Layout (Auto-Layout)
None
Window
View Controller
Connecting Parts of an Application
Have a developer friend. Ask him/her.
WWDC Videos
Cocoa Controls (cocoacontrols.com)
What The Pod (whatthepod.com)
Capptivate (capptivate.co)
Pttrns (beta.pttrns.com)
Human Interface Guidelines
Paper by Facebook
Storehouse Soundcloud
Blixt Flight
Deliver designs.
None
None
Pixel Perfect Precision Handbook (P3) http:/ /ustwo.com/ppp/
None
zeplin.io
Wake http:/ /wake.io
Use Vectors.
Use Vectors. @3x
PaintCode 2 (www.paintcodeapp.com)
Designing something requires fundamental knowledge of how that thing is
made. And the lines between design and development are blurring.
Interaction Design
Interaction Prototyping
Facebook Origami Form (Google) Framer.js
Form (Google) $0
Framer.js $80
Facebook Origami $0
Apple Watch
None
Designers Who
Designers Who: Understand that Mobile is different
Designers Who: Understand that Mobile is different Have basic knowledge
about making apps
Designers Who: Understand that Mobile is different Have basic knowledge
about making apps Deliver perfect designs
Designers Who: Understand that Mobile is different Have basic knowledge
about making apps Deliver perfect designs Work collaboratively with developers
Designers Who: Understand that Mobile is different Have basic knowledge
about making apps Deliver perfect designs Work collaboratively with developers Think different
Thank You
@wearethreadco instagram/facebook: wearethread www.wearethread.co
3 Nisan Cuma, 19:00 Kolektif House