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
540
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
890
iOS'te Tipografi
seyfoyun
0
270
Implementing Design Systems in Swift
seyfoyun
2
990
Practical Testing in iOS
seyfoyun
0
95
Modern iOS Geliştirme
seyfoyun
0
350
Auto-Layout Öldü Mü? – NSIstanbul Ekim 2016
seyfoyun
0
370
Messaging as an Interaction — NSIstanbul April 2015
seyfoyun
1
130
Custom Animations and Transitions on iOS
seyfoyun
2
190
Twitter Fabric (Turkish)
seyfoyun
3
320
Other Decks in Design
See All in Design
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
280
志ある事業の種を社会に開花させるための挑戦/ Designship2024_Nishimura
root_recruit
0
260
マンガで分かるサービスデザインガイドライン
senryakuka
1
550
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 移動・不動産領域の取り組み
tmtgtkhs
0
200
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
620
Illustrator2025がやってきた!私が好きな新機能
hamko1114
0
110
【デザイン初め新年会2025|01.08】事業貢献するデザイン組織の挑戦 - 2025年、課題解決をリードする。
payatsusan213
0
9.3k
ENEOS社事例|アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
820
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
720
20250129_DAST28_実空間にデジタル資源の接点をデザインする
majimasachi
0
210
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
870
Fem tips om ux-text • WSA-dagen 29 jan 2025
jonas_blind_hen
PRO
0
130
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
20
2.4k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Documentation Writing (for coders)
carmenintech
67
4.6k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.8k
Done Done
chrislema
182
16k
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