Being a "Mobile Designer"

First presented at Mobil İstanbul event 21st of March 2015.

Transcript

1. Hello.
2. @seyfoyun #mobilistanbul
3. Designers?
4. Mobile Design
5. Story
6. History
7. Covers by Daniel Gray
8. Covers by Daniel Gray
10. http:/ / bookcoverarchive.com
11. Web
12. Tim Berners-Lee
13. Web Page document.ready();
15. 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)
16. Javascript (1995)
17. CSS (1996)
18. Jeffrey Zeldman
19. Web Standards (1998)
22. Web started when books and documents were the most advanced thing.
23. It was all they had to be inspired from.
24. Mobile platforms started when computers were advanced.
25. Web was mature. Lessons were learned.
26. Mobile was a brand new platform, built on 20+ years of foundation.
27. Mobile is different than the Web.
29. Web -> Mobile
32. Designing something requires fundamental knowledge of how that thing is made.
33. Mimicking
34. Responsive Websites
35. PhoneGap (meh.)
36. Trends.
37. Trends. Fuck Trends.
39. Designing something requires fundamental knowledge of how that thing is made.
40. Designing something requires fundamental knowledge of how that thing is made. And the lines between design and development are blurring.
41. Today, a Web Designer is required to have HTML & CSS knowledge.
42. We should treat Mobile Designers the same.
43. Wait.
44. Wait. We can’t learn Objective-C?
45. Don’t.
46. Don’t. But learn the fundamentals.
47. Typography
48. Typography (TextKit)
49. Layout
50. Layout (Auto-Layout)
52. Window
53. View Controller
54. Connecting Parts of an Application
55. Have a developer friend. Ask him/her.
56. WWDC Videos
57. Cocoa Controls (cocoacontrols.com)
58. What The Pod (whatthepod.com)
59. Capptivate (capptivate.co)
60. Pttrns (beta.pttrns.com)
61.  Human Interface Guidelines
62. Paper by Facebook
63. Storehouse Soundcloud
64. Blixt Flight
65. Deliver designs.
68. Pixel Perfect Precision Handbook (P3) http:/ /ustwo.com/ppp/
70. zeplin.io
71. Wake http:/ /wake.io
72. Use Vectors.
73. Use Vectors. @3x
74. PaintCode 2 (www.paintcodeapp.com)
75. Designing something requires fundamental knowledge of how that thing is made. And the lines between design and development are blurring.
76. Interaction Design
77. Interaction Prototyping
78. Facebook Origami Form (Google) Framer.js
79. Form (Google) $0
80. Framer.js $80
81. Facebook Origami $0
82. Apple Watch
84. Designers Who
85. Designers Who: Understand that Mobile is different
86. Designers Who: Understand that Mobile is different Have basic knowledge about making apps
87. Designers Who: Understand that Mobile is different Have basic knowledge about making apps Deliver perfect designs
88. Designers Who: Understand that Mobile is different Have basic knowledge about making apps Deliver perfect designs Work collaboratively with developers
89. Designers Who: Understand that Mobile is different Have basic knowledge about making apps Deliver perfect designs Work collaboratively with developers Think different
90. Thank You
91. @wearethreadco instagram/facebook: wearethread www.wearethread.co
92. 3 Nisan Cuma, 19:00 Kolektif House