web-dev-qa-db-ja.com

製品ページのタブベースのデザイン?

私が話していることをスケッチしましょう。

私はコースを販売する会社(商業教育部門)で働いています。 Webサイトにはコースごとの製品ページが含まれており、表示されるコースごとのコンテンツがたくさんあります。この情報には、何を学習するのか、誰のためにあるのか、いつ始めることができるのか、何にかかるのかといった内容が含まれています。

Q:タブを使用してコンテンツを分割するよりも、従来の方法(およびユーザーフレンドリー)でコンテンツを表示しますか?(テスト結果またはその他のデータに基づく)

1
MJB

これらのコースに関連する人々にとってどのような情報が重要であるかを理解するために、ユーザー調査を行いましたか?

たとえば、トレーニングに申し込むときに、3つのことを事前に知りたいと思います。

コースの概要は何ですか?コースコンテンツのレイアウト(日とトピック)は何ですか?いくらかかりますか?

これをコピーして、承認のために上司へのメールに貼り付けます(多少の編集が必要です)。

その後、完全な説明付きの素敵な長いpdfを探します。

ユーザーは異なる場合があります。

1
Joshua Lowry

ページをタブに分割するのではなく、単一ページのデザインを使用することを検討しましたか?コンテンツについてあまり知らないのに、この音は適切ですか?

単一ページ

十分な階層を考慮して丁寧に設計されている場合、ユーザーは目立つものにぶつかるまで製品ページを上手にスクロールして読み飛ばすことができます。次に、次の目立つ情報に再び楽しくスクロールします。このようにして、重要な情報が別のタブに隠れてしまうことはありません。

ユーザーがページの特定のセクションにジャンプできるように、常に存在するリンクリストへのジャンプなどの機能を採用します。これは通常、ページのメインセクションのタイトルで分割されます。メインコンテンツ内のボタンは、ページを特定のセクションにジャンプ/ダウンすることもできます。

多くの画像やその他のコンテンツを含む非常に長いページのパフォーマンスは、読み込み時間に大きな負担をかける可能性があります。ユーザーがコンテナをスクロールして表示するときに、画像の遅延読み込みを検討してください。これにより、画像がスクロールされずに表示されることがなくなるため、煩わしさとデータ使用量が削減されます。

0
Dave Haigh