GameTomodachi

ファーストビューのデザイン

登録ユーザーと購入ユーザー向けの別々のビジュアルを作成し、カルーセルで表示しました。 登録するユーザーにはゲームをするだけで収入が得られることが伝わるビジュアルにして、購入するユーザーにはプレイヤーと繋がり一緒にゲームができるビジュアルに決めました。

出金申請手続きの画面設計

既存のワイヤーからレイアウトを決めました。
登録したPayPalメールアドレスを削除した時に登録前のページが表示されただけだと、ユーザーは削除ボタンを押した後に自分が何のアクションを起こしたかが分からないため、トーストを表示することでユーザーに削除したことを認知できるようにしています。

条件に満たさないままボタンを押すアクションやエラー表示を避けるため、申請できる金額が満たない数字や、申請できない場合はあらかじめボタンをグレーアウトに表示しました。
動的な実装はエンジニアに相談をして実現させています。

デモを見る

返金･キャンセル機能の設計

アイディアの段階では、「完了する」「返金を要求する」「キャンセルする」は同じボタンを配置していました。
しかしユーザーが既に購入した後に返金をすることやキャンセルをすることは、取引を完了することよりも頻度が高くないので、２つのボタンをテキストリンクに変更してより整理された画面にしました。

アバターのデザイン

GameTomodachiをゲームのような世界観をつくるか議論をした結果、どの国でも使えるプレイヤー同士のマッチングアプリとしてデザインする方針に決めました。
アバターは、顔に表情を持たず男女偏りのないイラストを採用しました。