1. ゲームチャット導入に伴う
UX構想とUI
atsの

2. 以前のチャットUI

3. チャットリスト 友達リスト
並列
チャット画面
チャットが１種類だった
設定画面
新規チャット

4. チャットリスト 友達リスト
新規チャット
チャット画面
設定画面

5. 比較的単純な構造だったの。

6. ゲームチャット実装

7. 設定画面
友達リスト
新規チャット
ゲームチャット
タイトルリスト
その他
- 通常チャット
- ゲームチャット
- 各種お知らせ
- FFB
- 怪盗ロワイヤル
チャットリスト
チャット画面
メニュー
チャット画面
新着チャットリスト
- マイスタンプ
- スタンプショップ
- ブラックリスト
- ヘルプ
設定画面

8. 大きな変化としては

9. メニュー画面を付加しました。

10. メニュー画面 ＝ レイヤーに属さない

11. メニュー画面

12. で、その下にチャット画面があるイメージ
メニュー画面 ＝ レイヤーに属さない
どっからでも行ける。

13. チャット楽しいよチャット

14. でも気をつけなきゃいけない事

15. でも気をつけなきゃいけない事
スライドメニュー
タブメニュー
&

16. でも気をつけなきゃいけない事
スライドメニュー
タブメニュー
&ダメ、絶対。

17. でも気をつけなきゃいけない事
スライドメニュー
タブメニュー
&ダメ、絶対。
まぁ場合にも寄るけどね。
しょうもないときもある。

18. なので

19. タブメニュー無いでしょ

20. これで迷子にならない

21. スライドの方向とボタン
Tips

22. メニューは左から出てくる

23. メニューは左から出てくる

24. メニューは左から出てくる

25. ここで止まって
メニューボタンだけ出てるならいいんだけど
ブラウザだから無理。

26. これが理想。
（アプリでは、やるよ）

27. なので
メニュー＝１ページ
になりました。

28. で、問題なのがメニューから戻る時。

29. 左から出てきて左に戻るのに、
これだと逆のニュアンス。

30. かと言って右上にボタン置く訳にいかない。
なぜなら下には閉じるボタンあるから。

31. なので

32. こうなりました。

33. リテラシーの低いユーザー向けに
「戻る」の文言追加。
多分これで勝つる。

34. そもそもゲームチャット導入で
なにがすごいのかって？

35. いままで、ゲーム友達とのコミュニケーションって
ゲームに居ないとできなかったの。
（モバ友になってない場合ね）

36. で

37. widget 導入
ココ
まず

38. そして

39. PF上のモチャにゲーム上のコ
ミュニケーションを全て同梱。
ゲームに行かなくともPF上で
ゲーム友／モバ友とのコミュニ
ケーションが全てできるように
なった。

40. で

41. MAUが上がる。
（多分）

42. あ、マイスタンプ機能すごいよ。

43. さて

44. さて
次回予告

45. 十分でわかる
お楽しみに。
タイポグラフィー／スペースユニット