topWebサイト制作を行う上で重要な役割を果たすUX。この記事ではUXとは何か、そして通常のUX設計と、Webサイト制作におけるUX設計の違いを説明した上で、押さえておきたいステップやポイントをご紹介します。experience(ユーザーエクスペリエンス)、直訳すると「ユーザー体験」となります。主観的(ユーザごとの感情や評価)・時間的(そのサービス関わるさまざまなタイミングで抱く感情や評価)・状況的側面(ユーザが製品やサービスを体験する環境や状況)で捉えることができると言われています。ユーザ評価が高く優れた体験を提供することが製品やサービスの評価に直結していきますので、それらを実現するためのUX設計が重要な鍵を握っていくのです。Web制作におけるUX設計Webサイト制作においてUX設計を行っていくにはどのようにしたらよいでしょうか。一般的に定義されているそのいくつかをみていきましょう。デザイン思考の5つのプロセスデザイン思考ということは昨今よく耳にするようになりましたが、以下のようなプロセスを用いて、ユーザーの課題を定義し解決策を見いだす行動、要するにUXを設計するという考え方です。Thinking)」という著書により、建築と都市のデザイン手法について「デザイン思考」という言葉が使われたのが始まりとされています。その後アメリカのデザインファーム、アイディオ(IDEO)によって提唱され世界に広まりました。Web制作における6つのプロセスデザイン思考のプロセスに、”実装”が足されたものになります。繰り返し、常に体験価値を高めていく必要性があります。7ステップここまで、一般的に唱えられているデザイン思考やWeb制作におけるプロセスを説明しました。実際、デパートにおけるWeb制作のUX設計の方法について、全体の制作ステップに従いご紹介していきます。ここでほとんどのことが決定するイメージで、Step5のデザインフェーズではStep4までに出してきた解をまとめるような工程になります。Step6ではユーザテストのFBを吸収していく大事な工程も追加されます。最初に始めるのは、ユーザの課題とビジネスのゴールを理解していくことです。デザイナーとして、いくら表層のデザインを綺麗に仕上げていったとしても、ユーザとビジネスと双方の課題を解決するという結果を得るのは不可能なのです。システム構成書・関連図データ設計書など※太字はデザイナーでも確認し理解する必要がります。💡ユーザ調査の方法UX設計を行う上で、重要な鍵を握るのがユーザ調査です。案件やユーザに応じて様々な方法があります。一般的に調査方法は、収集するデータの性質により**「定量」と「定性」**と別れると言われています。ユーザ調査に重きをおき、ユーザ中心で考えていくUXですが、ユーザの声をそのまま反映すればいいんだ!という”お客様第一主義”とは別物。次に続く工程で、ユーザも気がついていない本当の課題解決の手法を導くためにも、正しい理解をすることが最重要事項と言えます。共感デザイナーが、優れたデザインを生み出すために最も重要なプロセスと言えるのが”共感”のフェーズになります。製品・サービスを受け取る人たちへの共感をすること。徹底的に理解しなければなりません。アイディエートアイディエートとは、アイディアを出すことです。ユーザとビジネスの課題を解決する可能性のあるあらゆる策を探索していき、どの解決策で後続するプロセスを進めていくかを絞り込んでいきます。理解〜共感で得た情報を元に、”あるべき姿”を形成していきます。プロトタイププロトタイプは、制作していくWebサイトが、どのようなユーザ体験を提供できるかを試作し、評価するためのプロセスです。早い段階で全体のUXを捉えるためのラフを作成したり、課題解決の中心となる箇所に絞り込み詳細に作成したりと、その粒度は目的により様々です。インターフェースデザインここまでの設計に基づき、ユーザがストレスなく情報にアクセス、理解、認識するための最適な表層デザインを制作します。実装・テストここまでの設計やデザインを、実際にユーザが触れていくものへと実装していくフェーズです。優れたUX体験を創造するためにも、ただ実装するだけではなく、実装したものを実際にユーザにテストしてもらうことが重要です。テストを行うタイミングが早ければ早いほど、フィードバックを反映しやすく、UXの制度を高めることができます。テストには様々な種類の評価軸がありますので、課題・目的に合わせて適切に選択していきましょう。ローンチ・計測Webサイトがリリースされても、デザイナーの仕事は決して終わりではありません。リリース後こそ優れたUXを醸成していくチャンスなのです。実際のWebサイトを実際のユーザに触れて使ってもらい、そのデータを収集していきます。1からのプロセスを繰り返し、優れたUXを目指し続けていきます。成果物参考例データ分析アクセス解析ユーザからのフィードバックABテストなどWebデザインのためのUX評価手法ここまで、Web制作のUX設計の方法について説明してきました。実際にUXを向上するためには、どのような評価手法があるでしょうか。代表的なものを見ていきましょう。ユーザ体験を構成する3つのポイントWebサイトに初めて触れるユーザは、以下の順番でWebサイト自体の体感を評価していくと言われています。(Usability)大きく分けてこの3つの要素のクオリティが高いほど、ユーザーに対してより優れたUX体験を提供することが可能になります。Webサイトを制作する過程で、これらを評価するためのフレームワークを2つ、ご紹介します。UXハニカムUX業界ではスタンダードとして利用されている評価方法、UXハニカム。UXを6つの異なる評価軸に合わせて評価していきます。提供されるプロダクトやサービスがユーザーの役に立っているか。彼らのニーズを満たしているか。それがユーザーの目的を達成していなければ、ユーザー体験としてはレベルが低い。プロダクトの見た目や雰囲気がユーザーにとって好ましいかどうか。ここに評価軸においては”デザイン要素”はなるべく少ない方が優れているとされる。体の不自由な方や、異なる制限のあるユーザーにとっても使いやすい体験がデザインされているかどうか。色盲の方でも認識しやすいサインなどもその例の一つ。企業やプロダクトが信頼できるものであるかどうか。無名な企業よりも、著名なブランドの製品であれば、最初からユーザーの心理的ハードルが下がり、自ずと利用体験がよくなりがち。情報やコンテンツが見つけやすい。短期間でユーザーが求める情報にたどり着ければ、利用している際のストレスが下がる。サイトであればページの構造、駅や公共の建物であれば、目的の場所に辿り着きやすいなど。ユーザビリティの高さ。利用していて必要以上に複雑で使いにくい場合はユーザー体験の価値が下がってしまう。家電製品であれば、説明書を読まなければ使い方がわからない時点で減点対象になるであろう。UXピラミッドUXハニカムに加えて、もう一つのUXの評価手法としてUXピラミッドがあります。UXピラミッドは6つの階層で構成され、下3層がWebサイトを利用する際に最低限必要とされる実用性を示し、そして上3層がユーザが利用時に体感する使いやすさや心地よさなどの感覚を示す項目になっています。4〜6はユーザの主観的な感覚での評価になります。エラーとならない工夫がされているかまとめWebデザイン制作におけるユーザーエクスペリエンス(UX)についてご紹介しました。作って終わりではなく、ユーザと共に育てていくことを前提としたWebサイトやWebサービスが求められています。ユーザの課題とビジネスのゴールを適切に理解し、徹底的にターゲットユーザに共感することで、より優れたユーザ体験を設計していきます。することで、プロダクトやサービスの評価を高めていくことができるのです。株式会社デパートでは、表層面のみならず、Webサイトを通して得た全ての体験が、優れたUXになることを目指したWeb制作を行っています。お気軽にお問い合わせください。小さいweb制作会社へデザイナーとして約5年ほど経験を積みました。その後、さらに経験を積む為転職活動を経て、デパートに入社させていただく事になりました。