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

by mixigroup_shinsotsu

Slide 1

Slide 1 text

GMOペパボ×mixi×クックパッドシンソツデザイナートークモンストUIデザイナー　篠原梨紗

Slide 2

Slide 2 text

1　自己紹介 2　学生時代 3　モンストUIデザイナーとして

Slide 3

Slide 3 text

1　自己紹介 2　学生時代 3　モンストUIデザイナーとして

Slide 4

Slide 4 text

篠原梨紗 1998/1/8 所属モンスト事業本部デザイン室 UIデザイングループ出身校：アミューズメントメディア総合学院キャラクターデザイン学科出身地：茨城県学生時代：イラスト制作、ゲーム制作自己紹介

Slide 5

Slide 5 text

1　自己紹介 2　学生時代 3　モンストUIデザイナーとしてモンストUIデザイナーとして

Slide 6

Slide 6 text

学校に入学！ひたすらにイラストを勉強！（イラスト初心者）就職のためにポートフォリオを作成ここでUIを知って独学で勉強ひたすらに作品作りと就職活動就職イベントなどに行き始めるミクシィを受ける！アルバイト入社！１年前期１年後期２年前期２年後期学生時代学生時代の２年間

Slide 7

Slide 7 text

高校を卒業後グラフィックの勉強をするためにアミューズメントメディア総合学院に入学！ペンタブすら握ったことも無く右も左も分からない１年生とりあえず絵を描くのが楽しかった１年目！学生時代１年生の頃

Slide 8

Slide 8 text

就職の壁にぶつかる … イラストを描きたいのか、何をやりたいのかよくわからず … 学生時代１年後期就職活動スタート

Slide 9

Slide 9 text

OBに「UIデザイナー」の先輩が！当時「UI」という言葉すら知りませんでした UIデザイナーとはどんな事をする職業か、 UIとは何かを先輩から教えてもらいました。そうして… 学生時代そんな時… 私もUIデザイナーになりたい！と思い改めて就職活動をはじめました

Slide 10

Slide 10 text

UIをどうやって勉強しよう…？

Slide 11

Slide 11 text

UIトレース独学でUIの勉強学生時代 UIの勉強でやった事・UIトレース・デザインの本を読む・実際にオリジナルサービスを作成し、UI・UX設計をしてみる実際にあるサービスの UIをトレースし、思ったこと等を簡単に記載 1画面30〜1時間ほどで作成主観ではなくユーザー視点で設計を考えられるようになりました！

Slide 12

Slide 12 text

エントリーした数…5社・色々なスキルをつめる会社・自社開発を行なっているところ・絶対私服！・交通の便がいいところ・職場の雰囲気がいい場所企業選びで重視していたことページ数：30p 作成期間：1週間〜2週間サイズ　：A4 ポートフォリオ受けた企業数学生時代

Slide 13

Slide 13 text

なぜミクシィに決めたか？コミュニケーションを大切にしているところに感銘を受けたためサービスだけでなくゲーム制作も行っており、幅広くいろんなことに挑戦できそうだと思ったため自己紹介

Slide 14

Slide 14 text

Slide 15

Slide 15 text

1　自己紹介 2　学生時代 3　モンストUIデザイナーとしてモンストUIデザイナーとして

Slide 16

Slide 16 text

モンスターストライクの UI/UXデザイナーやってます！

Slide 17

Slide 17 text

モンストUIデザイナーとしてモンストとは…

Slide 18

Slide 18 text

友達や家族とワイワイ楽しめるアドレナリン全開なゲーム！モンストUIデザイナーとして

Slide 19

Slide 19 text

そんなモンストに関わることになりました

Slide 20

Slide 20 text

モンストUIデザイングループに配属されましたモンストUIデザイナーとして

Slide 21

Slide 21 text

今からやってきたことについてお話しします！モンストUIデザイナーとして

Slide 22

Slide 22 text

