it-swarm-ja.com

モバイルでの直感的な水平スワイプ

モバイルチェックアウトページで作業していて、次の2つの方法を使用してスワイプすることで到達できる製品が右側にあることがユーザーにわかるほど直感的であるかどうかを知りたい

-カート内の次のアイテムの半分を部分的に白く表示

-水平スクロールバー

これらの両方が本当に必要であるか、ユーザーがそれを取得するのに十分なものの1つです。もしそうなら、どれですか?

enter image description here

3
Ameen Akbar

興味深い質問です。

ユーザーの成熟度によって異なります。

scrollbarは、表示されていないコンテンツの量に関するヒントをユーザーに提供するのに適したオプションです。スクローラーハンドルのサイズ。永続的に表示する必要はありません。ユーザーがコンテンツに興味を持っているように。これは、ユーザーが左から右にスワイプしているときに表示されます。スクロールしている間、スクロールバーを表示します。そして、コンテンツがスライドを停止すると、それは消えます。

右側の白い部分はnotより多くのコンテンツがあることを示す良い指標です。このアフォダンスは、コンテンツがないことを示すためにも使用されます。連絡先リストを覚えておいてください。リストの最端部に、表示するアイテムがなくなったことを示す柔らかい色(弾性アニメーション付き)が表示されます。

より良い解決策は、白いパッチに矢印を付け、水平スクロールバーを非表示にすることです。これは、右側のスクロール可能な領域を示します。 enter image description here

スクロールが始まると、左側にも白いパッチの付いた同じ矢印が表示されます。内容を示すことは両側で利用できます。

enter image description here

また、スクロール中に、残りのコンテンツの量を示す水平スクロールバーを表示できます。また、スクロールが停止すると、水平スクローラーが消えます。

enter image description here

4
pzv

私がユーザーであり、そのレイアウトが目の前にある場合は、最初に画像を使用してスワイプしようとし、失敗した場合はスクロールバーを使用してスクロールしようとします。

しかし、私は自分がテクノロジーの上級ユーザーだと思います。

両方のオプションを使用すると、より高度なユーザーまたはタッチデバイスを使用するユーザーが主にスワイプアクションを使用でき、スクロールバーを使用すると、タッチデバイスに移行しているユーザーが、使い慣れた概念を使用してスクロールできることを確認できます。

対象ユーザーが上級ユーザーのみの場合は、スクロールバーは必要ない場合があります。聴衆が初心者ユーザーとスワイプ操作に慣れていない可能性のあるユーザーに拡大する場合は、両方を使用してください。

1
gabe3886

色あせたアイテムには「ここにはまだまだあります」とはっきりと表示されていると思います。また、画面から部分的にアイテムにアクセスする方法は、標準ではスワイプです。スクロールバーは、画面外にあるアイテムの数(1画面分?1ダース?)と水平リストのどこにあるかを示すのに役立ちますが、それは明らかに2番目の必要性です。

1
Daniel Griscom

スクロールバーと画像のスワイプの両方を使用すると、スワイプの方向が異なるため、混乱が生じる可能性があります。

  • スクロールバーを左から右にドラッグすると、画像が右に表示されます
  • 画像をスワイプ右から左画像を右側に表示します。

右側に部分的に隠された画像は、ユーザーへのヒントとして十分です。

スクロールバーは、コンテンツを自然に移動できる触覚インターフェイスでは私には意味がありません。

0
Stephen Keable