こんにちは。デザイナーのid:takuwologです。去年の11月にカスタムダッシュボードをリニューアルし、直感的に作成・編集でき、グラフ以外の情報も表示できるようにしました。そこでこの記事ではカスタムダッシュボードリニューアルにおけるデザインアプローチをご紹介します。 視覚言語とユーザーテスト カスタムダッシュボードリニューアルのデザインアプローチにおけるトピックは大きく分けて2つあります。 1つは視覚言語についてです。MackerelはUIが良いと言われますが、その理由の1つにMackerelの視覚言語が関係していると考えています。視覚言語の詳しい話は後述しますが、UIは視覚言語の組み合せで成り立つことが多いです。なので複数ある視覚言語を一定のルールのもと使用し、ユーザーに一貫した体験を提供することが「UIが良い」と言われる結果に繋がると思っています。カスタムダッシュボードのリニューア
![カスタムダッシュボードリニューアルにおけるデザインアプローチ - Mackerel お知らせ #mackerelio](https://cdn-ak-scissors.b.st-hatena.com/image/square/fad2ebfc720fd4acdd1c885e92b770296e71a7d8/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fm%2Fmackerelio%2F20190124%2F20190124124044.png)