モンストUIデザイナー(1年目)

Transcript

1. GMOペパボ×mixi×クックパッド シンソツデザイナートーク モンストUIデザイナー　篠原梨紗
2. 1　自己紹介 2　学生時代 3　モンストUIデザイナーとして
3. 1　自己紹介 2　学生時代 3　モンストUIデザイナーとして
4. 篠原梨紗 1998/1/8 所属 モンスト事業本部 デザイン室 UIデザイングループ 出身校：アミューズメントメディア総合学院 キャラクターデザイン学科 出身地：茨城県 学生時代：イラスト制作、ゲーム制作 自己紹介
5. 1　自己紹介 2　学生時代 3　モンストUIデザイナーとして モンストUIデザイナー として
6. 学校に入学！ ひたすらにイラストを勉強！（イラスト初心者） 就職のためにポートフォリオを作成 ここでUIを知って独学で勉強 ひたすらに作品作りと就職活動 就職イベントなどに行き始める ミクシィを受ける！ アルバイト入社！ １年 前期 １年 後期 ２年 前期 ２年 後期 学生時代 学生時代の２年間
7. 高校を卒業後グラフィックの勉強をするために アミューズメントメディア総合学院に入学！ ペンタブすら握ったことも無く右も左も分からない１年生 とりあえず絵を描くのが楽しかった１年目！ 学生時代 １年生の頃
8. 就職の壁にぶつかる … イラストを描きたいのか、何をやりたいのかよくわからず … 学生時代 １年後期 就職活動スタート
9. OBに「UIデザイナー」の先輩が！ 当時「UI」という言葉すら知りませんでした UIデザイナーとはどんな事をする職業か、 UIとは何かを先輩から 教えてもらいました。 そうして… 学生時代 そんな時… 私もUIデザイナーになりたい！ と思い改めて就職活動をはじめました
10. UIをどうやって勉強しよう…？
11. UIトレース 独学でUIの勉強 学生時代 UIの勉強でやった事 ・UIトレース ・デザインの本を読む ・実際にオリジナルサービスを作成 し、UI・UX設計をしてみる 実際にあるサービスの UIを トレースし、 思ったこと等を簡単に記載 1画面30〜1時間ほどで作成 主観ではなくユーザー視点で設計を考えられるようになりました！
12. エントリーした数…5社 ・色々なスキルをつめる会社 ・自社開発を行なっているところ ・絶対私服！ ・交通の便がいいところ ・職場の雰囲気がいい場所 企業選びで重視していたこと ページ数：30p 作成期間：1週間〜2週間 サイズ　：A4 ポートフォリオ 受けた企業数 学生時代
13. なぜミクシィに決めたか？ コミュニケーションを大切に しているところに感銘を受けたため サービスだけでなくゲーム制作も 行っており、幅広くいろんなことに 挑戦できそうだと思ったため 自己紹介
15. 1　自己紹介 2　学生時代 3　モンストUIデザイナーとして モンストUIデザイナー として
16. モンスターストライクの UI/UXデザイナーやってます！
17. モンストUIデザイナー として モンストとは…
18. 友達や家族とワイワイ楽しめる アドレナリン全開なゲーム！ モンストUIデザイナー として
19. そんなモンストに関わることになりました
20. モンストUIデザイングループに配属されました モンストUIデザイナー として
21. 今からやってきたことについて お話しします！ モンストUIデザイナー として
22. 画面遷移図の作成 タイトル画面の作成 UXを元にホームの作成 既存UI改修 UIチームの主な仕事 モンストUIデザイナー として UIパーツの作成 プロタイプを作成
23. 開発の流れ モンストUIデザイナー として プランナー
 UIデザイナー
 クライアント・サーバー 
 エンジニア
 QA（品質管理）
 約３週間〜1ヶ月
 練った企画の仕様をまとめて 
 各チームに展開したり、 
 ゲームデータの作成を行いま す。
 企画から来た仕様を元に、 
 実際の画面をレイアウトして 
 デザイン指示書を起こします。 
 それに伴う提案や必要な画像 
 素材の作成を行います。 
 UIチームが作成したモックを元に ゲーム内に入れ込む作業を行い ます。
 所謂プログラマーの方々です。 
 プランナー・デザイナー・ 
 プログラマーの作業が完了し、テ ストプレイやデバッグを行うチー ムです。
 検証方法の作成や、 
 フィードバックなどを行います。 

24. 開発実例① ステージギミック説明 モンストUIデザイナー として
25. ステージギミック説明 モンストUIデザイナー として 今まで このギミックの意味 なんだったかな… ギミックの効果って どこで調べられるのか な？ 外部サイトのwikiや攻略 にしか乗っていない！！！ （ゲーム内にない！）
26. ステージギミック説明 モンストUIデザイナー として 要件：主要ギミックの効果が分からないユーザーにその場で解決できるようにしてあげたい！ どんな効果なのか すぐわかる！
27. 開発実例② ガチャ限定キャラ逆引き機能 モンストUIデザイナー として
28. ガチャ限定キャラ逆引き機能 モンストUIデザイナー として 今まで 限定キャラって何のガ チャから出るんだろう？ このキャラクター よく使われてるな 何のガチャから 出るかを示すことで 入手方法を知りたいと思った 時に知れる 初心者
 キャラやガチャが多す ぎて何で何が出るのか わからないよ TAP!
29. ガチャ限定キャラ逆引き機能 モンストUIデザイナー として 要件：排出ガチャが決まっているキャラとそのガチャの種類を訴求しきれていない！ このキャラは 何のガチャで 出るかわかる！
30. ステージギミック説明 モンストUIデザイナー として 表示する場所の洗い出し ガチャの情報より ステータスを優先 してみるので非表示 キャラ詳細の場所を 洗い出し
31. モンストUIデザイナー として ゲーム内外のバナー制作 ゲームの顔となるロゴの作成 グラフィックデザインのお仕事
32. バナーができるまで… モンストUIデザイナー として 進化後の武器… ・キャラクター雰囲気から … ・腕の腕章… ・色味… ・提督感！ ・疾走感！ ・鳥要素を入れる！（羽とか …！） ・しっかりしてそうだから 　パッキリとした文字！
33. これらの案件を経て思ったこと… エンジニアにいかに分かりやすく指示を 渡すことができるのか。 企画との連携…！ やりたいことはなんだっけ？ モンストらしい画面遷移と情報設計を！ 長くプレイしているユーザーにも わかるように配慮…！などなど UIデザインって、人との協力性が大事…！ モンストUIデザイナー として
34. いろんな人達と関わる仕事なので 「どうしたらきちんと伝わるか、 理解してもらえるか」を 考えるようになりました。 誰のため、何のためを意識して 考えるようになりました。 多くのユーザーさんの期待を 裏切らないためにも スケジュール管理をしっかり意識 するようになりました。 デザインだけでなく様々ことに対して 俯瞰で見る、視野を広く持てるように なりたいと思いました。 モンストUIデザイナー として
35. モンストUIデザイナーとして 今後もユーザーに驚きを届けていきます
36. 終わり