Download as PDF, PPTX
Uploaded byMayumi Narisawa
エンジニアリングするデザイナーが領域を超えて見えたこと
2016.4.14 に開催されたデザイナーイベントUICrunchにて発表した登壇内容。 「デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き」のslideに続く第2弾で、よりデザイナー向きのタスク効果率についてまとめてあります。
エンジニアリングするデザイナーが領域を超えて見えたこと
- 2. Profile iOS / Android Xcode(swift) Android Android studio (xml) iOS マンガアプリ iOS VRアプリ iOS/Android ポイントメディアアプリ 動画投稿アプリ iOS Xcode(swift)
- 3. 1. なぜ領域を超えたのか？ きっかけ 領域に入り込む前の葛藤 2. 何をしてきたのか？ 開発環境セットアップ UI実装 なぜ領域を超えられたのか 3.何が変化したのか？ 領域を超える以前と今 スキルを活かす 領域を超えることのススメ
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11. 両立の手法が未知 UI / UX/ Graphic Engineering Xcode 1day ？hour + = Design
- 12.
- 13.
- 14. ・Xcodeの導入(AndroidであればAndroid studio) デザインツールと同じ。ボタンを押して待つだけ。 ・Provisioning Fileの作成 エンジニアに依頼。今でも苦手。 ・Gitの基礎知識 1.5hほどの基礎知識をレクチャー頂き、その後独学。 ・GitのGUItoolの設定 自分の場合はSourceTreeを選定。 ・CocoaPodsでライブラリを導入 完全にエンジニア頼み。最近も手順を間違えて助けてもらった…
- 15.
- 16.
- 17. User Defined RuntimeAttributesで コードを書いた気になる 難易度：2 storyboard編集箇所
- 18.
- 19.
- 20.
- 21. TableViewのレイアウト実装 難易度：5強 Table View 100%9:40 PM /: H H ( a pg bvbg ( 7 HH Fm bl a a 989 8H sc vbg ( a r r vbg r s p a a v b g % r ! vbg% (1 A A F E H 4 68 H リストUIを表現するための UIパーツ
- 22.
- 23.
- 24. スキルセットの原点 WEBで身につけた変数の宣言 / 関数/ 条件分岐 / クラスの概念 と継承など、プログラミングの基礎があったからかもしれない Action script 3.0 web Javascript Swift iOS App + → flash html web css xml Android App + → web
- 25.
- 26.
- 27. 開発スタイル（以前） Client Server API Review ReviewDeploy DeployReview DesignPlanning Release Order ReviewGuide DesignerProducer Enginnertimeline
- 28.
- 29.
- 30. アウトプット sketch内の各画面ごとに、 エンジニアがパッと見て実装 イメージをつかめるようなア ウトプットに変化した。 2 8 a k 7474a 7 74 m 9 6ha 1 e 44 1 o b tg 1 100%9:40 PM 73 2 8 a k 74 74a 7 74 m 9 6ha 1 e 44 1 o b tg 1 100%9:40 PM 73 i t ch H 462 eh M p o 43/0 % 462 a E t s P ilg d PO 431 25 40 eh s a E s P eh sketchに記載する、 slideしてキャンセルするUIのguide
- 31.
- 32.
- 33.
- 34.
- 35.