web-dev-qa-db-ja.com

グリッド表示とリスト表示を自動的に切り替えるのは間違っていますか

現時点では、デバイスベースのビューポートサイズに応じてリストビューとグリッドビューを自動的に切り替えるマテリアルベースのアプリがありますが、それを行う必要がありますか?

これらはコンテンツベースであり、両方のモードでデータが適切に適合する場合は、ユーザーがボタンを切り替えることができるようにボタンを表示する必要があることを、すでにここで読みました。

レイアウトは次のようになります。

grid view vs. list view

また、重要な点で、グリッドビューとリストビュー間の移行はどのようにすべきですか?

3
Machado

「グリッド」ビューと「リスト」ビューの切り替えは、Windowsのファイルエクスプローラーやその他のオペレーティングシステムなどの従来のデスクトップアプリケーションですでに多く使用されている一般的な設計パターンであり、デスクトップアプリケーションとWebアプリケーションのオーバーラップ/類似性日は、ほとんどの人がデザインパターンに精通していることを意味します。

あなたのケースで注意すべき重要なことは、これがいつ起こるかについての明確なトリガーがあることです。トグルを使用すると、これをユーザーが制御できますが、ビューポートのサイズが変更されたときに自動的にこれを実行する場合は、ユーザーに対して遷移が一貫していて明確であること(デスクトップからモバイルビューなど)を確認することです。変化するビューだけでなく、残りのエクスペリエンスもビューポートと一貫しています。

遷移に関しては、UIの相互作用に関するマテリアルデザインドキュメントにいくつかのガイドラインがありますが、ビューポート間の遷移について言及している特定のポイントは知りませんが、一般的には、それを十分に微妙にして、邪魔にならないようにします。ユーザーまたは表示フローを中断します。

3
Michael Lai