Design

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.11.4

974

業務でUIの参考にしたい3つのアプリ

目次1 「Trello」1.1 特徴:ふせんを貼っていく感覚で気軽に予定を追加できる2 「Toggl」2.1

「Trello」

無料で使える個人・チーム兼用のタスク管理アプリです。

特徴:ふせんを貼っていく感覚で気軽に予定を追加できる

一つ一つを「カード」に登録し、カードを「リスト」で管理します。カードの設定はそれぞれのカードをタップした先で行え、期限を設定したり、カード内にTodoリストを作ることができます。カードの追加はリスト下部にある「カードを追加」を押して課題内容を入力することで簡単に追加できます。


カードは長押しすると持ち上がり、そのままドラックで簡単に移動ができます。また、そのまま別のリストに移動もできます。無料で使える上に機能が多く、とても良い使用感です。

「Toggl」

「Toggl」は時間管理ができるアプリです。

特徴:誰でも扱いやすく、稼働が一目でわかる

使い方は簡単で、右下の再生ボタンを押すと開始するので、あとは業務内容・プロジェクト名・タグなどを入れて完了するだけです。
停止ボタンを押すと保存され、中央のタブから1日の稼働時間・週の稼働棒グラフ・タスクの割合円グラフなどのレポートが見れます。

このアプリのUIで工夫されていると思った点は、タスクの開始・終了位置を調節するタイマーです。
一般的に日付を変更するものに上下にフリックして変更するインターフェースが一般的ですが、このUIは開始・終了位置をダイヤルを回すように感覚的に変更できます。1周すると色が変化するので指定範囲が判断しやすい。そしてなにより作業感がなく、癖になります。

「MindNode」

思考やアイデアを整理できるマインドマップを手軽に作成できるアプリです。

特徴:余計な機能がない、シンプルで正統派マインドマップ

画面中央の「ノード」と呼ばれる部分にメインの事柄を書き、そこから枝分かれするブランチを出してアイデアを広げていきます。必要な機能は下部のメニューに集約されており、ノードの変更や直感的に理解しやすいノードに貼れるステッカーなどの設定ができます。

マインドマップ作成中、内容を確認する時に邪魔にならないよう、下部のメニューを下にスワイプすることで縮小化できるようになっています。


Warning: Use of undefined constant sidebar_widget - assumed 'sidebar_widget' (this will throw an Error in a future version of PHP) in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/sidebar.php on line 3

同じテーマの記事

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.11.4

974

業務でUIの参考にしたい3つのアプリ


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.6.10

973

「伝える」気持ちを大切に。ユニバーサルデザインとアクセシビリティについて考えてみました。


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.9.30

965

ログイン & リマインダーのUIデザインで工夫のある3つのアプリ


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.9.16

961

写真選択のUIデザインで工夫のある3つのアプリ


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.2.27

927

スタイルを簡単に引き継げるStyle Inventory for Sketch


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152
N's Creates について詳しく見る