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
520
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
Implementing Design Systems in Swift
seyfoyun
2
490
Practical Testing in iOS
seyfoyun
0
73
Modern iOS Geliştirme
seyfoyun
0
310
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
160
iOS Workflow: Tools, Tips & Tricks - Mobil İstanbul 2014
seyfoyun
5
500
Other Decks in Design
See All in Design
MiKS inc. Company PR en_202404
zakkerooni
0
270
Amebaデザインシステム Spindleの開発 / The Development of Spindle
spindle
4
650
2024デザすぷVol.4 新年会/ Design Sprout Bar vol-4
root_recruit
1
320
全社を巻き込んだコーポレートバリューの再定義に関するデザイナーの関わり方
sugiyama_sukedachi
0
170
デザインを誘発する「イネーブルメント」アプローチ #spectrumfest2023 / 20231203
minamitary
0
590
Information Architects: The Missing Link in Design Systems
soysaucechin
0
120
UX/UI改善に貢献するユーザーテストとは? 基礎知識から実施のプロセスまで解説
ncdc
0
350
Ride or Die Animatics
warwatkar
0
140
新しい資産運用サービスALTERNA(オルタナ)の伝え方の工夫
layerx
PRO
0
980
豊かな自然を守るための、 クラフトビール造りのプロジェクトとデザイン
kazuakiebe
0
460
生成AIを活用したサービス設計のススメ〜仮説構築編〜
tomo1215
2
920
デザインをみんなのものに 「デザインの脱植民地化」を日本の文脈で考える
mayunak
7
4.1k
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
45
9.8k
Imperfection Machines: The Place of Print at Facebook
scottboms
261
12k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
15
1.6k
[RailsConf 2023] Rails as a piece of cake
palkan
28
4k
The Pragmatic Product Professional
lauravandoore
26
5.8k
For a Future-Friendly Web
brad_frost
172
9k
Designing Experiences People Love
moore
136
23k
Building Better People: How to give real-time feedback that sticks.
wjessup
356
18k
YesSQL, Process and Tooling at Scale
rocio
165
13k
Designing for humans not robots
tammielis
247
25k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
242
1.2M
Git: the NoSQL Database
bkeepers
PRO
423
63k
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