【翻訳】オブジェクト指向UXデザインの概要と実践(FlowMapp, 2022)

medium.com

下図は、オブジェクト指向のUXデザインを具体的に表現したものです。まず、Object-oriented UX Design:OOUXの物理的な具現化を見てみましょう。スーパーで牛乳売り場の場所を聞く必要はありません。売り場のマーカーがナビゲートしてくれます。すべての商品は、文脈によって分類されています。つまり、オブジェクト指向のデザインは、ユーザーがプロダクトを使いながらゴールに到達するのを助けるのと同じことなのです。

OOUXとは

オブジェクト指向のUXデザイン(Object-oriented UX Design)は、オブジェクトとコンテンツの相互作用の計画を記述するための設計手法です。オブジェクトやオブジェクトに対するアクションを登録する、プロダクト制作の全工程に追加されるアクションです。

とりあえず、OOUXを理解するために:

  • OOUXはデザイン手法
  • と仕事の準備段階
  • OOUXはオブジェクトの概念に基づく
  • OOUXはより良いプロダクトを作るために役立つ

OOUXは最終プロダクトがどのようなものになるかを明確にしてくれます。

どのような場合に使用するのか

オブジェクト指向のUXデザインは、常に情報が更新される大規模なWebサイト向けです。言い換えれば、OOUXはより複雑なプロダクトに使われます。ページ数の少ない小さなサイトでは、オブジェクトの数が少ないという理由だけで使うことはありませんし、このような追加の計画ステップを作る必要もありません。

オブジェクト指向のUXデザインについて語るとき、それぞれのオブジェクトが状況に応じて管理する、あるいは管理されている場合のヘテラルキー(非階層秩序)の定義をマークしておきたいと思います。ヘテラルキーはより柔軟で、オブジェクトが非線形に相互作用することを意味します。蜘蛛の巣のような形をイメージしてください。だから、ユーザーが自分のユーザーフローから外れて非線形に行動する場合には、OOUXが必要なのです。

食料品店のように、オブジェクト、つまり商品コーナーがヘテラルキーの原則に従って配置されています。ですから、最初に何を買えばいいかは誰も教えてくれませんが、ユーザーにとってユーザーパスで最も快適な方法でシステムが構築されています。ユーザーの導線はコンテキストや欲求が変化し、システムも複雑なため、オブジェクト指向のUXデザインを採用しています。また、アクションはオブジェクトの後にあるもので、お店に入って、ある売り場を見て、ここで何かを買うかどうか決めるのです。

名詞と動詞

オブジェクト指向のUXデザインの世界では、オブジェクトとコールトゥアクションをより徹底して捉える傾向にあります。ここではオブジェクトは名詞、アクション(オブジェクトに対して何をするか)は動詞です。

OOUXの世界では、常に名詞が先で、動詞は後です。

つまり、まずユーザーのオブジェクトに対して可能な限り意味のあるものを設定し、その後にユーザーのためのコールトゥアクションシステムを設定するのです。

オブジェクトとは何か

例えば、地元の農家から仕入れた新鮮な花を販売するウェブサイトを構築しているとします。最初の、そしてメインとなるオブジェクトは「花」です。最初のオブジェクトを定義したら、それにコアコンテンツを追加していきます。この例では、「花」というオブジェクトのコアコンテンツは、花のラテン語名、一般名、色などです。より良いユーザーエクスペリエンスのために、このオブジェクトを明らかにするあらゆるものが含まれます。

次に、入れ子になっているオブジェクトは何でしょうか?例えば、「農場」はどうでしょう。つまり、ユーザーは「花」のセクションでも「農園」のセクションでも、必要なオブジェクトを見つけることができるのです。私たちは、最初にオブジェクトを考案する際に、ユーザーが最適な判断を下せるようにしました。もし、農園に行く方が快適であれば、あなたのサイトを使うでしょう。下の写真を見てください。

オブジェクトを使ったアクション

OOUXの手法では、オブジェクトを設定した後にコールトゥアクションが行われます。あるオブジェクトでユーザーは何をするのでしょうか?この例では、花についてです。その花を「カゴ」に入れたい、さらにオブジェクトを「追加」したい、「購入」したい。これらの行動は、すべてオブジェクトに基づいています。

このように、多くのオブジェクトやアクションが存在する複雑なWebサイトでは、オブジェクト指向のUXデザインを採用することで、開発プロセス全体を効率的にしています。それでは、OOUXデザインの基本的なステップをまとめます。

OOUXの原則

その1:オブジェクトの設定

ユーザーやブランドのニーズやゴールをもとに、オブジェクトを設定します。花のサイトの場合、新鮮な花を買うというユーザーのニーズを集め、花を売るという農家のニーズを加え、さらにブランドであるWebサイトのニーズを加えるのです。

その2:コアコンテンツの追加

コアコンテンツは、オブジェクトを開き、ユーザーにとってより分かりやすくし、オブジェクトの利点を示すものです。

その3:オブジェクト間の「蜘蛛の巣」を作成する

複雑なプロダクトの各オブジェクトは、他のオブジェクトとの関係を持っているので、オブジェクト間の関連付けを作成する。花のサイトの場合、「花」と「農園」といったオブジェクトをクロスリンクさせることで、より良いユーザーエクスペリエンスを実現することができます。

その4:オブジェクトにアクションをつける

私たちは、ユーザーに何かをさせるためにプロダクトを作ります。シンプルなWebサイトでは、アクションの共通経路やシナリオを作成します。OOUXのデザインでは、まずオブジェクトを設定し、ユーザーがゴールに到達するためのアクションを追加しています。

その5:メインとネストのオブジェクトを考える

どのオブジェクトをメインとし、どのオブジェクトを追加するのかを決める必要があります。そのために、私たちは主要なオーディエンスを調査します。ユーザーにとって何が一番重要で、何が目標なのか?

その6:システムのテスト

OOUXは、開発プロセスの前の準備段階です。そのため、必要であれば要素を変更します。

OOUXのメリット

開発プロセスにおいて

OOUXは、デザイナー、SEOスペシャリスト、コピーライターなど、すべてのクリエイティブチームメンバーが同時に作業するため、高品質の複雑なプロダクトを生み出すのに役立ちます。OOUXは、すべての参加者がプロダクトに関わりながら作業を進めるステップです。このステップを踏むことで、チームはより良い判断を下すことができるようになるのです。

ユーザーのために

OOUXは、消費者のために高品質なプロダクトを作ることを支援します。消費者のニーズを満たすために、複雑なプロダクトを作る場合、OOUXは必要です。

まとめ

ユーザーフローを重視した設計手法が一般的ですが、オブジェクトという情報が多い複雑なWebサイトでは、オブジェクトとオブジェクトを使ったアクションのシステムを作るステップを追加したほうがよいでしょう。そうすることで、より良いユーザーエクスペリエンスを構築することができるのです。