UI設計

ジャブが響いてくるから

田中 このプロジェクトを通してデザインが重要だと実感しましたね。

通常、Web Content Management（以下、WCM）^※１のシステムを利用してWebサイトを生成できるようにする場合、一番気にしなきゃいけないところとして「お客さまが見たWebサイトがどうであるか」っていうデザインがありますよね。そこはどの会社さんでも必ず重視して設計すると思うんですが、今回、コンセントさんには、お客さま向けのインターフェースはもちろん、それをつくるためのもう１つのインターフェースである「サイト制作者向けのユーザーインターフェイス設計（以下、UI設計）」にもかなり力を入れてやってもらいました。うちの場合、特定多数のパートナー会社さんに制作をお願いしているんですが、担当の方も替わるので、なるべく難易度が低い状態にしておかないとその都度説明が大変だろうなと。 ※１「Web Content Management（WCM）」とはWebコンテンツ管理のことで、日本では従来、「CMS」と呼ばれてきた。

サイト制作者向けのUI設計に注力されたんですね。

田中 コストがそれなりにかかることなので、普通は「わかるけど、そこは制作側に我慢してもらおう」となりがちですけど、そうしてしまうとあとあとジャブが響いてくることになると思うからなんですよね。まず3ヶ月間のテスト導入期間を設けて、AEMを実際に使ってコンポーネントの設計・開発をしてページ制作まで行うといった感じでコンセントさんに調査をしてもらったんですが、「サイト制作者に向けてのUIも設計しないと、結局生産効率が下がる」とわかったんです。

WCMのツールのデフォルトのインターフェースは簡単になっているとはいえ、やっぱり難易度は高い。文字修正レベルなら問題はないんですけど、花王の場合はかなり高い頻度でリニューアルレベルの更新をするので、楽にしておかないと結局コストや時間が無駄にかかってしまうことになる。ただでさえ新しいツールの習熟時間はすごくかかりますからね。

機能があり過ぎても使われないですし、難しくして何でもできるようにすると結局手でHTMLを書いた方が早くなっちゃう。だから、「花王のサイトにはこのぐらいの機能があればいいので、標準的にこういう設計にしましょう」と決めて、運用テストで課題が見つかったらつくったものをばらしてゼロからもう一度組み立てるといったことを繰り返し、使いやすいインターフェースをつくっていきました。

ただ、カスタマイズしたインターフェースはあくまで花王オリジナルになるので、初めてお仕事をしていただくときには１回は習熟しなきゃいけない。そういう意味でも習熟の難易度を下げておきたいなと。
実際に完成したものもそこそこ難しいとは思いますけど、デフォルトのインターフェースに比べればだいぶ使いやすくなっているはずです。