レスポンシブWebサイトでの拡張可能なフッターの使いやすさ
私の同僚と私は、eコマースWebサイトのトレンドが何であるかについて話していました：拡張可能なフッター。
Topshop.comの例を次に示します。
そして展開すると：
私は拡張可能なフッターについての調査や研究のためにぶらぶらと空っぽになりました。使いやすさとそれらがどれほど使いやすいかについて、そこに何かがあるか、あるいは誰かがこれらを個人的にテストしたかどうかに興味があります。
私の最初の本能は、「お問い合わせ」などの情報やリンクをユーザーから隠すべきではないということです。そのため、このアプローチのメリットについて知りたいと思います。また、これはエクスペリエンス全体のフッターを最小限に抑えるためのデザイントレンドであり、必ずしもユーザーの利益のためではありません。
ありがとう！
私の意見では、フッター情報は既にページの下部にあり、他に表示する情報がないため、フッター情報を非表示にするのは少し冗長です。あなたの本能はおそらく正しいです、フッターリンクは他のページへのショートカットとして機能します、それらを隠すことは意味がありません。
Topshopで使用されるフッターは、従来のフッターとは異なります。ページの下部に貼り付けられ、ページの下部にスクロールしなくてもフッター情報にアクセスできるナビゲーションバーです。ページのどの時点でもフッター情報にアクセスするのは簡単で便利です。拡張可能なヘッダーの方が一般的ですが（「折り畳みの上部」にあるより多くの本文コンテンツを表示するため）、この拡張可能なフッターの実装は非常にうまく機能します。
ページの下部までスクロールすることにより、ユーザーは折りたたみの最後に到達したと見なします。ページの最後に多くの情報を非表示にすることで、実際には、ユーザーがフッターリンクを見つけることができる場所を特定するための認知的負荷が大きくなります。
本質的に、フッターはページの終わりであり、非表示にしてもあまり意味がありません。コンテンツがページの中央にある場合、機能の背後にある機能や情報を非表示にすることは理にかなっています。概要を用意し、ユーザーが探している情報に「ズームイン」できるのは、情報階層内に配置されているためですが、フッターには意味がありません。
一番下までスクロールしなくても簡単に見つかるフッターがあると思います。
最近では、ホームページが無限にスクロールするかなり多くのWebサイト（ https://www.zalando.nl/dames-home/ がその一例です）を見てきました。多くの場合、お客様はeショップに連絡する方法を探しています。この無限のスクロールのため、フッターに到達できず、非常にイライラします。
このソリューションは、ユーザーがWebサイトを制御できるようにするのに適していると個人的に考えています。さらに、「お問い合わせ」がフッターでより目立ち、展開せずに見つかる場合もあります。しかし、私はあなたのウェブサイトが無限のスクロールを持っていなければ、フッターを常に表示しておく必要はないかもしれないとも言います。
ヒートマップを見ると、フッターに到達する人の割合が非常に少ないことがわかります。そして、そこまでスクロールする人は、重要なリンクまたは目的のページに到達するためのショートカットを見つけている人がいます。
リンクを探してページ全体をたどる間、私はそれを隠すことは本当に意味があると確信しています。デザインを最小限にするためだけに、ユーザーを失う可能性があります。
ユーザーがページを一番下までスクロールできるようになるまで、もう数年待つことができます。時間の経過とともにハンバーガーメニューアイコンに慣れてきているので、ページ/アプリの隅にある3本の線が何を表しているのかを100％の人が知ることはできません。
同じように、フッターにカーソルを合わせたりクリックしたりして展開することは期待できません。余分なアニメーションを追加してそれを派手にすることは最低限ではありません！
ミニマルなデザインに適応するという観点から、拡張可能なフッターを使用すると、省スペースを証明し、ユニークな相互作用正しく設計されている場合。これにより、ユーザーはページのメインコンテンツに集中でき、tiny fontで提供される情報フッターの過負荷に気を取られません。
http://us.topshop.com/?geoip=home にフッターを付けて目立つ「+」（展開可能）記号を付けるのは良いデザインですが、情報が含まれるすべてのトピックについて言及します。たとえば、ユーザーがフッターを展開しない限り、連絡先情報は完全に非表示になります。
別のデザインアプローチ-非粘着性のフッター、最初の上向き矢印記号、そして対照的な配色。これをチェックしてください- https://moqups.com/[email protected]/yjB41GXd
何よりも重要な原則：重要な情報をユーザーから隠さない
2番目：ユーザーの期待：ユーザーは非表示の同じ黒+記号を右端の隅に表示できない可能性があり、通常のユーザーにとって予期しないものである可能性があるため、この手法は避けてください。
「+」記号は常に展開を意味するわけではありません。追加することも、ユーザーがポップアップを表示すると考える場合もあるので、そのような記号は避けてください。本当にクリック可能ですか？クリックするとどうなりますか？このデザインは完全にユーザーの期待に反しています
ヘルプと連絡先情報を非表示にしているのはなぜですか。直接電話をかけようとする人がいるので、フッターを非表示にしないでください（フッターリンクのいくつかのシナリオをテストするか、現在の顧客の何人かをテストして、リンクを確認してください彼らはクリックするかフッターから見ようとします）
番目：フッターには、上部ナビゲーションに存在しない重要度の低いリンクや使用されないリンクが含まれる場合があります。そして、ユーザーがトップナビゲーションでそれらを見つけられない場合、フッターでそれらを探す可能性があります。
私は時々、フッターでポリシーを見つけようとします。これは、99％が下部のどこかにあるためです...