ユーザーエクスペリエンスとユーザーインターフェイス–設計プロセス

最終更新日：2021年7月19日

私たちは皆、ユーザーインターフェースを経験しています。 ユーザーインターフェイスにはさまざまな種類があります。 ユーザーエクスペリエンス（UX）の意味とその重要性を理解することが重要である理由。 UXとユーザビリティへのアプローチ方法、および設計の観点からユーザーインターフェイス（UI）へのアプローチ方法を理解している開発者は、製品にとって非常に重要です。

ユーザーエクスペリエンス（UX）とは何ですか？

ユーザーのニーズと製品の用途を一致させることは、使いやすさの側面です。 開発者はUXへの理解を深める必要があります。これは以下に影響します。

•その機能性
•システムの構成と構造
•相互作用とルックアンドフィール
• アクセス

UXが不十分だと、人々はあなたの製品、建物、サービス、またはWebサイトを使用できなくなります。 ひどいUXを持っている人は、それが機能しても製品を使用せず、それを返品しようとします。 これはあなたの製品を買わない人々に続き、さらに悪いことに彼らの友人にそれを使わないように言うでしょう。

ユーザーインターフェイス（UI）とは何ですか？

UIは、デバイス内での人間とコンピューターの相互作用と通信のポイントです。 たとえば、プリンタまたは人間による操作は、コンピュータと別のエンティティ間の相互作用または通信のポイントです。 情報は一方向または二方向に流れます。

UIは、インタラクションとルックアンドフィール、およびアクセスという2つの主要なUXニーズを満たします。

なぜユーザーエクスペリエンスとユーザーインターフェイスを気にするのですか？

それは重要であり、誰もユーザーがいないからです！

1998年、ダイアモンドリオは、ソニーウォークマンと同様の体験を強調した音楽デバイスであるロキシオを作成しました。 この製品は、カセットを聴くようなデジタル体験を強調しているように見えます。 ユーザーエクスペリエンスは「プッシュプレイ」であり、デザインはウォークマンのデザインを強調していました。

2001年、AppleはiPodを作成しました。これは、テープに収録されている「ミックス」を体験して再生するように設計された音楽デバイスです。 ユーザーエクスペリエンスは、プレイリストの作成、曲の取得、音楽の再生に重点が置かれました。 シンプルな親指一本を強調したデザイン。

デザイナーとして、私はスティーブ・ジョブズがインタビューで言ったときの考えに同意します。

「ほとんどの人は、デザインがどのように見えるかを誤解しています。 人々はそれがこのベニヤだと思います-デザイナーがこの箱を手渡されて、「見栄えを良くしてください！」と言われるのです。 それは私たちがデザインだと思っているものではありません。 それはそれがどのように見えるか、そしてどのように感じるかだけではありません。 デザインはそれがどのように機能するかです。」

その哲学が、Appleを製品デザインとシンプルさにおいて最高の1つにしている理由です。

グッドデザインとは？

デザインは難しく、やり過ぎが簡単です。 建築家の観点から見ると、優れた設計とは、機能的、美的、耐久性のある構築環境を計画、設計、および考案することです。 エンドユーザーが混乱しないように、合理的に設計する必要があります。 エンドユーザーを宇宙の中心に置き、その観点からシステムを定義することです。

優れたデザインとWeb開発は、ユーザーにサービスを提供し、クライアントを満足させるソリューションです。 ユーザーが必要としていることを実行します。 混乱することなく自然に使用できる製品で、ユーザーがトラブルを回避するのに役立ちます。 良いデザインを生み出すには：

ユーザーエクスペリエンスとユーザーインターフェイスに関する人間の能力と好みを理解する

人間の能力：

1.メモリ
2.注意
3.視覚と音声の知覚
4.学習
5.言語+コミュニケーション
6.タッチ
7.人間工学（フィット感）

価値観と感度

1.経験のレベル
2.身体的または精神的な能力と制限
3.文化的期待
4.言語の違い
5.スタイルの感覚
6.異なるニーズや価値観を持っている

次のことを行う必要がある場合は、ユーザー中心設計に基づいてアイデアを作成します。

1.ユーザーが誰であるかを特定します。
2.彼らが達成したいことを特定します。
3.（1）と（2）を継続的に評価します。

