デザイン

ダッシュボードリニューアルにあたりデザイナーが考えたこと

2016.3.30

こんにちは、デザイナーのあやちです。
だんだんと暖かくなってくるこの季節は、いくつになってもワクワクしますね!

さて、CTOのすーさんやエンジニアのまっつんからも投稿があったとおり、先日スペースマーケットのオーナーダッシュボード(スペースを貸す側が、予約を確認したり、自分のスペースを登録する管理画面)がリニューアルされました。

これが、リニューアル前のダッシュボードの一画面です。

リニューアル前のダッシュボード

これが、こんなふうにリニューアルされました!

リニューアル後のダッシュボード

今回はこのリニューアルについて、デザイナー視点でどんなことを考えて取り組んだのかをお話したいと思います!

リニューアルで実現したかったこと

リニューアルで実現したかったことは、多くの機能の追加や使いやすさの改善など書ききれないほどあるのですが、大きくは下記の2点に集約されます。

  • 親しみやすくすること
  • 膨大化した情報を整理すること

親しみやすくすること

リニューアル前の画面デザインの問題として、難しそう、とっつきにくそうという印象を与えてしまう点がありました。
原因としては、背景の色の濃さ、四角い要素の角が尖っていること、堅いアイコンなどがあげられると考えました。

擬人化すると、かっこいいけど、かっこよすぎてちょっと話しかけにくい、話すと小難しいことを返してくるクールな上司といったイメージでしょうか。

これを、かっこいいけど、話しかけたら笑顔で返してくれて、また話しかけたくなるような同僚に変えるような気持ちでデザインを進めました!

1. カラースキームの変更

背景色を中心に、利用している色を全体的にやわらかめ、明るめの発色に変更しました。

カラースキームの変更

2. 四角い要素の角を丸く

ボタンなど、ほんとにきもーち(1pxだけ)ですが、以前より角を丸くしました。

四角い要素の角を丸く

3. 優しい印象のアイコンを利用

アイコンも、ちょっと大人な堅めな印象から、子供でも怖がらないような丸みを帯びた優しい印象のものに変更しました。

優しい印象のアイコンを利用

このような変更を加えていくことで、上司を同僚に変えていきました。

膨大化した情報を整理すること

スペースマーケットは、空きスペースを貸し借りできるサービスです。
一見そこまで複雑なサービスじゃないのでは?と思われるかもしれませんが、
「この日は特別価格で安くしたくて、この日は休みにしたい!」とか、
「この設備を追加料金で貸し出したい!」とか、
意外といろいろな要望に応えるための複雑な機能があるのです。

そのため、どの画面もたくさんの表示しなければならない項目で超縦長になっていました。
こんなページでは見るだけでげんなりしてしまいますね…。

そこでこの膨大化したコンテンツを内容によって分類、リニューアル前は有効活用できていなかった左サイドバーにメニューをつけてページを分けることですっきりとさせました。

膨大化した情報を整理

さらに、ヘッダー、フッターを固定表示とし、カラム内でスクロールさせるようにすることで、表示項目が多くても縦長と感じさせないようにしています。

このように、すべてのページの情報を再度整理し適切に表示することで、使いやすさの向上を図りました。

本当の使いやすい画面への道のりはここからがスタート

というわけで、今回のリニューアルは上記2点を主に考えながら進めていきました。
デザインをしていくにあたり、基本的には今までいただいたユーザーの声をもとに進めたのですが、どうしてもメンバーの独断と偏見で「こっちのが使いやすいだろ!」と判断せざるを得なかった部分もあります。
そのような場所は、これからユーザーテストを行いどんどん改善を図っていかねばなりません。

リニューアルは終わったけれど、本当の使いやすい画面への道のりはここからがスタートだと思っています。

管理画面のデザインはものすごく頭を使う仕事

今回リニューアルを行ったダッシュボードのような管理画面のデザインは、膨大化した機能を限られた画面内でどれだけ整理して分かりやすく見せるか、という難題に立ち向かうことで、想像以上に考えることが多く、ものすごく頭を使う仕事だと思っています。

その割に、利用者以外の目には触れないという、悲しい特性を持っているものだと思います。
(いつももてはやされるのは表側の画面…いえ、いじけてなんかないです…。)
あまり日の目を見ることがないからこそ、使いにくいまま放置されている画面もたくさんあるとも感じています。

でも、管理画面は、どんなWebサービスにも必ずあるもの。
日の目を見なくても、使っているユーザーさんがいるのは紛れもない事実なのです。
だからこそ、管理画面を強化したら最強のサービスになる!と私は思っています。

管理画面を制するもの、サービスを制する!
その気持ちで、これからもスペースマーケットをより使いやすく改善していこうと思っています。

さいごに

そんな日の目を見ることのないスペースマーケットのオーナーダッシュボード!
あなたもスペースマーケットのオーナーになって使ってみませんか?

離れ、倉庫、放ったらかしになっている別荘など、あなたの家にユニークな遊休スペースはありませんか?
デザイナーやエンジニアの方は、この機会に、その眠っているスペースをスペースマーケットに登録してみてはいかがでしょうか。
画面の研究もでき、遊休スペースも有効活用でき、一石二鳥になること間違いなしです!

その際は、使い勝手もぜひ教えてくださいね!

もちろん、ダッシュボードのデザインを一緒に考えてくれるデザイナーも絶賛大募集中です。
まずは話を聞いてみるだけでも問題ありません。ご応募、心よりお待ちしています!

あやち

Web Designer

遊ぶこと、食べること、寝ることが大好きなデザイナーです。宴会部長を兼任しています。

この記事について

2016.3.30

デザイン