情報・コンテンツの存在と道具としてのユーザーインタフェース
GUIを設計する際、何を根拠にするのがよいでしょうか？GUIの操作対象である情報・コンテンツに焦点を当ててみましょう。インタラクティブなアプリケーションは概念的にMVCの形をしています。優れたユーザーインタフェースはその先の情報・コンテンツをよく反映しています。情報・コンテンツの存在はユーザーインタフェースを決定づける重要な要素なのです。
開発対象の類似サービスを調査するにあたって、どのようにアプリケーションを捉えて観察するのがよいかを整理してみました。
インタラクティブなアプリケーションはMVCの形をしている
インタラクティブなアプリケーションは、ユーザーとシステムの状態との間を取り持ちます。OSのGUIやWebサービスはユーザーと相互作用するアプリケーションです。
インタラクティブなアプリケーションはシステムの状態を表示して、ユーザーに”何か”を見せます。また、インタラクティブなアプリケーションはシステムの状態を変更して、ユーザーに”何か”を操作させます。ユーザーが見て、操作するのは情報・コンテンツです。
ユーザーと情報・コンテンツ、その間にある参照と操作の関係は概念的にMVCの形をしています。MVCのMはモデルです。モデルはドメインに特化したアプリケーションの中心的構造です。MVCのVはビューです。ビューはモデルからデータを要求してグラフィカルに表示するすべてのものです。MVCのCはコントローラーです。コントローラーはモデルとビュー、入力装置（キーボードやマウス、タイマー）の橋渡しをします。
MVCとはインタラクティブなアプリケーションのユーザーインタフェースを設計するためのパラダイムです。重要なのはMVCの概念やパラダイムそのものです。”オブザーバー・パターンでビューとモデルを実装する”などのテクニカルな側面はそれほど重要ではありません。
情報・コンテンツの存在
ユーザーのメンタルモデルとシステム上のデジタルモデルとのギャップをつなぎ合わせることがMVCの本質的な目的です。ユーザーインタフェースは情報・コンテンツを直接操作する体験―イリュージョン―をユーザーに与えます。
ユーザーは、異なる場面や異なる視点で、同じ情報を見たり操作したりすることがあります。たとえば、情報を一覧して表示することもあれば、個別に表示することもあります。また、情報を表形式で表示することもあれば、グラフ形式で表示することもあります。いずれにしてもユーザーは同じ情報・コンテンツ見ていると理解することができます。ユーザーはデスクトップ上のアイコンが、エクスプローラ（Finderかもしれません）上のアイテムと「同じもの」であることを知っているわけです。
情報・コンテンツに方向づけられたユーザーインタフェース
ユーザーインタフェースが元の情報・コンテンツをよく反映していれば、ユーザーはその優れたユーザーインタフェースから元の情報・コンテンツを感じとることができます。
インタフェースに対する操作がインタフェースの見え方に反映されることで、ユーザーはインタフェースの先に情報・コンテンツがあると理解できます。異なる場面の異なる見え方に同じものが投影されているという同一性を認められるなら、ユーザーは同じ情報・コンテンツの違う側面を見ていると理解できます。
優れたユーザーインタフェースはユーザーに情報・コンテンツを掌握させるのです。ユーザーはユーザーインタフェースを通じて情報・コンテンツを掌握している、そう感じさせらる、とも言えます。
道具としてのユーザーインタフェース
GUIを設計する際には、そのGUIを方向づける元になっている情報・コンテンツに焦点を当てましょう。直接見て、触れて、観察できるのは画面の構成や機能ですが、それだけに注目しないように気をつけます。何がその画面の構成や機能をそうさせているのかを考えます。
画面の構成や機能に反映されている何か―情報・コンテンツ―を探ります。その画面の構成や機能は偶然そうなっているのではありません。ユーザーインタフェースが優れていれば、そこに情報・コンテンツに起因する一貫性を見出すことができるはずです。それこそがユーザーインタフェースの目的だからです。
情報・コンテンツはユーザーインタフェースに先立ちます。もちろん、画面の構成や機能、ユースケースから考え出すこともあります。画面の構成や機能、ユースケースを重要視しないわけではありません。直接見て、触るものは想像しやすいのは間違いありません。しかし、最終的には情報・コンテンツの形を画面の構成や機能、ユースケースに反映します。
情報・コンテンツによく方向づけられたユーザーインタフェースはユーザーにとってよい道具になり、ユーザーを対象の情報・コンテンツに近づける手段になり得ます。一方、情報・コンテンツの形が曖昧だと、画面の構成や機能、ユースケースはいびつなパッチワークになってしまいます。
MVCが実現しようとするもともとの概念を知って、GUIとは、ユーザーのメンタルモデルとシステム上のデジタルモデルをつなげるものであることが分かりました。優れたユーザーインタフェースからはその先の情報・コンテンツを感じ取ることができることを述べました。また、ユーザーインタフェースを分析・設計するのに情報・コンテンツの存在が重要であることを述べました。
この整理をしてみたことで、テクニカルな面や画面の構成、機能などに目を向けてしまいがちであったことにも気がつきました。情報・コンテンツの存在に気がつくと、システムの見え方がまた少し変わってきそうです。
参考
アソシエイトリンク
