ユーザー中心設計

ユーザー中心設計

最近、デジタル デザイン コミュニティで「誰が何を担当するのか」という明らかな混乱についてよく質問されます。私が主にユーザビリティとユーザー エクスペリエンスについて話すのは、これがユーザーの問題 (製品、システム、サービスの使用に関する全体的なエクスペリエンス) を最もよく要約していると思うからです。

しかし、他の代理店の中には、インタラクション デザインをコア サービスとして提供しているところもあり、これもクライアントを混乱させるリスクが高まるのではないかと不安を感じています。私の意見では、それは非常に単純です。

ISO 9241-11国際規格では、ユーザビリティを次のように定義しています。

特定の使用環境では、特定のユーザーが製品を使用して、特定の目標を効率的かつ満足のいく形で達成できます。

したがって、優れたユーザビリティは優れたユーザー エクスペリエンスの一部であり、当社はこれを目的として製品、システム、およびサービスを設計しています。インタラクション デザインは私たちのデザイン プロセスの一部です。

ユーザー中心設計に関する最新の標準規格ISO 9241-11には、次のように記載されています。「インタラクション設計とは、システムとユーザー間のタスクやインタラクションを設計する方法です。」ユーザーのニーズを満たすデザインソリューションを生み出すことは非常に重要です。ユーザー中心設計の手順は次のとおりです。

インタラクション デザイン アクティビティには 7 つの標準的な定義があります (ただし、明示的にインタラクション デザインと呼ばれるのはそのうちの一部だけです)。

より高レベルの意思決定を行う(例:初期の設計コンセプト、重要な効果)

タスクと次のタスクを特定する

ユーザーやシステムの他の部分にタスクと次のステップを割り当てる

タスクを達成するためのインタラクティブなプロジェクト要件を特定する

適切なダイアログ技術を特定して選択する( ISO 9241パート12~17を参照

インタラクションデザインの順序とタイミングの設計

インタラクティブなアイテムを効果的に使用できるようにするインタラクション システムであるユーザー インターフェイスの情報アーキテクチャを設計します。

もちろん、このような活動は切り離すことはできませんし、さまざまな人が関与している場合、ユーザーの役割を絶対的に明確に定義するのは難しいと思います。インタラクション デザイン スキルは、ユーザー中心の設計プロセス全体を通じて価値があり、ユーザーが簡単に理解して評価できるビジュアル デザインを作成するのに役立ちます。

たとえば、最近のプロジェクトでは、当社のインタラクション デザイナーがプロジェクトの早い段階から関与し、 CMS (ビジネス関係者からの投資の定義と獲得を支援するシステム) のデザイン オプションのモックアップを迅速に作成しました。

ただし、保険会社の場合、要約結論を視覚化し、レビューおよびテスト プロセス中に設計テンプレートとして機能するために、インタラクション デザイン スクリプトと注釈付きの忠実度の高いワイヤーフレームが作成されました。

率直に言って、クライアントがユーザーを効果的に支援できるシステムを開発または取得するのを支援できる限り、私たちがそれを何と呼ぶか​​はまったく気にしません。しかし、これは私たちが何をしているのか、そして私たちのサービスについて共通の説明を達成するよう努めることがなぜ重要なのかを説明するのにも役立つと思います。

もっと詳しく知る…

Web コンサルティング会社向けユーザー エクスペリエンス ガイドは、ユーザビリティとアクセシビリティを専門とする26 の部門を擁し、ユーザー リサーチの専門知識を求める人にとって優れたリソースです。このレポートでは英国市場に焦点を当て、最近の市場動向を取り上げ、サプライヤーを見つけるための役立つアドバイスも含まれています。

これらの包括的なレポート (旧称「ユーザビリティとアクセシビリティのユーザー ガイド」) は、Web サイトのユーザーや顧客を維持し、関与させることに熱心な企業にとって非常に重要です。

<<:  フォームファイル選択ボックスのスタイルをカスタマイズする例

>>:  MySQL テーブル結合クエリでグループ化と重複排除を実装する例

推薦する

Vue3 の父子値転送に関する簡単な説明

目次父から息子へ: 1. 親コンポーネントのサブコンポーネントタグに、サブコンポーネントに渡されるデ...

Windows 10 無料インストール版の MySQL インストールと設定のチュートリアル

ネットでいろいろ検索してみたところ、Linux システム向けではなく、現在の新しいバージョンと一致し...

CSS 疑似要素と疑似クラスの魔法のような使い方についての簡単な説明

CSS は Web ページで非常に重要な役割を果たします。近年の CSS の発展に伴い、疑似要素/疑...

CSSスタイルシートを効率的に使用するためのヒント: スタイルシートの力を最大限に活用する

インターネット経済の継続的な発展に伴い、インターネット上の専門ウェブサイト、公共サービスウェブサイト...

Linux における「!」の知られざる使用法のまとめ

序文実際、Linux では、控えめな「!」が驚くほど多くの用途で使用されています。この記事では、「!...

リストループスクロールを実現するための HTML+CSS+JavaScript サンプルコード

説明: 指定された時間内に前のノードのコンテンツを置き換えるタイマーを設定します。 1. キーコード...

Vueのキーボードイベントの詳細な説明

目次共通キーエイリアスエイリアスが指定されていないキーシステム修飾キーカスタムキーエイリアス要約する...

IE6 および IE7 で DIV コンテナの固定高さを使用するためのヒント

IE6 と IE7 では CSS の解釈に多くの違いがあります。今日はそのうちの 1 つである高さに...

JavaScript が Taobao の虫眼鏡効果を模倣

この記事では、淘宝虫眼鏡効果を実現するためのJavaScriptの具体的なコードを参考までに紹介しま...

Linux で libudev を使用して USB デバイスの VID と PID を取得する方法

この記事では、libudev ライブラリを使用して hidraw デバイスにアクセスします。 lib...

非常に便利なオープンソース Docker ツール 5 つを強くお勧めします

導入Docker コミュニティは、さまざまなユースケースを処理するのに役立つ多くのオープンソース ツ...

LeetCode の SQL 実装 (197. 気温上昇)

[LeetCode] 197.気温上昇Weather テーブルが指定されている場合、前の日付 (昨...

HTML+SassはHambergurMenu(ハンバーガーメニュー)を実装します

先日、外国人の方がHTML+CSSを使ってHamburgerMenuを実装している動画を見ました。最...

MySQL パーティションテーブルの制限と制約の詳細な説明

ビルドを無効にするパーティション式では、次の構成はサポートされません。ストアドプロシージャ、ストアド...

フレックスレイアウトにおけるflex-growとflex-shrinkの計算方法の詳しい説明

CSS のFlex(彈性布局)すると、Web ページのレイアウトを柔軟に制御できます。Flex Fl...