1. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
July 9, 2015
!
真崎達也
デザイン戦略部 UXデザイングループ
DeNA Co., Ltd.
Life is Tech!
エンジニアとデザイナーの技術交流
1
2. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
自己紹介
2
真崎達也
デザイナー
2009.1-‐
DeNA
2005.3-‐
USEN
モバゲー,Yahoo!モバゲー,BaseBallData,チラシル,エブリスタ
GyaO
HCD-‐Net
人間中心設計専門家
4. t
Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
4
デザイナー
プログラミングとか黒い画面だし文字だらけだし
デザインできても
リリースできねー
SwiB?
Ruby?
Java?
それって
難しいんでしょ?
どう勉強すればいいか
わからん。
5. t
Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
5
エンジニア
デザインセンスないのでよくわからない
何を勉強すれば
いいの?
フォトショとか
イラレは
難しいんでしょ。
デザインセンス
ないんすよ∼
アプリ出したけど
デザインがイマイチ
6. t
Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
6
デザイナー
業務でのあるある(経験談)
この部分に
アニメーション
使いたい。
ここは縦のラインで
えてるんです。
ここ意図的に1px
あけてるですよー。
エンジニア
簡単そうでも
実は実装きついっす。
できなくはないけど。
その振る舞い
iOSなんだけど。
Androidご存知?
オリジナルすぎる。
標準ライブラリ
で代替できないの?
7. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
DeNAには教え合う文化がある。
7
デキる人ほど快く教えてくれる。
8. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
最近3ヵ月で行った技術交流
8
A"erEffects Sketch3 Android
Studio
9. t
Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
9
ゴール:アプリで利用するアニメを作れる程度
instagramの動画を真似してみる QuizNowのsplash
講師:デザイナー1名 メンバー:デザイナー2名 エンジニア1名
10. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
最近3ヵ月で行った技術交流
10
A"erEffects Sketch3 Android
Studio
11. t
Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
11
ゴール:真似してアプリのデザインができる
MERYのUIを真似してみる
講師:デザイナー1名 メンバー:エンジニア2名
12. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
最近3ヵ月で行った技術交流
12
A"erEffects Sketch3 Android
Studio
13. t
Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
13
ゴール:自分のアプリをリリースする
とりあえずラーメンアプリ(Android)を作っている
講師:エンジニア1名 メンバー:デザイナー2名
エンジニア3名 ビジネス1名
14. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
よかったこと(デザイナー視点)
14
1.細かいデザインを気にしてくれるようになった
2.sketchファイルの受け渡しにより業務が効率化した
3.日々変化するプログラミングのトレンドに気付いた
4.バグが出まくる苦労を身にしみて感じた
5.難易度を理解して、依頼するor代替案を考えることができる
15. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
まとめ
15
より良いサービスを作る為に
積極的に技術交流を図りましょう