web-dev-qa-db-ja.com

モバイルで「多数」の選択肢を処理する方法は?

ユーザーに彼の興味について尋ねたいと思います。合計10〜15(またはそれ以上)のトピックがあり、そこからユーザーが必要な数だけトピックを選択できるとします。同じ数の選択肢を持つ別のセクションがあるかもしれません。

これはモバイルデバイスでのより良い方法です。

  1. トピックの数を事前に制限する。 5
  2. 事前にトピックの数を制限するが、「もっと見る」ボタンを提供する。クリックすると、次の5つのトピックが表示されます
  3. 2.と同じですが、クリックすると残りのすべてのトピックが表示されます。

いくつかのベストプラクティスやその他の証明の引数はありますか?

4
Moritz

一般的なヒントは次のとおりです。

無限スクロールを使用します。モバイルデバイスでのスクロールは簡単です。そのため、通常、[もっと見る]ボタンは、ユーザーが画面の一番下までスクロールしてコンテンツを自動的に読み込んだことを検出するよりも望ましくありません。

表示するアイテムの数最初に基づくパフォーマンスを選択。特定の(短い)時間枠内で、できるだけ多くのアイテムをロードします。すべての質問を一度に読み込むことができる場合は、通常、それを行うことをお勧めします。

ユーザーが質問に回答すると、自動的にスクロールして次の質問に移動しますユーザーは指を動かす必要がありません。

ジェスチャーを使用して各質問に回答できるようにします。左または右にスワイプするインターフェースなど。

1
jColeson

ホットまたはノット(火口)のようなインターフェイスにします。少なくとも、タッチ操作の少ないリストだけでなく、視覚的にも魅力的になります。

0
Peter