あまりにも多くのWebサイト（自分のサイトも含む）、製品/サービス、サインアップフォーム、コンテストに遭遇し、特定の重要なタスクを完了するのにまったくお手上げになることがありました。これらの経験から、ユーザーエクスペリエンスについてもっと学びたいと常に思っていました。Webだけでなく、製品/サービスのユーザー/顧客に良い全体的なエクスペリエンスをどう提供するかについてです。そして、学ぶ最良の方法は教えることだと言われています。ユーザーエクスペリエンスについてあまりにも無知で完全なアマチュアに聞こえるリスクを承知の上で、このテーマについていくつかの資料をまとめました。Vietnam Digital Marketing Fundamentalsについての私の最新の本でもこのことについて話しています。最近、この時計に出会いました。 ちなみに、ほぼ購入するところでした。クラシックなCasio G Shockの時計の一つです。かなりクールに見え、実際に着けるともっと良く見えます。しかし、結局購入しませんでした。時計として、アナログ時計を見ても何時か分からないからです。時刻を表示できることは時計の基本機能です。誤解しないでください、多くの人がデザインの良さからこの時計を購入すると思いますし、実際に何人かの通行人が着けているのを見ました。人それぞれです。前置きはこのくらいにして、本題に入りましょう。

ベトナムのマーケターからの不十分な注目

ユーザーエクスペリエンスは、ベトナムのデジタルエージェンシーやマーケターから全般的に十分な注目を受けていない分野だと言わざるを得ません。新しいものではありませんが、みんな美しいデザインを求めていて、必ずしもユーザーフレンドリーなサイトではないようです。また、エージェンシーはピッチ中にユーザーエクスペリエンスを気にかけていると言うかもしれませんが、実行フェーズではそうならないこともあります。（当然！）時間の不足が一般的な言い訳で、クライアントからの予算不足がもう一つの一般的な理由です。専門知識の不足も別の理由かもしれません。真実は、ベトナムにはユーザーエクスペリエンスの専門家がそれほど多くないということです。

ユーザーエクスペリエンスは難しいのか、それとも常識なのか？

ユーザーエクスペリエンスは、非常に多くの分野が一つにまとまる必要があるため、難しいです。Jodie Mouleの観点からは、インタラクションデザイン、ヒューマンファクターズエンジニアリング、インダストリアルデザイン、心理学、人類学（人類学の定義はこちら）、社会学、コンピュータサイエンス、グラフィックデザイン、認知科学が必要です。製品/サービスに対するユーザーのエクスペリエンスに影響を与える多くの要因もあります：

• 有用性
• 使いやすさ
• 学習しやすさ
• 美しさ：見た目が良いか？
• 感情

ちなみにJodie Mouleは「Killer UX Design」という良い本を書いています。Killer UX Designはエージェンシーで働いている場合にかなり応用可能です。著者がエージェンシーの視点から書いているからです。JodieはWeb上のユーザーエクスペリエンスだけでなく、オンライン/オフラインでユーザー/顧客と持つ可能性のあるすべてのタッチポイントについて一般的に議論しています。これは注目すべき強力なコンセプトです。なぜなら、Owned Media Channelだけでも、Webサイト/マイクロサイト、Facebookファンページ、YouTubeチャンネルなどがあるからです。それだけでなく、ユーザーはデスクトップ、ラップトップ、スマートフォン、タブレットを使ってこれらのプロパティにアクセスするため、最初に接触した時から、その後何をするか、終了時にどこに行くかまで、ユーザージャーニー全体を通じて快適なエクスペリエンスを確保する必要があります。アマチュアにとって、ユーザーエクスペリエンスの多くは簡単で常識的であるべきです。製品/サービス/Webサイトを設計・構築する際に、ユーザーのニーズへの理解とフォーカスから来ています。Steve Krugの「Don't make me think」は、私のようなアマチュアにとっておそらく最も良い、読みやすい本の一つです。本のタイトルがすべてを要約していますね？Webサイト/アプリケーションを使うためだけにユーザーに考えすぎさせないことが私たちの仕事です。すべてが自然で、ユーザーにとって、特にキーとなるコールトゥアクションにおいて明白であるべきです。もう一歩進んで自分でユーザビリティテストを行いたい場合は、Steve Krugの別の良い本「Rocket Surgery Made Easy: The Do-It-Yourself Guide to Finding and Fixing Usability Problems」があります。AmazonにはUser Experience and Website Usabilityのベストセラーに関するセクションもあるので、チェックしてみてください。このテーマについてはすでに非常に多くの資料があるため、ここで車輪を再発明したくはありません。ユーザーエクスペリエンスに関する本をいくつか手に取って読むことを強くお勧めします。しかし、あまり多く読みたくなく、生活を楽にする実用的なヒントが欲しいだけの方もいらっしゃると思います。そこで、確認すべき基本的なチェックリストをご紹介します。

