概念モデル: 次の優れたインターフェイスの背後にある隠された構造

インターフェイスによっては、何をしようとしているのかがすでにわかっているように感じられるのに、一部のインターフェイスは簡単に感じられるのに、なぜそう感じられるのか疑問に思ったことはありませんか?多くの場合、違いは製品のデザインがユーザーの考え方とどれだけ一致しているかにあります。インターフェイスが彼らのメンタル モデルを反映すると、すべてのアクションが直感的に感じられ、すべての機能が理にかなっています。しかし、そうでない場合、混乱が忍び寄ってきます。 概念モデル (システムの内部動作ではなく) ユーザーの理解に重点を置き、自然で親しみやすく感じられる製品を設計できます。 信頼できる舞台裏でどれほど複雑であっても。

通常、最初の概念モデルは、主要な概念とそれらの関係を示す単なるブロック図です。これらの概念と関係をユーザーに説明する必要があります インターフェースを通して。より詳細な設計に進むにつれて、次のことを考慮し始めます。 構造と操作 の ユーザーインターフェース これらの詳細をモデルに組み込みます。

このビデオでは、ウィリアム・ハドソンが、 ユーザーエクスペリエンス Syntagm Ltd のストラテジスト兼創設者は、Amazon の進化するインターフェイスの例を使用して、概念モデルがどのように設計の背後にある核となるコンセプトを明らかにし、ユーザーがシステムがどのように機能するかを簡単に理解できるようにする方法を示しています。

Amazon の一貫性はユーザーの信頼と理解を構築します

ビデオの中で、ウィリアム氏は概念モデルの観点から Amazon の英国 Web サイトについて説明しました。スクリーンショットを以下に再掲します。主なポイントの 1 つは、ビジュアルに多くの変更が加えられたにもかかわらず、 プレゼンテーション 20年以上にわたり、 主要な電子商取引サイトの概念モデルは変わっていない。

モデル (上) とスクリーンショット (下) は、主要な概念を明確に示しています。

• 買い物かご

• アカウント

• 部門

• 検索

この一貫性は、 堅牢な概念モデルの強力な機能、外観を調整しても、ユーザーがソリューションに慣れることができるようにします。

インターフェイスをユーザーの考え方に合わせてインターフェイスを使いやすくする

このビデオでは、ウィリアムがシステムとユーザーの概念モデルがどのように異なるかを説明し、設計者が技術構造をユーザーの概念に合わせなければならない理由を示しています。 メンタルモデル 直感的なインターフェイスを作成するための日常用語。

システム モデルとユーザーのモデルの違いは非常に重要です。よく知られたシステムに基づいた例を次に示します。 エレベーター。

ユーザーモデル

ユーザーのモデルは単純です。

1. 呼び出しボタンでエレベーターをリクエストします。

2. 外部階表示器はエレベーターが現在どこにいるかを示します。

3. エレベーターが到着するとドアが開きます。

4. 内部のボタン（図では「フロアセレクター」）で目的階を入力・選択します。

多くのエレベーターは上記と同様に動作しますが、多数のエレベーターを備えた大きな建物では現在、大幅に異なるモデルが採用されています。

1. エレベーターロビーの共同パネルで目的階を選択すると、どのエレベーターを使用するか指示されます。 (下の画像を参照してください。)

2. エレベーターが到着したら、エレベーターに入り、自分の階が表示されるのを待ちます。

エレベーター内には階数を選択するコントロールはありません。このアプローチは非常に効率的ですが、 初心者ユーザーにとっては信じられないほど混乱する。ロビーで階を選択せずにエレベーターに乗った場合、エレベーターがその階で止まることを祈るか、次の機会に降りて再び出発する必要があります。 これは、確立されたシステムに変更を導入する良い例ではありません。

エンジニアモデル

以下のより複雑なモデルは、基本的なエレベーターです。 エンジニアリングの視点。ユーザーのモデルと同じ概念がいくつか表示されますが、このモデルは次のことを指向しています。 システムの仕組み どのように使うべきかというよりも。これはソフトウェア システムでも事実上同じです。ユーザー インターフェイスの概念モデルは、 ユーザーの視点、システムモデルは 開発者の視点。

エンジニアが同じ地図を違う視点から見るだけで、 デザイナーと開発者のコミュニケーションをより正確にするのに役立ちます。理解を一致させて誤解を減らす共通言語を育み、最終製品が両方の点に忠実であることを保証します。 ユーザーのニーズ そして技術的な現実。

テイクアウェイ

デザイナーとしての本当の力はビジュアルではなく、 理解: テクノロジーを人間らしく感じさせ、それを使用する人々にとって即座に明確になるようにします。 ソリッドな概念モデル 人々があなたのソリューションをどのように解釈し、どのように操作するかを形作ることで、その実現を支援します。

Amazon の例が示すように、概念モデルが強力であれば、 何年も一貫性を保つことができますインターフェースが進化しても。この種の安定性は、製品の表面がどれだけ変わっても、ユーザーにとって親しみやすさ、信頼性、快適さを構築します。

との違いを理解することも重要です。 ユーザーモデル （システムがどのように機能すると彼らは考えているのか）そして システムモデル (実際に舞台裏でどのように動作するか)。この 2 つを調整すると、混乱したり強制されたりするのではなく、自然で直感的に感じられるエクスペリエンスが作成されます。

概念モデルをマスターすれば、人とテクノロジーの間の橋渡しをするデザイナーになれます。 他の人が複雑さを生み出すところに明快さを生み出す人、そして瞬時に感じる製品 使える 最初のクリックから。

参考文献と詳細情報の入手先

ユーザーのメンタル モデルに合わせてデザインする方法については、記事で詳しく説明しています。 概念モデル。

ヒーロー画像: © William Hudson、許可を得て使用、再描画 インタラクションデザイン 財団、CC BY-SA 4.0