目的

moorestechにおけるわかりやすい研究UI仕様をまとめる

詳細仕様

Tボタンを押下すると研究ツリーの一覧が開く

• 縦型でリスト一覧が開く

  • 縦スクロールの方が操作しやすいので、リストは縦型にする

• 解放された研究はアイコンが表示される

• 未解放の研究はグレーのアイコンが表示される

  • 解放されていないことを示した上で、シルエットからどういった内容の研究なのかを直感的に示す。

• 研究のアイコン（＊）をクリックすると、「研究詳細画面」が開く

  

研究詳細画面

• ①解放されるアイテムアイコン
  • メインで解放されるアイテムを大きく配置、それ以外のアイテムアイコンは小さく配置する（これでも解放アイテム数に上限はありそう、実際に画面を作ってみて精査かな）
• ②消費されるアイテムアイコン
  • 分子：ユーザーのアイテム所持数
  • 分母：必要なアイテム数

→アイテムアイコンをクリックしたときに、アイテムの詳細情報や入手方法の説明がポップアップすると親切だよなぁ、、カッツミーにポップアップ画面を作成できるか(&するべきか)を相談する

• ③解放されるメインのアイテム名
• ④「研究名」を表示
• ⑤「研究説明文」を表示
  • 固定のサイズにして説明文の文字数を制限した方が良さそう（ここのサイズが変わると下のボタンの位置がアイテムごとに変わって見づらい）
• ⑥「やることリストに追加」ボタン
  • ボタンを押すと「やることリスト」が開く（この先の仕様はまた考える）
  • 「やることリストから削除」は「やることリスト」にて操作し、この画面では操作しない
• ⑦「研究開始」ボタン
  • 全ての必要アイテムを必要数以上保持しているとき→ボタンが青色になり、ボタンが押せ、研究が完了する
  • 必要アイテムのうち必要数を満たしていないものがあるとき→ボタンがグレイアウトし、押せない。