要素がリスト(下の図を参照)として表示され、すべてのリスト要素がモバイルデバイスの画面に収まるモバイルアプリがあります(要素の総数は6)。
ユーザビリティテストで人々が見ているのは、上下にスクロールして、何も動かないときに混乱することです。
他のアプリの長いリストに慣れていて、下にスクロールして残りを表示するため、これが彼らの行動だと思います。
問題は、要素を直感的に表示して、表示されているものが得られるものであり、下にスクロールする要素がないことをユーザーが理解できる方法があるかどうかです。
ありがとう
正解です。任意の数のアイテムを含むリストが表示されたときに下にスクロールするのは自然なことです。
6が任意ではない場合、ユーザーが多かれ少なかれ期待していないことを確認してください。
一方、上下にスクロールしても害はありません。ユーザーは、リスト全体が画面上にあることにすぐに気付き、慣れます。スクロール可能なリストに使用されるのと同じ操作のトリックを使用することで、それを助けることができます。リストの上/下からの伸び/ばね効果。
ほとんどの人はスクロールダウンして、ますます多くのウェブサイトやアプリを使っています。
私はいくつかのタイポグラフィを使用し、下から少し距離を追加します。多分フッターのようなもの。
しかし、平均的なユーザーは「デフォルトで」スクロールするのに慣れていると思います
視覚的な手がかりは、これ以上の要素がないこと、および完全な「ページ」が表示されており、スクロールできないことを示唆しています。
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
内側の長方形は6つの項目をグループ化し、単一のグループ、つまりビューポートを埋めるパネルを示しています。上部のアイテムの上と下部のアイテムの下のスペースは、上または下に別のアイテムがないことを示しています。
試してみる簡単なソリューションについては、下部にある半幅の中央に配置されたHRタグ(またはモバイルで同等のもの)を使用して、ユーザーが上下にスクロールし続けるかどうかを確認します。
ウィキペディアのゲシュタルト法を見てください。囲いは行くものです!
(編集)ゲシュタルトの「法則」、特にエンクロージャーの使用。この原則は、問題の画面に表示されるボックスの数に適用されます。画面はスクロールできますが、画面に表示するボックスを長方形または同等のもので囲むと、画面サイズが原因でさらに多くのボックスが見えなくなっているかどうかに関する曖昧さを取り除くのに役立ちます。