シンプルな「その日やることリスト」アプリがほしいのでデザイン案をつくってみました
Updated
2022.10.15
Published
2017.08.21
一日の始まりに「今日やること」を洗い出して、期限が近い順に黙々とこなすためだけのアプリがほしい!
ということで、機能を絞って操作のストレスを減らしつつ、1日の始まりと終わりに開きたくなるようなデザイン案を検討してみました。
TaskLine



基本機能はこれだけ。
タスク追加(タイトルと期日)
完了時にチェック入れる
起動時など常に「Today」ビューです。 「ALL」ビューも設けていますが、あくまで補助的なものです。
ほしいと思った背景
そもそもなんでこの案をつくったのかというと、「期限が近い順に黙々とこなす」のに特化したアプリが無いからです。
既存のToDoアプリだと、タスクの俯瞰や整理は便利でも、「今日やること」にたどり着くまでにタップが多いです。アプリ起動してすぐ使えるものがほしい。
そうした面での既存サービスのデメリットを挙げてみます。
リマインダー(公式)
期日を設定するのにタップ数が多く面倒
現状、デザインのクセが強い…
タスク管理アプリ全般
「その日にやることリスト」へのアクセスが面倒(Flag機能などで対応してるケースが多い)
共同利用できるアプリだと、個人利用時には不要な機能表示が多く煩わしい
カテゴリやタグの設定が面倒(計画・振返り時に必要でも、淡々とタスクをこなしていく最中には設定自体不要)
使ってるうちに「いつかやることリスト」になりがち
ノートアプリ全般
タスク管理用に作成したノートへのアクセスが面倒
ターゲット
個人利用、主に学生。その日やることを自分で決めて実行できる環境の人。また、ルーティン業務が多い人。(って書いてみると、実際につくってもスケールしなさそう)
終わりに
実際に手を動かしてみて、シンプルなものを目指したい一方で、一般的には以下のような機能も求められるはず。
検索機能
カレンダービュー
コンセプトとニーズのバランスをとっていく難しさを現段階ですでに感じています。何かブレないコンセプトを身近に見つけられるよう、日々アンテナをはって過ごしたいですね。
XDとAfterEffects使ってみて
XDでUI作成、PDF書き出し
Illustratorで開きレイヤー整理、別名保存でaiデータへ
AfterEffectsにaiデータ配置、シェイプに変換
…という手順を経て、だいぶ手間でしたが、細かいインタラクションのイメージ作成ができました。
XDからAfterEffectsへとダイレクトに読み込みできるようになったらすんごい捗るので期待しています。欲を言えば、XD側へAEで作成したアニメーションが反映できたら神ですね(もはやプロトタイピングツールではなくなるけど)。