スピードが重要

Googleのレポートにあるように、ベトナムでのサイトの平均ローディング時間は約2.5秒です。サイトのロードに15秒かかるなら、何かが正しくありません。インターネットでは、ユーザーは待ちたくありませんし、20秒はオンラインでは「長い時間」です。 サイトを高速化する方法については、Googleからの記事を含め、多くの記事があります。あなたのWebサイトがどれほど美しく、有用で、リッチであっても、ロードに30秒かかるなら、私は興味がありません。サイトにGoogle Analyticsがインストールされている場合、Contentカテゴリのpage speedレポートを見ることができます。

第一印象が大切

サイトが何についてか簡単に理解できますか？どのサイトか？サイトのどのセクション/ページにいるか？今いる場所から何ができるかは明白ですか？自分がどこにいるか、ここで何ができるか/どう始めるかを見つけるのに時間がかかりすぎる（20秒のように）場合、サイトの情報アーキテクチャが紛らわしすぎるか、デザインが複雑すぎるかもしれません。メインナビゲーションに用語があって、それが何を意味するか分からない場合、おそらくユーザーフレンドリーとは言えません。特定のサイトは非常に技術的であるため、ドメイン知識を持つユーザーが必要なのは事実です。しかし、そのサイトオーナーへの私のチャレンジは：「もっとビジネスが欲しいですか？」以前のお客様ではない新しい顧客からのビジネスが欲しいですか？ですから、人々が理解できるようにできるだけシンプルにすることは、これらの新規顧客を引き付けるために最も重要です。ここでの包括的な原則は、やはり「Don't make me think」です。

自分はどこ？そこからどこへ行ける？

ユーザーがサイト上のどこにいるか、このレベルでどのようなオプションがあるかを理解する手助けとして、パンくずリストやその他のデザインキューを使えます。パンくずリストが何か分からない場合は、以下のスクリーンショットを参照してください： また、迷った場合にユーザーがサイト内を_検索_できることも重要です。これは非常に重要な機能です。しかし、恥ずかしいことに、私のサイトの検索機能はあまり良くありません！私の意見では、内部検索機能はもはやオプションではなくMUSTです（もちろん、サイトが2ページしかない場合は検索機能は不要でしょう）。内部検索機能とは、ユーザーがサイト内のものを検索できる検索ボタンのことです。実生活のアナロジーでは、デパートで探しているものが見つからなかったり迷ったりした場合、基本的に2つのオプションがあります：

• 看板を見上げて自分がどこにいるかを理解し、行きたいエリアを探す。つまりメインナビゲーションを見る
• 近くの店員にジュエリーセクションやキッズセクションへの行き方を聞く。これがオンラインでの検索機能に相当します。私はいつも怠け者で常に店員に聞くので、オンラインでも探しているものがすぐに見つからない場合は検索機能を使います。最大級のeコマースサイトであるAmazonは、非常に堅牢な検索機能を持っており、ユーザーの生活をとても楽にしています。

基本的なアクセシビリティの問題

テキストと背景のコントラスト：テキストは読みやすく、背景との十分なコントラストが必要です。白やわずかにグレーの背景に黒いテキストのようにです。暗い青のテキストを黒い背景や青い背景に使わないでください。以下の例は、テキストと背景のコントラストが良くないだけでなく、場所を言葉で説明しようとしていますか？ もう一つはフォントサイズと間隔です。サイズ10未満のものはWebでは読みにくいと思います。年を取っているのかもしれませんが、小さいテキストを読もうとして時間を無駄にしません。

明確なビジュアルヒエラルキー

このポイントについては多くの時間を費やすことができます。基本的に、重要なものほどページの上部に配置する必要があるということです。重要なコンテンツはフォールドの上にあるべきです。 上記は文字通り、vnexpressのバナーをクリックした後のランディングページの「フォールドの上」の部分です。ユーザーとして、どう思いますか？また、重要な見出しは、重要度の低いものと比べて大きなフォントにすべきです。以下のスクリーンショットを見て、どの情報を伝えようとしているか、つまりこのマップから重要な情報は何か推測してください。このスクリーンショットのコンテキストは、不動産プロジェクトの場所です。マップ上でプロジェクトが見えますか？Locationメニューの下で1分ほどマップを見ましたが、見つけられませんでした。 論理的に関連するものは物理的にも近くにあるべきです。スーパーマーケットで商品をどう並べるかと同じです。魚と乾物が一つのセクションに混ざっているのは見ないでしょう？

慣例に従うことが重要

慣例のいくつかは：

