iPlanner Improvement Edition
毎日の業務が、もっと快適になる。
「見やすい」「使いやすい」「疲れない」。
現場の声から生まれた、新しいVtigerCRMのデザイン。
システムのために働くのは、もう終わりにしませんか？
これまでの画面は「機能は多いけれど、どこを見ればいいか分からない」「夕方になると目が疲れる」といったお悩みがありました。
今回の改善版は、ITに詳しくない方でも、直感的に、気持ちよく使えることを目指してリニューアルされています。
アイプランナー改善版 4つのメリット
毎日のストレスを減らすための工夫を詰め込みました。
① 入力ミスが減る！「迷わない」
入力欄の枠線をクッキリと表示し、ボタンと一体化させました。「どこに入力すればいいの？」と迷う時間がなくなり、サクサク業務が進みます。
② 長時間でも「目が疲れない」
文字色を「真っ黒」から「濃いグレー」に、背景を「まぶしくない色」に調整。コントラストを最適化し、目の負担を軽減します。
③ 日本語が「美しく読みやすい」
「メイリオ」や「UDゴシック」など、読みやすい日本語フォントを採用。数字の桁も縦にきれいに揃うので、見間違いを防ぎます。
④ タブレットでも「サクサク動く」
一覧画面の行間を広げ、タッチ操作をしやすくしました。無駄なアニメーションを省き、画面切り替えも一瞬です。
百聞は一見にしかず。その違いをご覧ください。
Before 従来のデザイン
- 線が細く、入力箇所がわかりにくい
- 文字が真っ黒で目が疲れやすい
- 立体的な装飾が多く、少し古臭い印象
After アイプランナー改善版
- クッキリした枠線で迷わない
- 目に優しい配色とフラットデザイン
- 美しい日本語と整理されたレイアウト
アイプランナー版と標準版の画面比較
ダッシュボード
標準版
アイプランナー版
各ウイジェットの明確化（タイトルの強調、独立性の強調）
リスト画面
標準版
アイプランナー版
行データの見やすさ向上（偶数行に背景色）
データ画面（概要表示）
標準版
概要ページのウィジェットが２列で、右側の活動、コメントのウィジェットが間延びしている
全体の背景色とブロック・エリア内の背景色の差がないため直感的な視認性が悪い
アイプランナー版
各データブロックの明確化（色付け、キー項目の表組）
ウィジェットの見やすさ（三列表示）
データ画面（詳細表示）
標準版
フィールド名とフィールド値のエリアが離れていて視認性が悪い
アイプランナー版
フィールド名を右寄せで誤認を防止
ブロックの明確化で見やすさ向上（色付け、各フィールドを表組）
データ画面（入力表示）
標準版
フィールドの入力エリアの幅が狭いため、長い文字の入力時に入力しづらい
アイプランナー版
入力のしやすさ向上（入力エリアの拡張）
詳細表示と同じUIに変更し、見やすさ、入力のしやすさを向上
データ画面（インライン入力）
標準版
アイプランナー版
入力箇所の明確化（入力時に背景色を変更）
