ユーザー エクスペリエンスは、効果的で楽しく使用できるように製品を最適化することに焦点を当てたタスクの集合体です。 ユーザー エクスペリエンス デザインは、ユーザーと企業のすべての側面との間の質の高い相互作用を開発および改善するプロセスです。ユーザー エクスペリエンス デザインは、調査、テスト、開発、コンテンツ、およびテストのためのプロトタイピングのプロセスを実践する責任があります。質の高い結果のために。 ユーザー エクスペリエンス デザインは、理論的には非デジタル (認知科学) の実践ですが、主にデジタル業界で使用および定義されています。
UX プランニングの概要
UX プロジェクトの計画フェーズにアプローチする最も簡単な方法は、プロジェクトに採用すべきと思われるアプローチを決定し、制約を調べて、これらの制約に基づいてアプローチを修正することです。 これにより、潜在的なクライアントから事前に予算とタイムスケールが提供されていない場合に、予算とタイムスケールを決定できるようになります。 綿密に計画された UX プロジェクトは、その場しのぎで管理されるものよりも実行しやすく、成功する可能性が高くなります。ユーザー エクスペリエンスの絶え間なく変化する分野で働くデザイナーにとって、基本原則を考慮することは常に重要です。デザイン。 多くのレベルで、私たちが行う仕事の性質は常に変化し、進化しています。それは、個人用のアプリからクロスチャネル エクスペリエンスに至るまで、新しいテクノロジやさまざまなコンテキスト向けに設計されているかどうかにかかわらずです。 これまでに解決したことのない設計上の問題を解決するよう求められた場合、設計原則は革新的なソリューションを考案するための健全な基盤を提供します。 これらすべてのトレンドにより、デザインを再検討し、新しいインタラクション モデル、デザイン パターン、および標準を考え出す必要がありましたが、その多くはまだ進化しています。
ビジュアル デザインのトレンドも、時には良い方向に変化します。 時々そうではありません。 たとえば、最近では、深刻な視覚障害を持つ人だけでなく、ほとんどすべての人にとって、小さすぎてコントラストが低すぎて読みにくい小さなライトグレーのフォントが広く使用されていることがわかりました. 現在、読みやすさの問題を解決する大きなフォントが見られます。 UX デザイン原則コースは、ユーザー エクスペリエンス デザインに関心がある、または取り組んでいる人に基礎レベルのスキルを提供します。 このワークショップでは、ウェブ、アプリ、モバイル向けのデザインの側面を取り上げます。 この UX ワークショップは、デザイナー、ビジネス アナリスト、プロダクト マネージャー、および開発者に適しています。 UXやデザインの経験は問いません。 これは、アメリカン グラフィックス インスティテュートの UX クラスおよび UX 証明書プログラムの基礎として機能します。
UIデザインとは？
ユーザー インターフェイス デザインは、製品のルック アンド フィール、プレゼンテーション、インタラクティブ性を補完するものです。 しかし、UX と同様に、UI デザイナーを雇用している業界では混乱しがちです。 ユーザー インターフェース デザイン (UID) またはユーザー インターフェース エンジニアリングは、ユーザーのエクスペリエンスとインタラクションに重点を置いた Web サイト、コンピューター、アプライアンス、マシン、モバイル通信デバイス、およびソフトウェア アプリケーションのデザインです。 UI デザインは、私たちがグラフィック デザインと呼んでいるものに近いものですが、責任はやや複雑です。 ヒューマン コンピューター インタラクション (HCI) は、コンピューター サイエンス、デザイン、心理学の概念と方法を統合して、アクセスしやすく、使いやすく、効率的なインターフェイスを構築します。 優れたユーザー インターフェイスを設計するために考慮すべき要素が 3 つあります。 開発要因、可視性要因、受け入れ要因。 開発要因は、視覚的なコミュニケーションを改善するのに役立ちます。 これらには、プラットフォームの制約、ツールキットとコンポーネント ライブラリ、ラピッド プロトタイピングのサポート、およびカスタマイズ可能性が含まれます。 可視性要因は人的要因を考慮し、強力な視覚的アイデンティティを表現します。 これらには、人間の能力、製品のアイデンティティ、明確な概念モデル、および複数の表現が含まれます。 受け入れ要因として含まれるのは、インストール ベース、企業内政治、国際市場、およびドキュメントとトレーニングです。 目に見える言語の使用には、3 つの基本原則が関係しています。
UI および UX デザインの推奨事項と禁止事項
オンラインでのユーザー エクスペリエンスは、食料品店に行ったときのユーザー エクスペリエンスと非常によく似ています。 気兼ねなく楽しい時間を過ごしたい。 店内をすばやく移動し、必要なものをすぐに手に入れ、待たずにレジに向かい、家に帰ることができるようにしたいと考えています。 遅いレジ係、あるべき場所にない、または在庫切れの商品、敵対的な従業員、またはぎゅうぎゅう詰めの駐車場に対処したくありません。 あなたは単にあなたが来たもの（食料品）を欲しがっていて、あなたの道を進んでいます. 店舗はこれを理解しており、店舗内を簡単にナビゲートし、必要な商品が在庫にあることを確認し、迅速でフレンドリーなチェックアウト ラインを提供するために、かなりの時間と費用を費やしてきました。 地元の食料品店に行くという観点から UX デザインを考えるのは少し陳腐に思えるかもしれませんが、経験は似ています。 私たちの顧客は私たちが作成したサイトへの訪問者であり、食料品は彼らがサイトに来たコンテンツです. 店に行く私たちにとって、私たちをイライラさせたり、改善すべきだと思うものを特定するのは簡単です. ただし、独自のデザインとユーザー インターフェイス、およびそれらの作成に関しては、ユーザーが行う前に、これらの刺激を事前に指摘できない場合があります。 一歩下がって、デザインの弱点を探すことでこれを修正できます。そうすることで、不必要なフラストレーションを引き起こさず、探しているコンテンツにアクセスできるようにサイトに留めておくことができます。 私たちデザイナーが一歩下がって、訪問者の目から私たちのデザインとユーザーインターフェイスを見るのを助けるために、いくつかのすべきこととすべきでないことを見てみましょう。 UX。
1. 実行: デバイスに関係なく、同様のエクスペリエンスを提供する 訪問者はさまざまな種類のデバイスを使用してサイトにアクセスします。 デスクトップやラップトップ、タブレット、電話、音楽プレーヤー、ゲーム コンソール、さらには腕時計からサイトにアクセスできます。 ユーザー エクスペリエンス設計の大部分は、訪問者がサイトをどのように見ても、別のデバイスからアクセスした場合と同じエクスペリエンスを得られるようにすることです。 つまり、訪問者が携帯電話でサイトを表示している場合でも、自宅のデスクトップでサイトを表示している場合と同じように、問題なく必要なものをすべて見つけることができるはずです. すべてのデバイスでのシームレスなエクスペリエンスにより、使用しているデバイスに関係なく、ユーザーをサイトに留めておくことができます。
2. DO: すぐに認識できて使いやすいナビゲーションを提供する ユーザーに快適なユーザー エクスペリエンスを提供するための鍵は、ユーザーがコンテンツを探していることを理解することです。 彼らはあなたがあなたのサイトで提供している情報を求めています。 彼らがそこにたどり着く方法は、サイトのナビゲーションを使用して、探しているコンテンツにすばやくアクセスすることです。 認識しやすく、使いやすいユーザーフレンドリーなナビゲーションシステムを提供します。 できるだけ少ないクリック数で訪問者が行きたい場所にたどり着けるようにナビゲーションを設計し、同時に、訪問者が行きたい場所を簡単にスキャンして見つけることができるようにします。
3. してはいけないこと: サイトのデザインがサイトの可読性を妨げないようにする サイトやユーザー インターフェイスのデザインは、ユーザーが画面上のコンテンツを消費する能力を決して妨げてはなりません。 これには、サイトの読みやすさを妨げる、コンテンツの背後にある複雑な背景や貧弱な配色が含まれます。 忙しい背景は気を散らし、コンテンツから注意をそらします。忙しい背景がコンテンツのすぐ下にある場合はなおさらです。 さらに、画面上のタイポグラフィのコントラストを低下させる配色 (つまり、白い背景のライト グレー タイプ) を使用しないように注意してください。 サイトのタイポグラフィに注目して、行の長さ、行の高さ、カーニング、フォントの選択などの問題が読みやすさの問題にならないようにします。
4. してはいけないこと: 訪問者が画面をスキャンする能力を妨げる 上で述べたように、ユーザーと訪問者は同じように、何か特定のものを集中して読むために落ち着く前に、画面をすばやくスキャンすることがよくあります。 ユーザーは、見出し、写真、ボタン、ブロックなどの視覚的な手がかりをスキャンして、どこに注意を向けるべきかを知ることがよくあります。 これらのアイテムを削除し始めると、ユーザーがコンテンツをスキャンして探しているものを見つけるのが難しくなります。 簡単に見られる適切な見出し、ポイントを説明するための写真、ナビゲーション用のボタン、独自または重要なコンテンツのブロックを使用して、ユーザーが画面をスキャンして必要なものを見つけるのに役立ちます。