私の最初のUX事例研究
6772 ワード
ようこそ、私はデザイナー(少なくともまだではない)が、確かにエンジニアとしての役割の一部は、設計チームと共感することがありますか?だから、私はデザイナーのように考えるいくつかの時間を捧げており、我々はそれがどこに行くか見ることができます.
私は、完全なスタックエンジニアであることの一部として、私は、アプリケーションが良いか悪いことができる特定の側面に焦点を合わせるために時間を取ることが重要だと思います.データベースのデザインから、承認のタイプには、すべてがうまく動作するように一緒に来る必要があるので、多くの異なるものがあります.
現在、私の焦点は、UXデザインです.今、私はデザイナーではない、ちょうど誰かがインターネットを使用して時間をかけている、私の時間を費やしてからのアプリを使用して小さなことは大きな違いを作ることができます理解しています.
このケーススタディのために私は見たsayplants.com , 具体的には、ホームページ、および改善することができるいくつかのことの注意を取った.
私が何を拾ったかについて話す前に、2、3分をとって、これらのスクリーンショットを見て、あなたが考える必要があるかについて見てください.
OKはそれに入る🚀
あなたが慎重に見るならば、あなたは異なる、そして、また、重複したリンクのかなりの数を見ます.以下の通りにします.
ユーザーはあまりにも多くの自由*与えられます.
それは自由の量を最小化したいと極端に思えるかもしれませんが、私を信頼してください
あなたのウェブサイトの周りのパスの数が限られている場合は、その行動は、より良い特定のユーザーの旅のために最適化することを意味する予測可能です.たとえば、オプションのリストを参照するサイトに到着する人は、特定の何かを検索したい人よりも全く異なった振る舞いをするでしょう.したがって、これらの2つのオプションが両方とも明確に与えられるならば、ユーザは両方をしようとするスクリーンを操縦しなければならないよりはむしろ彼らのために働くパスを自己選択できますが、どちらもよくしません.
b指定された時間でユーザーに示される気晴らしを制限することによって、これは所望の動作に合わせられる焦点をつくる.電子商取引プラットフォームが取引を開始するユーザのために設計されて、それを終えるのは、かなり一般的です.すなわち、購入に続くもの以外の利用可能なナビゲーションオプションが少なくなったり、1ステップと順序に関する正しい情報を取り戻すことができる.これを念頭に置いて、改善されたコンバージョン率を見ることができます2
c .ユーザーがより少ない自由を与えられるならば、彼らが訪問しているサイトに、より明確でより少しの期待が置かれます.言い換えれば、4つの明確にNARバーのオプションを定義したページに着陸する場合、これは暗黙のうちに、このウェブサイトはあなたを提供することができますあなたの期待を設定します.これがなければ、あなたの心はさまようされ、探索するように、あなたが想像していたものを見つけることができないことに失望することがあります.これは、サイトが明示的にレイアウトされることなく、どのようなサイトが提供できるのか、ユーザーが考えることができないということではありません.しかし、研究は、設定期待がどのように個人の行動を変えることができるかを示します3
潜在的な混乱-特にページの下部にある「我々の任務」リンクと、同じページにつながっているNavバーの「アバウト」リンクで、ユーザーは誤って彼らがこのホームページから移動することができる20の異なるページがあると思っているようになることができます.あなたのブランドの一部が謎と不正な方向についてでない限り、ポイント1(ここでも適用されます)で強調された問題を除いて、それはたぶんウェブサイトをユーザーのために非常により簡単にするでしょう、より多くの一貫性があります.
それは重要なのは、ユーザーがそれぞれのページで何を行うことができます知っている、彼らが必要なものを見つけることができますし、どこに次の行くことができます知っている.
これまでに混乱したウェブサイトでは、ここでは、あなたが来たものを見つけることができなかったので、あなただけのままですか?同じ.ここで試してみましょう.
私が以前にこのウェブサイトのことを聞いたことがなかったユーザーであるならば、私は何がここで報酬によって意味されたか全くわからないでしょう.私は文脈を与えられません、あるいは、私がより多くを見つけるためにどこに行くべきかの方向を与えられていないので、私は盲目的にウェブサイトを捜し始めなければなりません.
理想的には、製品の以前の理解に関して予測されるメッセージは制限された領域に制限されるべきです.例えば、ホームページは、一般的な着陸ページについてより明示的で説明的になることを選択している間、署名された(そして、したがって、以前訪問した)ユーザーのためにこのメッセージングを持つことができました.
私が印刷されたシートの上のこの検索バーを見ていたならば、私は検索バーと下のボタンが3であったと思うかもしれません、関連していない、要素.この目的のために、検索バーの右側にあるナビゲーションアイコンをクリックしようとして、それが紙の一部であることを知るために、もちろん何も起こらなかった.
すべての深刻さでは、アイコンが重要です.ユーザに対して非言語的にヒントを出す方法であり、特定のアクションから特定の出力を期待すべきである.この場合、ナビゲーションを使用すると混乱が発生します.
小さな回り道:これは、これらの精神的な演習の場合は、示されている単語を思い出させると、テキストの色を言う必要はありませんが、言葉は言う.
例
私が言及したように、あなたは彼らが彼らを取る前に、ユーザーが彼らの行動の結果について明確であることを確認したいです.
それで、検索バーとボタンが明らかにペアである責任のより明確なグループ化をすることは賢明かもしれません.
最終的には、重要性に関して最後に意味することなく、ユーザーはあなたのウェブサイトの目的が何であるか、そして、ユーザーがそこで何をすることができるかについて説明することができなければなりません.もちろん、社会的なチャンネルとSEOは非常に重要です、しかし、口* 4とE - WOMの語が強調することが重要であることを強調する多くの証拠が、あります.したがって、私たちのユーザーは本質的に自分自身を明示的に自分自身に言われることなくあなたのユーザーストーリーを伝えることができますしたいて
この例では、提供されているサービスの明確な階層を定義することができます.
現在、私は5つの別のものをSayplantによって提供されるリストすることができます:ディナークラブ、新しいレストランを見つけるためのツール、ブログ、ニュースレター、クイズ.私の興味によって、私は、私は、植物ベースの食品オプションを提供するレストランの非常に機能的なディレクトリよりも素晴らしいクイズを見つけた友人に伝える可能性が高いかもしれません.今、これはすべての罰金と良いですが、あなたが何を知りたいですか?
あなたのサービスについての主要なユニークなセールスポイントがあるならば、彼らが彼ら自身を使う何かでないとしても、サイトを訪問する誰でもこれを知っていなければなりません.したがって、これはあなたのレイアウトとオプションの順序で強調されるべきです.
※1this paper , FRIは顧客満足度に達するために、効率性とサービスの間でトレードオフを行う必要があることを強調している.顧客の自由を制限する理由が彼らが求めるかもしれないものを最小にする理由について説明するように、ここで関連する特定の領域は要求変動性です.したがって、あなたのサービスは、彼らが求めているものとより近くに整列されることができます.
※2this study , 研究者は、より多くの選択が顧客を引きつける間、より少ないオプションがより強い購買率につながると認めました
* 3this research 示された量を与えられるとき、個々の慈善団体寄付の価値は上がりました.
* 4This paper オンライン、オフラインの両方の単語の識別は、最も効果的なマーケティングツールとして
読書のおかげで、私はおそらくすぐに、私はこれらの初期の観測を行った後に実装変更について話します.
私は、完全なスタックエンジニアであることの一部として、私は、アプリケーションが良いか悪いことができる特定の側面に焦点を合わせるために時間を取ることが重要だと思います.データベースのデザインから、承認のタイプには、すべてがうまく動作するように一緒に来る必要があるので、多くの異なるものがあります.
現在、私の焦点は、UXデザインです.今、私はデザイナーではない、ちょうど誰かがインターネットを使用して時間をかけている、私の時間を費やしてからのアプリを使用して小さなことは大きな違いを作ることができます理解しています.
このケーススタディのために私は見たsayplants.com , 具体的には、ホームページ、および改善することができるいくつかのことの注意を取った.
思考
私が何を拾ったかについて話す前に、2、3分をとって、これらのスクリーンショットを見て、あなたが考える必要があるかについて見てください.
OKはそれに入る🚀
繰り返しリンク
あなたが慎重に見るならば、あなたは異なる、そして、また、重複したリンクのかなりの数を見ます.以下の通りにします.
{
restaurants : 2,
offers : 3,
blog : 2,
about : 3,
subcribe : 3,
quiz : 1,
sign_up : 2,
advertise_with_us : 1,
add_a_restaurant : 1,
facebook : 1,
instagram : 1
}
私にとって、これは2つの主要な問題を提示しました.ユーザーはあまりにも多くの自由*与えられます.
それは自由の量を最小化したいと極端に思えるかもしれませんが、私を信頼してください
あなたのウェブサイトの周りのパスの数が限られている場合は、その行動は、より良い特定のユーザーの旅のために最適化することを意味する予測可能です.たとえば、オプションのリストを参照するサイトに到着する人は、特定の何かを検索したい人よりも全く異なった振る舞いをするでしょう.したがって、これらの2つのオプションが両方とも明確に与えられるならば、ユーザは両方をしようとするスクリーンを操縦しなければならないよりはむしろ彼らのために働くパスを自己選択できますが、どちらもよくしません.
b指定された時間でユーザーに示される気晴らしを制限することによって、これは所望の動作に合わせられる焦点をつくる.電子商取引プラットフォームが取引を開始するユーザのために設計されて、それを終えるのは、かなり一般的です.すなわち、購入に続くもの以外の利用可能なナビゲーションオプションが少なくなったり、1ステップと順序に関する正しい情報を取り戻すことができる.これを念頭に置いて、改善されたコンバージョン率を見ることができます2
c .ユーザーがより少ない自由を与えられるならば、彼らが訪問しているサイトに、より明確でより少しの期待が置かれます.言い換えれば、4つの明確にNARバーのオプションを定義したページに着陸する場合、これは暗黙のうちに、このウェブサイトはあなたを提供することができますあなたの期待を設定します.これがなければ、あなたの心はさまようされ、探索するように、あなたが想像していたものを見つけることができないことに失望することがあります.これは、サイトが明示的にレイアウトされることなく、どのようなサイトが提供できるのか、ユーザーが考えることができないということではありません.しかし、研究は、設定期待がどのように個人の行動を変えることができるかを示します3
不明な標識
それは重要なのは、ユーザーがそれぞれのページで何を行うことができます知っている、彼らが必要なものを見つけることができますし、どこに次の行くことができます知っている.
これまでに混乱したウェブサイトでは、ここでは、あなたが来たものを見つけることができなかったので、あなただけのままですか?同じ.ここで試してみましょう.
例1
私が以前にこのウェブサイトのことを聞いたことがなかったユーザーであるならば、私は何がここで報酬によって意味されたか全くわからないでしょう.私は文脈を与えられません、あるいは、私がより多くを見つけるためにどこに行くべきかの方向を与えられていないので、私は盲目的にウェブサイトを捜し始めなければなりません.
理想的には、製品の以前の理解に関して予測されるメッセージは制限された領域に制限されるべきです.例えば、ホームページは、一般的な着陸ページについてより明示的で説明的になることを選択している間、署名された(そして、したがって、以前訪問した)ユーザーのためにこのメッセージングを持つことができました.
例2
私が印刷されたシートの上のこの検索バーを見ていたならば、私は検索バーと下のボタンが3であったと思うかもしれません、関連していない、要素.この目的のために、検索バーの右側にあるナビゲーションアイコンをクリックしようとして、それが紙の一部であることを知るために、もちろん何も起こらなかった.
すべての深刻さでは、アイコンが重要です.ユーザに対して非言語的にヒントを出す方法であり、特定のアクションから特定の出力を期待すべきである.この場合、ナビゲーションを使用すると混乱が発生します.
小さな回り道:これは、これらの精神的な演習の場合は、示されている単語を思い出させると、テキストの色を言う必要はありませんが、言葉は言う.
例
私が言及したように、あなたは彼らが彼らを取る前に、ユーザーが彼らの行動の結果について明確であることを確認したいです.
それで、検索バーとボタンが明らかにペアである責任のより明確なグループ化をすることは賢明かもしれません.
すべての取引のジャック
最終的には、重要性に関して最後に意味することなく、ユーザーはあなたのウェブサイトの目的が何であるか、そして、ユーザーがそこで何をすることができるかについて説明することができなければなりません.もちろん、社会的なチャンネルとSEOは非常に重要です、しかし、口* 4とE - WOMの語が強調することが重要であることを強調する多くの証拠が、あります.したがって、私たちのユーザーは本質的に自分自身を明示的に自分自身に言われることなくあなたのユーザーストーリーを伝えることができますしたいて
この例では、提供されているサービスの明確な階層を定義することができます.
現在、私は5つの別のものをSayplantによって提供されるリストすることができます:ディナークラブ、新しいレストランを見つけるためのツール、ブログ、ニュースレター、クイズ.私の興味によって、私は、私は、植物ベースの食品オプションを提供するレストランの非常に機能的なディレクトリよりも素晴らしいクイズを見つけた友人に伝える可能性が高いかもしれません.今、これはすべての罰金と良いですが、あなたが何を知りたいですか?
あなたのサービスについての主要なユニークなセールスポイントがあるならば、彼らが彼ら自身を使う何かでないとしても、サイトを訪問する誰でもこれを知っていなければなりません.したがって、これはあなたのレイアウトとオプションの順序で強調されるべきです.
参考文献
※1this paper , FRIは顧客満足度に達するために、効率性とサービスの間でトレードオフを行う必要があることを強調している.顧客の自由を制限する理由が彼らが求めるかもしれないものを最小にする理由について説明するように、ここで関連する特定の領域は要求変動性です.したがって、あなたのサービスは、彼らが求めているものとより近くに整列されることができます.
※2this study , 研究者は、より多くの選択が顧客を引きつける間、より少ないオプションがより強い購買率につながると認めました
* 3this research 示された量を与えられるとき、個々の慈善団体寄付の価値は上がりました.
* 4This paper オンライン、オフラインの両方の単語の識別は、最も効果的なマーケティングツールとして
ミュージックプレーヤー
編集:私は最初に任意の音楽を含めることを忘れたので、今私はあなたに適切に名前を付けてください:ごめんなさい
読書のおかげで、私はおそらくすぐに、私はこれらの初期の観測を行った後に実装変更について話します.
Reference
この問題について(私の最初のUX事例研究), 我々は、より多くの情報をここで見つけました https://dev.to/gbenga/my-first-ux-case-study-3hg9テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol