[デザイン]インタラクティブなタスク管理アプリのデザイン(個人制作)

OVERVIEW

タスク一つひとつを泡に見立て、破裂させることで消化するインタラクティブなタスク管理アプリを企画・制作中です。

YEAR 2021

背景

タスク管理アプリには様々な形態のものがあります。

  • 付箋を模したリスト形式のもの
  • カンバン形式のもの
  • カレンダーをベースにしたもの

個人を対象としたものでは、リスト形式のものが用いられるものが多い印象があります。

リスト形式のものは視認性は高いですが、優先度の表現が難しいです。また、リスト形式であるため消化が単調になりやすいです(タスク管理という観点ではそれも正しいと思います)。

プロジェクト単位で使用されるものは個人で使用するにはやや高機能であり、タスク作成時に逆に思考コストがかかってしまいます。

そこで、優先度などが視覚的に表され、さらに消化を視覚的に楽しめるタスク管理アプリが作りたいと考え、デザインから起こしました。

想定環境

  • iOSアプリ

コンセプト

  • 優先度のわかりやすいTodoリスト
  • 消化時の多様なフィードバック
  • ポップで可愛らしい見た目

以上の3つを意識してデザインを行いました。

「優先度のわかりやすいTodoリスト」
メインコンセプトとしてタイトルにもあるように泡を採用することで、三段階の大きさによってタスクの優先度をわかりやすく表現しました。

「消化時の多様なフィードバック」
また、泡に触れると破裂するという先入観を利用し、ホールドすることでタスクを消化する操作を設定しました。ホールド時にはホールド進捗を表すゲージを表示して状態を明示します。破裂時にはエフェクトと触覚フィードバックを用いて消化を知らせます。

「ポップで可愛らしい見た目」
シンプルなデザインの泡のため、カラフルになるよう色を設定しました。目が痛くならないよう淡色を用い、また主要UIには彩度の高い色を用いてメリハリをつけました。
色にも意味をもたせることを検討しましたが、見た目のポップさを見比べ検討した結果、ランダムとしました。

デザインカンプ


関連リンク

XDデータ: