web-dev-qa-db-ja.com

一度に40以上の製品を表示およびナビゲートする方法は何ですか?

現在の実装のイメージ(カスタムコントロールと矢印)を添付しましたが、カスタムスライドコントロールのために、私にとっては不格好で扱いにくく感じます。私のクライアントは「3アップ」レイアウトを気に入っているようですので、これに適合するソリューションを見つけようとしていますが、クライアントにいくつかの代替オプションを検討するように説得したいと思います。

enter image description here

6
MrTDandy

同じ選択肢を表示する代わりに、おすすめを試してください。

選択のパラドックス は面白いものです。多くのオプションを与えることができるので、彼らにはオプションがまったくありません。多くの選択肢が麻痺する可能性があることを示す 心理学研究 はたくさんあります。

大量のオプションを提示することは、エントリの障壁になる可能性があります。

このような分析麻痺に対抗するには、特定のオプションを他のオプションよりも強調して強調してみてください。

choiceソース: goodui.org


最も人気のある製品のみを表示

より多くの商品を検索したいユーザーに、最も人気のある商品と他の商品へのリンクのみを表示することで、新規参入者の負担を軽減できます。

popular


それらを類似の製品の小さなグループに分割します

時には同じように有効なオプションがたくさんあり、一方をもう一方を推薦するのは単なるサイコロの目です。これらの場合、通常は類似した製品をグループ化して、ユーザーが消化しやすい製品のサブセットから選択できるようにすることができます。

groups

7
DaveAlger

現在のデザインは不格好だというあなたの意見に同意します。本当に革新的であり、ユーザーが発見プロセスにオープンであることを除けば、一般に、ユーザーが使用方法を学習する必要があるインターフェースを設計することはお勧めできません。

3-up制約を除いて、あなたがやろうとしていることを正確に達成する本当に一般的な設計パターンがいくつかあります。 REI.com は、たとえば、指定された製品範囲について、デフォルトでページあたり最大30製品(最大90まで拡張可能)のグリッドを表示します。 Zappos.com は、同様のデザインパターンを使用して製品を表示します。このようなグリッドを表示することで、ユーザーは最初に停止して考えることなく、さまざまな製品をすばやく自然にスキャンできます。

0
Robb Keele