ユーザーエクスペリエンスの構築

ユーザーエクスペリエンスの構築
<br />おそらく、あなたは会社に入社したばかりで、その会社が「ユーザビリティ」に関する仕事をしたいと考えているのでしょう。あなたは、UI デザイナー、ビジネス アナリスト、フロントエンド開発者、製品マネージャー、またはユーザー エクスペリエンス部門を担当するマネージャーや VP である可能性があります。つまり、あなたの製品/ソフトウェア/ウェブサイトを使用する人々をよりよく理解すれば、おそらくより良い製品/ソフトウェア/ウェブサイトを構築できるでしょう。何があろうと、あなたが誰であろうと、どこにいようと、ユーザー エクスペリエンスはあなたの責任です。
したがって、ユーザー エクスペリエンス (UX) のプロセスを構築する必要がある場合、そのようなプロセスは成果をもたらすことも失敗することもありますが、製品開発プロセス、そしてもちろん製品自体を改善する機会は数多くあります。
このようなプロセスを確立するにはどこから始めますか?どのような方法を使用できますか?どのような問題を避ける必要がありますか?どうすればやる気と情熱を維持し、プロ意識を保ち、落胆せずにいられるのでしょうか?
ユーザー エクスペリエンス プロセスを確立する理由は何ですか? UX プロセスは、人々が期待し、ニーズを満たす製品の開発に役立ちます。UX プロセスは時間とお金を節約します。これら 2 つは、企業内の多くの人が重視するもの、つまりお金と強く結びついていることを覚えておいてください。販売による収益の獲得であれ、節約による経費の削減であれ、UX 活動の価値を財務的影響の観点から説明するのは実用的です。
小さく始める<br />小さく始めることで、自分の能力を超えたことを誤って引き受けてしまうことを防ぎ、地に足をつけてプロセスを構築し始めることができます。最初からプロセスのすべての側面に根本的な変更を加えるよりも、段階的なアプローチの方が効果的です。
UX アクティビティと成果物を記録し、その進捗状況を追跡することを忘れないでください。これらは、将来 UX プロセスを説明するときに役立ちます。
ビジネスを推進する要因を見つけて追跡します。 <br />つまり、数字がすべてを物語るのです。会社の目標を把握し、UX プロセスの目標をそれに合わせて調整します。たとえば、会社の主な目標がテクニカル サポートへの問い合わせ回数を減らしてコストを削減することである場合、主な UX 目標の 1 つは、製品の使いやすさを向上させてセルフサービス率を高め、プロセスの前後のテクニカル サポートへの問い合わせ回数を記録して分析することになるでしょう。
UX アクティビティを事前に計画する<br />小規模なプロジェクトから始めるもう 1 つの利点は、プロジェクトのスケジュールに何らかの影響を与える可能性が高くなることです。早い段階でプロジェクト計画に関与することで、開発に UX を組み込むためにプロジェクト チームを準備する機会が得られます。
深く掘り下げ、広範囲に渡らない<br />あまり多くのプロジェクトに手を広げないようにしてください。社内で UI デザインとユーザビリティの調査を行っているのがあなただけの場合、プロジェクト マネージャーはすべてのプロジェクトであなたに協力してもらうことを期待するかもしれません。いかなる犠牲を払ってでもこれを避ける必要があります。提供するプロジェクトが増えるほど、サービスの品質が低下する可能性が高くなるためです。そして、すぐに疲れてしまい、実質的な変化を起こすことができなくなります。リソースが限られているのに需要が大きい場合はどうすればよいでしょうか?中間的な方法は、最初は UX チームをあまり手広く展開しないようにしながら、チームを拡大することです。
現実的でありながら、柔軟性も持ちましょう。<br /> 企業の UX サポートを現実的に評価し、それに応じて期待を調整します。社内のほとんどの人が UCD とユーザビリティ テストの概念を知らない場合は、数か月に及ぶ民族誌調査を実施したり、フィールド ユーザビリティ テストに大金を費やしたりするべきではありません。
柔軟に対応し、あらゆる側面を考慮し、必要に応じて妥協できることを示しながら、自分の意見や提案を述べましょう。
覚えておいてください: 摘むべき果物はたくさんあります。摘み方についてはあまり心配せず、確実に摘むようにしてください。
トラブルメーカーには注意しましょう。しかし、彼らを避けてはいけません。<br />彼らの方法を使うと悪い製品ができたり、会社に損害が出るなんて聞きたい人はいません。あなたが正しくて彼らが間違っているなんて聞きたい人はいません。
重要なのは、開発者に伝えるのではなく、見せること、Morae などの画面/ビデオ キャプチャ ツールを使用して伝えるのではなく、説得すること、そして、開発者を概念化してプロトタイプ化することで、作業が楽になり、時間が短縮されることを納得させることです。製品マネージャーに、ビジネス要件をより適切に定義できるよう支援できることを示します。
忍耐強く、明確な期待を設定してください。 <br />新しいユーザー エクスペリエンスを確立する上で最も難しいのは、忍耐強くあることです。優れた UX プロセスは一夜にして生まれるものではありません。
創造的になる<br />リソースはほぼ常に限られているため、UX アクティビティは必ずしも高価で時間のかかるものではないことをチームに示すために創造的になる必要があります。社内の代表ユーザーがユーザー リソースとして機能します。予算が不十分な場合、リモート インタビューやユーザビリティ アクティビティを実施するためのスタッフが足りませんか?開発者に UI デザインのベストプラクティスを教えましょう。高価なソフトやリサーチツールを購入する予算がありませんか?ペンと紙は、あなたが思っている以上に多くの用途に使用できます。UX トークの抜粋を電子メールで送信して、UX メッセージを大規模に広めます。一般的な UX の間違いと典型的な解決策を示すポスターを作成します。
結果を文書化し、躊躇せずに公開してください。<br />おそらくこれが、企業内で UX を推進する上で最も重要なことです。これまでたくさんのことをやってきました。今度はそれをすべてまとめる番です。成果が出たなら、それがどんなに小さなものであっても、会社で発表することをためらわないでください。また、チーム全員に感謝することも忘れないでください。もちろん、より多くの仕事があなたの肩にのしかかることを覚悟してください。
記事全文は、 「ユーザーエクスペリエンス (UX) プロセスの開拓」をご覧ください。

