ナビゲーションバーの残りのアイコンとカートのアイコンを区別して、ユーザーがecommmerceアプリのカートページにいることを示す適切な方法を探しています。これを行うには多くの方法があります(ハイライト、下線、残りのアイコンを暗くする)が、他のいくつかのアプリを確認したところ、ほとんどのeコマースアプリを除いて、これを実行していないことに気付きました。なぜか?
私がショッピングカートにいることを確認するためにショッピングカートアイコンを調べる必要がある場合、つまり設計の問題です。
ユーザーの注意はページのコンテンツにあります。そのページのコンテンツは、ユーザーがどこにいるか、そしてショッピングカートの場合はユーザーが次にどこに行くかを明確にする必要があります。ユーザーの位置がすでにはっきりとわかっているときにナビゲーションリンクを強調表示することは、ユーザーにとって認知上のメリットはまったくありません。
ナビゲーションバーの視覚的状態を警告すると、ユーザーの注意を引く可能性があります。一般的にアイテムを強調表示するのはなぜですか?注意を引くために!ナビゲーションバーは、メインコンテンツから注意する必要があるものではありません。ユーザーがナビゲートする必要がある場合は、そこに移動します。メインのコンテンツに集中する必要がある場合は、できるだけ簡単にします。
ユーザーは、タスクを完了するために必要な場所になりたいと思っています。彼らがいるページが彼らが必要とすることをするなら、彼らはそれを離れようとするつもりもありませんし、彼らがそこにいることを思い出させる必要もありません。彼らは彼らが彼らの仕事を成し遂げているので、彼らは彼らが必要なページにいることを知っています!
ページが彼らのニーズを満たしていない場合、彼らは満たすものを見つけようとします。結果として、彼らの注意はナビゲーションバーに移ります。
しかし、ユーザーが自分がどこにいるのかわからず、同じナビゲーションリンクをクリックした場合、ユーザーがいた場所に正確に到達するために少しばかげていると感じる状況はどうでしょうか。
コンテンツをより明確にする必要がある問題は別として、ユーザーがすでに表示しているページへのナビゲーションリンクをクリックすると、ユーザーにどのような危害が加えられましたか?ページがリロードされました。大したことだ。
上記に対する明白な反論は、ユーザーが入力している大量の情報を失った場合です。繰り返しますが...ページがユーザーのニーズを満たしている場合、ユーザーは間違った場所にいると思ってページから移動することはありません。ページがニーズを満たしているという事実は、ユーザーが適切な場所にいることを示しています。
アイコンがコードに追加するアイコンが少ない、またはデザイナーがアクティブページの別の色を邪魔していると考えているからといって、アプリがアクティブページを強調表示しないと思います。
テキストやリンクの背景の色を変えるかどうかで違いはないと思います。
カートの場合、ユーザーがそのページにいる必要がないことを示しますが、他のページでは、ユーザーがどこにいるのかを示しているが、描画していない場所を示す、気が散らない色/色のバリエーションを使用するための解決策を見つけることができると思いますあまりにも注目。
" パターン–ナビゲーションドロワー| Google "でいくつかの例を見ることができます
バスケット/カート/トロリーは標準的で広く認識されているUIデザインパターンであるため、バスケット/カート/トロリーのページにいることがユーザーに明らかなのでしょうか。さらに、上部に「買い物かご」(Amazon.co.uk)という見出しがあります。
また、ユーザーの目がWebページのどこに向けられているか( F-pattern )が原因である可能性もあります。アマゾンのバスケットアイコンは右上にあり、Fパターンになっているので、ユーザーはバスケット/カートに新しいアイテムを追加すると、アイコンが変化することを確認できます。そのため、多分それはすでにかなり明白なので、強調する必要はありません。