画面遷移図の作成タイトル画面の作成 UXを元にホームの作成既存UI改修 UIチームの主な仕事モンストUIデザイナーとして UIパーツの作成プロタイプを作成

Slide 23

Slide 23 text

開発の流れモンストUIデザイナーとしてプランナー  UIデザイナー  クライアント・サーバー   エンジニア  QA（品質管理）  約３週間〜1ヶ月  練った企画の仕様をまとめて   各チームに展開したり、   ゲームデータの作成を行います。  企画から来た仕様を元に、   実際の画面をレイアウトして   デザイン指示書を起こします。   それに伴う提案や必要な画像   素材の作成を行います。   UIチームが作成したモックを元にゲーム内に入れ込む作業を行います。  所謂プログラマーの方々です。   プランナー・デザイナー・   プログラマーの作業が完了し、テストプレイやデバッグを行うチームです。  検証方法の作成や、   フィードバックなどを行います。  

Slide 24

Slide 24 text

開発実例① ステージギミック説明モンストUIデザイナーとして

Slide 25

Slide 25 text

ステージギミック説明モンストUIデザイナーとして今までこのギミックの意味なんだったかな… ギミックの効果ってどこで調べられるのかな？外部サイトのwikiや攻略にしか乗っていない！！！（ゲーム内にない！）

Slide 26

Slide 26 text

ステージギミック説明モンストUIデザイナーとして要件：主要ギミックの効果が分からないユーザーにその場で解決できるようにしてあげたい！どんな効果なのかすぐわかる！

Slide 27

Slide 27 text

開発実例② ガチャ限定キャラ逆引き機能モンストUIデザイナーとして

Slide 28

Slide 28 text

ガチャ限定キャラ逆引き機能モンストUIデザイナーとして今まで限定キャラって何のガチャから出るんだろう？このキャラクターよく使われてるな何のガチャから出るかを示すことで入手方法を知りたいと思った時に知れる初心者  キャラやガチャが多すぎて何で何が出るのかわからないよ TAP!

Slide 29

Slide 29 text

ガチャ限定キャラ逆引き機能モンストUIデザイナーとして要件：排出ガチャが決まっているキャラとそのガチャの種類を訴求しきれていない！このキャラは何のガチャで出るかわかる！

Slide 30

Slide 30 text

ステージギミック説明モンストUIデザイナーとして表示する場所の洗い出しガチャの情報よりステータスを優先してみるので非表示キャラ詳細の場所を洗い出し

Slide 31

Slide 31 text

モンストUIデザイナーとしてゲーム内外のバナー制作ゲームの顔となるロゴの作成グラフィックデザインのお仕事

Slide 32

Slide 32 text

バナーができるまで… モンストUIデザイナーとして進化後の武器… ・キャラクター雰囲気から … ・腕の腕章… ・色味… ・提督感！・疾走感！・鳥要素を入れる！（羽とか …！）・しっかりしてそうだから　パッキリとした文字！

Slide 33

Slide 33 text

これらの案件を経て思ったこと… エンジニアにいかに分かりやすく指示を渡すことができるのか。企画との連携…！やりたいことはなんだっけ？モンストらしい画面遷移と情報設計を！長くプレイしているユーザーにもわかるように配慮…！などなど UIデザインって、人との協力性が大事…！モンストUIデザイナーとして

Slide 34

Slide 34 text

いろんな人達と関わる仕事なので「どうしたらきちんと伝わるか、理解してもらえるか」を考えるようになりました。誰のため、何のためを意識して考えるようになりました。多くのユーザーさんの期待を裏切らないためにもスケジュール管理をしっかり意識するようになりました。デザインだけでなく様々ことに対して俯瞰で見る、視野を広く持てるようになりたいと思いました。モンストUIデザイナーとして

Slide 35

Slide 35 text

モンストUIデザイナーとして今後もユーザーに驚きを届けていきます

Slide 36

Slide 36 text

終わり