こんにちは。デザイナーのid:takuwologです。去年の11月にカスタムダッシュボードをリニューアルし、直感的に作成・編集でき、グラフ以外の情報も表示できるようにしました。そこでこの記事ではカスタムダッシュボードリニューアルにおけるデザインアプローチをご紹介します。 視覚言語とユーザーテスト カスタムダッシュボードリニューアルのデザインアプローチにおけるトピックは大きく分けて2つあります。 1つは視覚言語についてです。MackerelはUIが良いと言われますが、その理由の1つにMackerelの視覚言語が関係していると考えています。視覚言語の詳しい話は後述しますが、UIは視覚言語の組み合せで成り立つことが多いです。なので複数ある視覚言語を一定のルールのもと使用し、ユーザーに一貫した体験を提供することが「UIが良い」と言われる結果に繋がると思っています。カスタムダッシュボードのリニューア