web-dev-qa-db-ja.com

カードの詳細の横または縦のレイアウトに関するベストプラクティスはありますか?

製品カードを水平または垂直に配置するためのベストプラクティスは何ですか?製品カードは両方向にレイアウトできますか?もしそうなら、私の懸念は、ユーザーが製品カードをどのように読んでいるかについてのユーザーのメンタルマップを壊すことです。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

2
LaLa Galindo

主に画面サイズorientationに依存すると思います。

これらの要素は、情報を伝達するために利用できるスペースの量に影響し、理想的には、1つの情報を1行で伝達できます。あなたが長い製品名を持っていると想像してください。大画面で水平レイアウトを使用している場合、名前は1行に収まる可能性があります。ただし、垂直レイアウトを使用している場合は、情報が複数行に分割されることがあります。 これは、情報情報の断片がもはや垂直性によって分割されないため、悪いことです

最善の方法は、一貫性を保つために、どちらか一方のレイアウトを使用することです。プラットフォームと伝達する情報の量を考慮し、それに基づいて選択してください。

2