<<:  CSSはクーポンスタイルを実装するために放射状グラデーションを使用します

>>:  ボタンと入力タイプの違いと注意点

推薦する

HTML ページ ヘッダー コード例の詳細な説明

知識ポイント1: ヘッダー情報にWebページのベースURLを設定するベース URL の本質は、ハイパ...

Vue3 setup() の高度な使用例の詳細な説明

目次1. オプションAPIと組み合わせAPIの違い2. セットアップを具体的にどのように使用するので...

DIVマスクを使用して、マウスでチェックボックスを直接チェックすることが無効である問題を解決します

フロントエンドの開発過程で、チェックボックスが必要な状況が発生しました。ユーザー操作の利便性を考慮し...

MySQL におけるデータベース間関連クエリメソッド

ビジネスシナリオ: 異なるデータベース内のテーブルをクエリするたとえば、関連付けられるテーブルは、マ...

ウェブインターフェースデザインでウェブサイトのスタイルガイドを作成する方法(画像とテキスト付き)

スタイル ガイドとは何でしょうか? 簡単に言えば、ストーリーを伝える方法を説明するドキュメントです。...

Vue Element Sortablejs を使用してテーブル列をドラッグする詳細な説明

1. css: ドラッグテーブル.css @charset "UTF-8"; ....

Webフロントエンド開発CSS関連チームコラボレーション

フロントエンド開発部門は成長し、スタッフも増加し、技術も向上しています。 CSSer はフロントエン...

Vueはel-tree遅延読み込みを使用して、追加、削除、変更、クエリ機能を実装します。

Vue のツリー表示については、プロジェクトが使用されています: エフェクト ダイアグラムがツリー...

マークアップ言語 - Web アプリケーション CSS スタイル

123WORDPRESS.COM HTML チュートリアル セクションに戻るには、ここをクリックして...

MySQL の指定文字によるマージと分割の例のチュートリアル

序文指定した文字による結合または分割は一般的なシナリオです。MySQL では結合の記述は比較的簡単で...

Docker の win ping 失敗コンテナ回避ガイド

win docker-desktopを使ってコンテナ開発に接続し、ネットワーク上で色々試してみたいと...

webkit-box-reflect を巧みに使用してさまざまな動的効果を実現する (要約)

かなり前の記事で、 -webkit-box-reflectプロパティについて説明しました。リフレクシ...

ネイティブ js カプセル化シームレスカルーセル機能

ネイティブjsカプセル化シームレスカルーセルプラグイン、参考までに、具体的な内容は次のとおりです。例...

CSS を使用して HTML フォーム コントロールを美しくする詳細な例 (フォームの美化)

1. HTML送信ボタンと下部ボタンの基本構文構造1. HTML送信ボタン入力タグで type=&...

nginx プロキシ サーバーで双方向証明書検証を構成する方法

証明書チェーンを生成するスクリプトを使用して、ルート証明書、中間証明書、および 3 つのクライアント...