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
530
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
iOS'te Tipografi
seyfoyun
0
200
Implementing Design Systems in Swift
seyfoyun
2
690
Practical Testing in iOS
seyfoyun
0
78
Modern iOS Geliştirme
seyfoyun
0
330
Auto-Layout Öldü Mü? – NSIstanbul Ekim 2016
seyfoyun
0
340
Messaging as an Interaction — NSIstanbul April 2015
seyfoyun
1
120
Custom Animations and Transitions on iOS
seyfoyun
2
190
Twitter Fabric (Turkish)
seyfoyun
3
310
Storyboards vs. XIBs vs Code
seyfoyun
0
170
Other Decks in Design
See All in Design
SaaSのマーケティングを進めるサービスサイトを育てる取り組み / Designship 2024 Main Stage
sms_tech
0
960
デザイナー向け会社紹介資料(採用資料)
dreamarts
0
330
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
4
620
Haruki_Konaka_Portforio.pdf
haruki556
0
540
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
250
Credence
lratmansunu
0
370
ENEOS社事例|アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
130
PMとデザイナーはニコイチ! メリットと具体的なアクション10選
mosmos_noki
1
1.1k
Design System for training program
mct
0
130
エムスリー株式会社 デザイングループ紹介資料 / m3design-team-profile
m3designer
0
3.7k
Commune_Brand_Guideline_JA
commune
1
150
私の困りごとと解決案 / My issues and proposed solutions
kubosho
1
270
Featured
See All Featured
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
5
140
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
504
140k
Fontdeck: Realign not Redesign
paulrobertlloyd
81
5.2k
Fireside Chat
paigeccino
32
3k
The Pragmatic Product Professional
lauravandoore
31
6.3k
The Art of Programming - Codeland 2020
erikaheidi
51
13k
Facilitating Awesome Meetings
lara
49
6k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
A Modern Web Designer's Workflow
chriscoyier
692
190k
The World Runs on Bad Software
bkeepers
PRO
65
11k
Visualization
eitanlees
143
15k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.8k
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