あるバーに、IAデザイナー、UIデザイナー、UXデザイナーが入りました。 バーテンダーは、彼らに仕事の内容を尋ねます。 20 分後、バーテンダーはただ微笑み、彼らに飲み物を注ぎますが、彼らが何を言ったかはまだわかりません。
デジタル製品デザインにおけるこれらの 3 つの役割は、常に混乱します。 困惑に拍車をかけるように、多くの場合、1人のデザイナーが3つすべての帽子をかぶっているかもしれませんが、だからといって、3つすべてが明確に重要でないというわけではありません。 優れた IA、UI、UX は、バイラル ヒットと大失敗の違いを意味します。
Information architecture (IA): the bones
All great digital products start with information architecture (IA), the foundation of mobile apps, websites, and videos. Nielsen Norman Group は、情報アーキテクチャを「サイトのコンテンツ/機能間の関係を定義する、基本的な組織、構造、命名法」と定義しています。 泥のように明確ですよね。
基本的に、IAとは、デジタルプロジェクトのコンテンツをどのように整理し、ラベル付けするかを決める、半分芸術、半分科学のようなプロセスです。 優れたIAは、プロジェクトそのものとその意図する読者について深く理解することから生まれます。 IAデザイナーは、顧客が簡単にコンテンツを見つけ、アクセスできるような方法で、すべてのコンテンツを整理し、ラベル付けすることを任務とする。
プロジェクトの構造または青写真を決定するのは初期に行われますが、IA担当者は通常、プロジェクトの全期間を通じて関与します。 その担当者は、しばしば、コーディング技術オタクと創造的なグラフィックデザインタイプの間の連絡役として機能します。 チーム全体が設計図を理解していることを確認するのは、IA デザイナーの仕事です。
あなたはおそらく、優れた情報アーキテクチャに何百回も遭遇していながら、それに気づいていないのではないでしょうか。 IAがうまく行われると、シームレスになります。 うまくいっていないときは、顧客に気づかれてしまいます。 直通電話のような単純なものを探すために、ウェブサイトで長い時間を費やしたことはありませんか? また、ユーザーからの質問に自分で答えようと、サイトのページやチュートリアルに目を通したものの、自分の問題に関連するものが見つからなかったこともあるでしょう。 もしかしたら、以前に見たことがあるかもしれませんが、今はそのページに戻ることができません。
ユーザー インターフェース (UI):スキン
IA は非常に舞台裏で行われる学問です。 一方、あらゆるデジタル製品の最前線はユーザーインターフェイスです。 これは、ユーザーと対話するマシンの部分であり、例えば、クイックサービス・レストランで、料理人が奥で注文をこなしている間に、店の前のレジ係が挨拶するようなものです。
ユーザー インターフェイス (UI) デザインには、製品のアクセシビリティやユーザビリティからグラフィックやタイポグラフィまで、あらゆるものが含まれます。 アクセシビリティとユーザビリティは、IA の領域に戻ったように聞こえるかもしれませんし、重なり合う部分もありますが、両者は異なります。 UIでは、アクセシビリティとは、画面がいかに読みやすく、理解しやすいかということです。 ユーザビリティは、メニューや次にクリックするボタンを見つけるようなことを含みます。
優れたUIは、機能と美しさがすべてです。 顧客は、簡単かつ直感的にタスクを達成できる必要があります。 ユーザーは何ページもの説明書、あるいはどんな説明書も読みたがりません。 彼らは、自分自身で解決できることを望んでいるのです。 美観は二の次ですが、それでも極めて重要な要素です。
ユーザーエクスペリエンス (UX): 心臓部
優れたIAとUIデザインの最終目標は、全体的なユーザーエクスペリエンス、つまりUXです。 “本質的に、UX デザイナーは、感情的なレベルでユーザーをターゲットにして、物事をより深くするために働きます。” UXデザイナーが作ろうとする感情は、製品、サービス、または目標に依存します。 たとえば、孤児のための寄付を求める Web サイトは、たとえば次のキャンディ クラッシュ アプリとはまったく異なる感情を目指すことになります。 優れたユーザー体験があるからこそ、人々は最新のiPhoneを買うために、あるいは「スター・ウォーズ」の最新作を見るために、何時間も列に並ぶのです。 それは、モデル間のスクリーンサイズや重量のわずかな違いや、J・J・エイブラムスがクロスガードのライトセーバーを作ったことについては、あまり関係ないのです。
この2つの製品がこれほど熱狂的に支持された理由は、デザイナーがこれまでの製品のユーザー体験を利用したことにあります。 スター・ウォーズ」を見ていたときの感動を覚えているように、前の「iPhone」を持っているときの感動を覚えているのです。 つまり、「スター・ウォーズ」を観たときの感動が、その人の心に残り、そのフランチャイズに忠誠を誓うのです。 4055>
Creating Synergy Among IA, UI, and UX
以上のように、素晴らしいUXがあります。 情報アーキテクチャ、ユーザー インターフェイス、およびユーザー エクスペリエンスは、重複する部分があるにせよ、製品全体を構成する 3 つの独立した部分です。 優れた Web デザイナーは、この 3 つの部分がどのように連携し、それらをどのように使用して、高いダウンロード数とユーザー インパクトをもたらすデジタル製品を作成するかを理解しています。
ゼロから Web サイトを構築する場合、アプリケーションの UI にモーション デザインを取り入れたい場合、またはパイプラインのどこかで行き詰まっている場合は、当社の専門デザイナーが対応します。