• サイトID（ロゴ）は明確に記載され、多くの場合ページの上部にあります。左上か中央上の位置が、右上よりも多いです。サイトのロゴが右上にあるのを見たことがありますか？
• 会社のロゴはホームページにリンクすべきです
• どの部分がクリック可能かを明確にする：慣例として、青で下線付きのテキストはクリック可能です（場合によっては青いテキストのみ）。
• テキストのサポートなしに自作のアイコンを使わないでください。自作の略語にも同じことが当てはまります。新しく発明した略語を使うとクールに聞こえるかもしれませんが、ビジネスには良くありません。人々が何かを理解できず、あなたがそこにいて質問に答えられない場合（オンラインですから！）、人々は離れていくだけです。
• サイト検索は中央上部または右上の位置にあるべきです。

キーアクションの完了能力

これはすべての中で最も重要な側面と考えられます。ユーザーがあなたが望むことを簡単に、つまずくことなく完了できれば、あなたは星です！ユーザーがあなたのサイトから望むことを果たせない場合、サイトがどれほど「きれい」でもダメです。ユーザーにサイト上で行ってほしいトップ3-5のキーアクションをリストアップしてください。次に、これらのキーアクションに合致する3-5のシナリオを書いて、他の誰かにこれらのタスクを完了するよう頼む場合に背景情報が得られるようにします。これは簡単で、マーケティングからIT、営業まで、ほぼ誰でもリストを作成できます。さあ、このリストをマーケティングチーム、クリエイティブチーム、営業またはITチーム以外の人でテストしてください。基本的に求めているのは、ターゲットオーディエンスでテストするか、ターゲットオーディエンスは幅広い傾向があるので、サイトの構築、設計、維持に関わっていない誰かでテストすることです。多くの場合で私がそうだったように、驚かないことを願います。いくつかの例：

• パーティー/イベントに招待する場合、PRニュースページに誘導したり、オフラインのパンフレットをオンラインに載せたりするのは最善ではありません。パンフレット型のランディングページに遭遇し、ユーザーは登録方法が分かりませんでした。5ページ分スクロールしてようやく下部に「無料チケットはこちらで登録」という非常に小さなコールトゥアクションがありました。
• ファストフードチェーンで、ユーザーにサイトから電話してもらい注文してほしい場合、電話番号はホームページとできるだけ多くの適切なページに表示すべきです。どこか別の場所に隠さないでください。

その他の小さなこと

これまで見てきたWebサイト/マイクロサイトの一般的な「間違い」をいくつか含めますので、気をつけてください：

• パスワードフィールドが1つだけのサインアップフォーム、パスワード再入力フィールドがない？？
• 正当な理由なくあまりにも多くの個人情報を求めるサインアップフォーム。
• 送信ボタンをクリックして何か問題があると、すべてが消えてすべてを再入力しなければならないサインアップフォーム！2013年にもなって、何か間違いがあるだけでフォームのすべてのフィールドを再入力する必要があるのはおかしいです。パスワードやCAPTCHAの再入力は理解できますが、名前、メールなどすべてを再入力する必要はないはずです...
• 写真やビデオをアップロード中のステータスバー：ベトナムの比較的遅いインターネット接続では、ユーザーに何かをアップロードしてもらう場合、進行中か、失敗したか、あとどれくらい待つ必要があるかをユーザーが分かるようにステータスバーを表示することが非常に重要です。
• 音声ONの自動再生ビデオ：マーケターとして、特に何千ドルもかけて制作した場合、人々にビデオを見てもらいたいのは分かります。しかし、私の意見では音声ONの自動再生ビデオは絶対にNGです。ユーザーとして、私の最初の反応は常にそのビデオと音をオフにすることで、ビデオの内容を待って見ようとはしません。
• マップなしの場所表示：多くの場合、Webサイトにオフィス、店舗、レストランの場所を載せてユーザーに来てもらいたいと思います。しかし、マップなしに住所だけを表示するのは最適ではありません。Google Mapはかなり正確で簡単にできるので、ユーザーが店舗/レストランへの行き方が分かるように入れてください。

以下の店舗リストは私にとって最適ではありません。 こちらの方がはるかに良いです。詳細な住所、電話番号、マップなどがあります。

• クリックできないロゴ！これは本当に困ります。ロゴをクリックしてホームページに戻ることを期待するのは非常に一般的な習慣です。ロゴがクリックできないのは、ユーザーを気にしていないというメッセージを送っています。

以上です。このリストをより完全で有用にするために、あなたの経験やアドバイスを共有してください。多くのことを見落としていると思います。

よろしくお願いします、Chandler

P.S: このチャプターはVietnam Digital Marketing Fundamentalsの本にも含まれています！アップデート1：2013年7月13日 Dr. Peter J. Meyersから有用でシンプルなチェックリスト「25 point website usability checklist」を見つけました。アップデート2：2013年10月28日。28の素晴らしいUser Interfaceのヒントを含む必読記事 http://goodui.org/