ユーザーの役割、責任、能力を知る

1.ユーザーは誰ですか？
2.ユーザーは何を達成しようとしていますか？
3.ユーザーがタスクを実行するために必要な情報は何ですか？
4.ユーザーは、必要な情報とタスクを実行するために必要な手順をどれだけ簡単に特定できますか？
5.情報​​と製品構造は誰でもアクセスできますか？
6.ユーザーはどのくらいの頻度で製品を使用しますか？
7.製品は、使いやすさと学習または情報を強調していますか？

デザインをどのように表現しますか？

最良の方法は、ペーパープロトタイプから始めることです。 より簡単で安価な方法で同じ設計情報を取得して、忠実度の高いプロトタイプから忠実度の低いプロトタイプを作成できます。 シンプルなペーパープロトタイプは、作成と保守が簡単です。 ナプキンや8.5"x11"の紙に限定されないことを忘れないでください。

本格的なモックアップまで、さまざまな詳細レベルでコンピューター上でデザインの一部を構成することもできます。

利点

1.インターフェイスをモックアップする高速な方法。
2.チームが参加できます。
3.実装を開始する前に、ユーザーのフィードバックに基づいて改良することができます。
4.インターフェイスの問題を特定するのに役立ちます。

短所

1.コードを生成しません。
2.ユーザーがインターフェースを操作する方法を示していません。
3.状況によっては、他の状況よりも強力なメリットがあります。
4.インターフェイスに関する問題のすべてのクラスを見つけないでください。

ユーザーインターフェイスを設計するための原則

Jacob Nielsen'sは、UIデザインの10の原則をリストしています。

1.現実の世界と一致し、オブジェクトを直接操作する->ユーザーはデータオブジェクトの視覚的表現を操作します。 視覚的表現と物理的相互作用が重要です。
2.オブジェクトは、使用するための特定のアクション（操作）、自然なマッピングを提案します->コントロールの物理的な配置は、機能の配置と一致する必要があります。
3.アクションには、即時の目に見える効果が必要です。
4.一貫性と基準->ユーザーは、異なる言葉、状況、または行動が同じことを意味するのかどうか疑問に思う必要はありません。
5.ヘルプとドキュメント->ヘルプは、検索可能、コンテキスト依存、タスク依存、具体的、短い、そして何よりも必要ではない必要があります。
6.ユーザーコントロールと自由->ユーザーは、製品機能を誤って使用することで問題が発生する可能性があり、拡張ダイアログを経由せずに不要な状態を終了するには、明確な終了が必要です。
7.システムステータスの可視性->製品は、妥当な時間内に適切なフィードバックを通じて何が起こっているかをユーザーに通知し続ける必要があります。
8.柔軟性と効率性->アクセラレーターは、製品が経験の浅いユーザーや経験豊富なユーザーに対応できるように、専門家のユーザーとの対話を高速化することがよくあります。 ユーザーが頻繁なアクションを調整できるようにします。
9.認識、リコールしない->ユーザーは、ダイアログのある部分から別の部分への情報を覚えてはなりません。 システムの使用説明書は、適切な場合はいつでも表示できるか、簡単に取得できる必要があります。
10.エラーの防止->適切なエラーメッセージよりも優れているのは、注意深い設計により問題の発生を防ぐことです。アクションを実行する前に、ユーザーに確認を提示します。
11.ユーザーがエラーを認識して回復できるようにする->エラーメッセージは平易な言語（コードなし）で表現する必要があり、問題が建設的に解決策を提案していることを正確に示します。 そして彼らは礼儀正しくなければなりません…
12.美的およびミニマリストのデザイン->製品に無関係な情報が含まれていてはなりません。 関連性のない情報は関連性のある情報と競合し、それらの相対的な可視性を低下させます。

みんな喜んでもらえますか？

いいえ！

すべてのユーザーエクスペリエンスの最適化に力を注ぐと、製品は成功しません。 デジタルマーケティングのスペシャリストは、特定のコンポーネントを一度に処理するのではなく、特定のコンポーネントに焦点を合わせて優先順位を付ける必要があることを知っています。 ユーザビリティの進歩は、大きな飛躍ではなく、小さなステップである必要があります。