UX vs UI vs IA vs IxD : 4つの混乱するデジタルデザイン用語の定義

9月11日。 2017 – 5 min read

むかし、「デザイン」と言えば、圧倒的にグラフィックデザインのことである確率が高かったと思います。 しかし現在では、デジタルの世界はますます複雑化し、新しい職種もたくさん登場し、デザイン業界以外の人や初めての人は混乱することが多くなっています。 ここでは、デザインの4つの異なる主要な形式について、その意味を理解するための簡単な概要を説明します。

image by: このような状況において、「ユーザー・エクスペリエンス・デザイン(UXD、UED、XD)は、ユーザーと製品との相互作用において提供されるユーザビリティ、アクセシビリティ、喜びを向上させることにより、ユーザーの満足度を高めるプロセスである」とWikipediaに記載されている通りです。 ユーザー エクスペリエンス デザインは、従来の人間とコンピューターの相互作用 (HCI) デザインを包含し、ユーザーが知覚する製品やサービスのあらゆる側面を扱うことによって、それを拡張します」

UX デザイナーは、ワイヤーフレームやプロトタイプを通して製品の「論理」を Axure や JustInMind、Mockplus などといったソフトウェアで作成する担当者です。 コミュニケーションはUXデザイナーの重要なスキルの1つです。 また、プロジェクト開始時のリサーチや競合分析、プロジェクト開始後のユーザビリティテストやA/Bテストなども行います。 UXデザイナーは、製品がどのように感じられるかを重要視しています。 Webサイトやアプリが使いにくければ、ユーザーは不満に思い、他のものに移ってしまうでしょう。 素晴らしい体験ができれば、ユーザーは戻って来て、あなたのアプリがいかに素晴らしいかを友人に伝える可能性が高くなります。 ワイヤーフレーム、プロトタイプ、ストーリーボード、サイトマップ、仕様書。

使用ツール:Sketch、Axure、Mockplus、Fireworks、UXPin

UIデザイン(ユーザーインターフェースデザイン)

image by: julessdesign

著者でありユーザー エクスペリエンス コンサルティング会社 Adaptive Path の創設者である Jesse James Garrett 氏は、インターフェイス デザインとは、ユーザーが達成しようとしているタスクに適したテキスト、ボタン、テキスト フィールド、色分けしたリストなどのインターフェイス要素を選び、それらを画面上で理解しやすく使いやすく配置するすべてのことであると定義しています。 目標は、ユーザーのインタラクションを可能な限り効率的かつシンプルにすることです。

インターフェイス要素には以下のものが含まれますが、これらに限定されません。

入力コントロール: ボタン、テキスト フィールド、チェックボックス、ラジオ ボタン、ドロップダウン リスト、リスト ボックス、トグル、日付フィールド

ナビゲーション コンポーネント。 パンくず、スライダー、検索フィールド、ページネーション、スライダー、タグ、アイコン

情報コンポーネント: ツールチップ、アイコン、プログレスバー、通知、メッセージボックス、モーダルウィンドウ

コンテナー: アコーディオン

トレードのツール群。 Photoshop、Sketch、Illustrator、Fireworks、InVision

IA (Information Architecture)

imgae by: ga-core.s3.amazonaws.com

情報アーキテクチャ(IA)とは、Webサイト/アプリがどのように構成されているか、コンテンツがどう整理されているかを指します。 その目的は、ユーザーが情報を見つけ、タスクを完了できるようにすることです。 “言い換えれば、情報アーキテクチャは、Webサイト、アプリケーション、またはその他のプロジェクトの構造を作成することであり、それによって、ユーザーとしてどこにいるのか、そして、自分の位置との関係で欲しい情報はどこにあるのかを理解することができます。 情報アーキテクチャは、サイトマップ、階層、分類、ナビゲーション、メタデータの作成につながる。 コンテンツ戦略担当者がコンテンツを分離し、カテゴリーに分け始めるとき、それは情報アーキテクチャを実践していることになる。 デザイナーが、ユーザーがサイトのどこにいるのかを理解できるようにトップレベルメニューをスケッチするときも、情報アーキテクチャを実践していることになります」- uxbooth.com より

IAに関するいくつかの資格:

1. 複雑なデジタルプロパティ(Webサイト、モバイルアプリ、製品、システムサービス)のドキュメント作成の経験

2. 非常に詳細なドキュメント、複雑なサイトのドキュメントの中から矛盾や亀裂などを見つける能力

3. Axure、OmniGraffle、Keynote、Visio、その他IAに直接関連するプログラムに精通していること

4. 利用可能な情報と資産を分析し、最適なIAアプローチを評価すること

強いコミュニケーション能力(書面および口頭)、代理店とクライアントスタッフに効果的にプレゼンテーションする能力

5. また、「Intel’s New Generation」「Intel’s New Generation」「Intel’s New Generation」「Intel’s New Generation」「Intel’s New Generation」「Intel’s New Generation」「Interaction Design」「IxD(インタラクションデザイン)」「IxD(インタラクションデザイン:インタラクティブシステムの構造と挙動を規定する)の定義」「IxDはインタラクティブシステムを定義することである。 インタラクション デザイナーは、コンピューターからモバイル機器、家電製品に至るまで、人々と彼らが使用する製品やサービスとの間に意味のある関係を作り出すことに努めています。 私たちの活動は世界とともに進化しています」- ixda.orgより

IxDデザイナーとは、Webサイトやアプリの動く要素&インタラクションを担当する人たちのことです。

GoogleにおけるIxDデザイナーの仕事内容:

インタラクションデザイナーは、複雑なタスクに取り組み、初めてのユーザーから高度な専門家まで、世界中の何十億もの人々にとって直感的でアクセスしやすい、使いやすいデザインに変換する仕事です。 この目標を達成するためには、ユーザーフローやワイヤーフレームの作成から、ユーザーインターフェースのモックアップやプロトタイプの構築まで、デザインプロセス全体を通じてデザイナー、研究者、エンジニア、プロダクトマネージャーなどのチームと協力する必要があります。 各段階において、ユーザーのニーズを予測し、ユーザーのために主張し、最終製品がユーザーに驚きと喜びを与えることを確実にするのです。

簡単に言うと、UX デザインはユーザーがアプリをどう感じるか、UI デザインは要素がアプリ上で何を、どこで、どのように動作するか、情報アーキテクチャはアプリがどのように構成されているか、インタラクション デザインはユーザーとアプリが互いにどのように動作し反応するかということです。 IxD は UX デザイン サイクルの一部であるため、そのアプローチは UX デザインとかなり似ており、場合によっては、これらの役割は重複することがあります。

コメントを残す

メールアドレスが公開されることはありません。