Hello.

@seyfoyun #mobilistanbul

Designers?

Mobile Design

Story

History

Covers by Daniel Gray

Covers by Daniel Gray

http://bookcoverarchive.com

Web

Tim Berners-Lee

Web Page document.ready();

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)

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

Designing something requires fundamental knowledge of how that thing is made.

Mimicking

Responsive Websites

PhoneGap (meh.)

Trends.

Trends. Fuck Trends.

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)

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.

Pixel Perfect Precision Handbook (P3)http://ustwo.com/ppp/

zeplin.io

Wakehttp://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

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