web-dev-qa-db-ja.com

モバイルサイト-コンテンツスターレーティング

コンテンツを評価するために5つ星の評価インタラクションがモバイルWebサイトにどのように表示されるかを示すベストプラクティスまたは良い例はありますか?

以下の例をご覧ください。 Example

1
Aaron Benjamin

Mobiscroll-Rating&Grading Scrollerを見てください!

ハイライト

  • 簡単な製品評価
  • 投稿データを維持
  • 評価時にHTMLを更新

何をすべきか

  • お気に入りのチョコレートをタップします
  • アイテムを評価する
  • バブル表示モードを試す
  • msc.li/2t8w でお使いの携帯電話でお試しください

default image

評価を設定するためのビュー:

set rating image

0
Code Maverick

ユーザーがモバイルデバイスに評価を付ける方法はいくつかあります。以下に、これを実現するいくつかのサイト/アプリの3つの異なる方法を示します。

Google Playストアモバイルビューの不動産が限られていること、およびユーザーがコンテンツを評価するのがいかに難しいかについて懸念を表明しました。 Google Playで評価UIが大きくなりました。モックアップのように隅にある小さな評価の代わりに、コンテンツの詳細ページで大きな星を使用できます。

enter image description here

Amazon.com別の方法は、すべての評価の可能性をリストアップすることです。これにより、ユーザーは利用可能なすべての評価を明確に示し、リストから希望の評価をタップすることができます。

enter image description here

Zappos.com UIに制約があり、UIで小さい星の評価しかできない場合、ライトボックスを使用して、ユーザーが小さい評価アイコンをタップしたときに評価のリストを表示できます。

enter image description here

2
Chairman Meow