エムタメ!について facebook twitter

マーケティング担当者のために
マーケティングに関わるためになる情報をためていく

登録企業の制作実績から作りたいサイトイメージを探せる!
TOP > デザイン > 論理的!生物学的!頭脳派デザイナーによる「インタラクションデザイン」

論理的!生物学的!頭脳派デザイナーによる「インタラクションデザイン」

  • LINEで送る
  • このエントリーをはてなブックマークに追加
2019/03/25
論理的!生物学的!頭脳派デザイナーによる「インタラクションデザイン」

UI/UXデザイナーなど、デザイナーの業務領域が広がっている昨今。「インタラクションデザイン」という、比較的新しいデザイン手法が注目されています。

ビジュアルや見ためだけでなく、ユーザービリティやコミュニケーション、体験までもが「デザイン」という領域に組み込まれる時代。デザイナーにも、より「頭脳派」なスキルが求められています。

今回の記事では、そんなデザインに求められる新たな考え方のひとつである「インタラクションデザイン」について学んでいきます。

1.「インタラクションデザイン」とは?

「インタラクション(Interaction)」という言葉は、日本語で「相互作用」と訳されます。

「インタラクションデザイン」は、Webサイトやアプリの「理想的なユーザーエクスペリエンス(UX)」を実現するために、ユーザーと製品の間の「相互の」コミュニケーションをプロデュースするデザインの考え方です。このため、インタラクションデザインは、「UXデザイン」という大きな目的を達成するための、ひとつのプロセスともいえます。 では、インタラクションデザインのプロセスでは、どのような方法でUXを高めていくのでしょうか。

インタラクションデザインは、人間工学や生物学、心理学などの考え方を用いて「ユーザーにとって一番使いやすいデザイン」を、論理的に、戦略的に考え抜きます。たとえば、下記のような考え方です。

「製品(Webサイト/アプリ)」と「人」との接点で…

  • 製品がどのように反応すれば、ユーザーは『アプリ内で今なにが起きているか』を直感的に理解できるか
  • 製品がどのようなデザインや動きであれば、ユーザーは自然に次の操作ができるか
  • 製品のなかで、どのように情報を視覚化すれば、ユーザーは心地よく使い続けられるか

などを考察する。

このプロセスを具体的に分析し、製品に設計していくうえで、もっとも重視されるのは「人間の感覚」です。そのため、インタラクションデザインは「人間を中心としたデザイン」(HCD/human-centered design)ともいわれています。

2.「インタラクションデザイン」が重視する5つの役割

インタラクションデザインの役割について、もう少し掘り下げてみましょう。
アメリカのインタラクションデザインの専門家Bob Baxley氏(著書『Making the Web Work』)は、2002年に公開したレポート「Introducing Interaction Design」で、インタラクションデザインが重視する役割を5つの項目でまとめています。

Bob Baxley氏が提唱するインタラクションデザインの5つの役割

(1)「人間と機械のコミュニケーション」を翻訳する

インタラクションデザイナーのもっとも基本的な役割は、人間と機械のコミュニケーションの「翻訳者」となることです。人間と機械が簡単に、効率的にコミュニケーションできる方法を考えます。

(2)「アクション/リアクション」をトータルに設計する

アクション/リアクション(操作と操作に対する反応)が常にアクティブな状態あることが重要です。そのために、設計者はアクション/リアクションが時間の経過とともにどのように進行するかを理解し、予測する必要があります。

(3)「今の状態」を伝える

ユーザーがアプリケーションの現在の状態を理解できるようにすることも必要です。情報の表示や音などの「反応」で、現在の状況をわかりやすく伝え、ユーザーが「次にどんな操作が可能か」「適切か」がわかるように設計することが求められています。

(4)「ワークフロー」を見える化する

インタラクションデザインは、個別のタスクを完了するだけでなく、マルチタスクのフローをわかりやすく指南することにも向いています。その機能が「誰に向けたものなのか」「なにができるのか」を整理するとともに、その先にどのような機能や選択肢があるのかをわかりやすく伝えることが大切です。

(5)「エラー」に対応する

人間同士のコミュニケーションと同様に、人と機械とのコミュニケーションでも、誤解や間違いは生じます。これらのエラーを予測し、最小化し、「ユーザー」「システム」の両面から簡単に回復できるように設計することが必要です。

引用元:Boxes and Arrowsよりエムタメ!にて翻訳

3.「インタラクションデザイン」の事例

では、インタラクションデザインの考え方を採用したデザインにはどのようなものがあるのでしょうか。下記は、アメリカのデザイナーコミュニティ/ショーケースサイトである「Dribbble.」で、紹介されている世界のクリエイターが作成したインタラクションデザインの例です。

●Pawel Kontek氏のIKEA Online Experience Concept

Online Experience Concept

●Nick Taylor氏のGoogle Bank Application Concept

Google Bank Application Concept

●Cuberto氏のGroceries Shopping App Interaction

Groceries Shopping App Interaction

●Jakub Antalík氏のUpload window interactions

Upload window interactions

GIF参照元:Dribbble.

4.インタラクションデザイナー不足

これまで見てきたように、インタラクションデザインの思考プロセスには、ユーザーの行動・心理・体験に対する深い考察と論理的な発想が必要です。ユーザーエクスペリエンスが重視される時代、デザイナーに求められるスキルは高度化、多様化していますが、日本ではまだまだこの新しいデザイン領域のプロフェッショナルは少ない印象です。

さまざまなサービスが普及し、成熟し、より質の高い「体験」が求められる時代。次世代型の「頭脳派」デザイナーを、どう採用していくか、どう育てていくかが、時代の先端を走るITベンダーのなかで課題となっています。

セミナー情報

セミナー情報

無料資料ダウンロード

BtoBマーケティングハンドブック 表紙

BtoBマーケティングハンドブック

無料ダウンロード

展示会の効果を最大化させる12の手法 表紙

展示会の効果を最大化させる12の手法

無料ダウンロード

関連キーワード

web制作

エムタメ!ニュース

デジタルマーケティングについての
最新情報やお役立ち資料を自動受信

登録する(無料)

Follow us!

twitter hatena google Eight rss follow us in feedly

特集

WEBリニューアル物語

WEB制作のよくある失敗に全て引っ掛かるけど憎めない青木の奮闘記

はじめての展示会物語
メールマーケティング