web-dev-qa-db-ja.com

モバイルeコマースのフィルター

モバイルフィルターに関する調査を作成するように依頼されました。私たちは適応可能な電子商取引を持っています。ネイティブアプリは短期間で開発されます。私はbenchmarkingを実行し、ある種のベストプラクティスを考案しましたが、BaymardとNielsenについても言及しました。共有する他の研究/リソースはありますか?

多くの基準があり、その下に多くのオプションがあります。大量のラベルを垂直方向に処理するためにオフキャンバスを考え、その後、オプションの完全なリストでサブレベルを示すスライド効果を考えます。左上の矢印は、ユーザーが情報ツリーを上るのに役立つかもしれません。 contextが失われた場合、[適用/キャンセル]ボタンが必要になりますが、リストが側面に表示されている場合は、単純なリアルタイムアプローチで問題ありません。 modalsの使用について熟考するように求められました。

お時間をいただきありがとうございます。

2
Elisa Reinaudo

最近似たようなことをしました。フィルタリングシステムに大量のオプションを詰め込む必要があり、デスクトップバージョンには永続的なサイドバーでのフィルタリングがあったため、オーバーレイを使用することになりました。キャンバス外を使用するデスクトップバージョンを使用している場合は、一貫性を保つためにモバイルでも同じように選択できます。

Filter

これは、検索ページに表示されるフィルターです。ボタンの下に実際のフィルターを非表示にし、関連性、価格、評価などを指定するオプションを追加しました。グリッドまたはリストビューでアイテムを表示するオプションは、切り替えられるまでクラスター化されます。

現在フィルタリングしている場合は、フィルター自体の下にタグを表示できます。このようにして、既にアクティブにフィルタリングしているかどうか、およびどのキーワードにアクセスしているかを確認するために、フィルターの内部に入る必要はありません。

Filter detail

実際のフィルター自体は、タグを繰り返し、フィルターに使用できるすべての可能なカテゴリを表示するオーバーレイです。また、メインレベルで検索するオプション(車を含むすべてのもの、パーツを含む)またはより狭いオプション(車のブランドなど)で検索することもできます。これは、フィルターの使用に非常に固有であるため、フィルターを使用する必要がない場合もあります。

集荷または配達できる製品を販売しているため、近接性に基づいてフィルタリングするオプションも提供しましたが、状況によっては適用されない場合がありますが、フィルターに入れることができます。

最後に、可能性のあるフィルターオプションが多数あるものにはすべて[もっと表示]ボタンがあり、アルファベット順または人気順でこのリストを注文できます。

1
Wendy Wojenka