よいダッシュボードデザインをするためのTipsよりよいダッシュボードデザインをするためのTips2019/7/7ブログTweetPocketこんにちは、マツイです。仕事で、ダッシュボードデザインを作成するにあたり、色々と調べたので、作成する際の参考になればと思い共有します。ビジュアル作成前に考えておくべきことこちらは、通常のデザイン時も同じです。誰が使うのか、どの頻度で使用するのか、ダッシュボードを使って何をするのかを検討する。・何のためにデータを見るのか・データを使って何をするのかユーザーを想定し、どのような行動をとるのかは、最低限押さえておく必要があります。内容によっては、ダッシュボードではなく、週1回数値についてメールで送ればいいという答えになる可能性も秘めているからです。ユーザーについて考えるユーザーは、特定の1人とは限りません。ダッシュボードは関わるポジションによって、必要な情報に違いがあるからです。社内管理のダッシュボードの場合、マネージャーが見ておきたいものとプレイヤーが知るべき箇所が異なる事があるかと思います。そのため、ペルソナは1人ではなく、集められるだけの情報を集めておかなければなりません。使われないダッシュボードとはよいデザインを知るよりも、使われないデザインを知る方が返って良いかと思い調べて纏めました。纏めて見ると、当たり前のことのように見えますが、ついついあったらいいで必要以上の要素を詰め込みデザインをやりがちなので注意が必要です。優れているダッシュボード次に使われないと同様に優れているダッシュボードについても調べました。ユーザーから始める必要性は高そうです。ユーザーが頭の中にある場合でも、具体的にペルソナとして書き出し一度頭の中から取り出す事で頭が整理できます。ユーザーペルソナと共に、一度ユーザーの行動を可視化(ジャーニーマップ)を作成するとよりチームでの情報共有がスムーズに行きます。私自身は頭の中で整理が出来ない時や情報の共有が難しいと感じた場合は、ジャーニーマップに、ワイヤーなどの画面設計も加え情報をより分かりやすくして検討するための材料づくりを行なっています。ビジュアルに落とし込む情報の整理が終われば、ビジュアルデザイン部分になりますが、気をつけるべき点を纏めて図にして見ました。基本的には、ユーザーが知りたい情報に優先順位をつけ、読みやすく分かり易くする事が大切と言う事が分かります。何を盛り込むかと言うよりは、どの情報を潔く表示させなくするかが最重要になる部分です。作成したあとは、確認項目を作り実際チェックしてみます。1.読みやすさ、色の数、色の使い方は適切か2.情報の区分として、同一ページに表示すべきかどうか3.ユーザーは、その情報と他の情報を比較したいと考えているか4.ユーザーは、その情報の推移を見たいと考えているのか5.ユーザーは、その情報が何の情報か理解できるか6.高いと悪いのか、低いと悪いのかが画面内で統一されているのか確認項目については、こちらを参考に纏めてありますので、ぜひご覧ください。Andoさんも言及されていました。ダッシュボードデザインここに尽きると思う。「優れたダッシュボードは、個別のデータについて表したものではありません。データではなく、情報を表すものであり、その情報を使ってユーザーが疑問を解決するために存在します。ダッシュボードを作成しようとした時に集めた情報ログ11.使われないBIダッシュボードの3つの共通点PROFILE松井貴史1984年熊本生まれ。RUBYDESIGN.代表プロダクトに関わるUI設計が得意です。デザインだけではなく、現在エンジニアリング部分などにも領域を広げています。物と物をsnsで繋ぐマッチングサービスmonocrewを運営。RERATION2018/12/24困った時に安心して頼める名刺印刷会社はココ!2018/8/16ノンデザイナーでも知るだけで使える便利なサイト!(アソート編)2016/5/12デザインを扱う人たちには、必要な覚悟2014/12/25クリスマスツールをデザインしました。フリーランスデザイナー募集!2015/9/15もうすぐで1年が経ちます。2018/9/2デザイナーでもカンタン!dockerで環境構築!CONTACTチームでのサービスデザインが得意です。ご相談は、お問い合わせフォームをご活用ください。