web-dev-qa-db-ja.com

スワイプジェスチャーを示す最も直感的な方法

現在、2つの異なるフラグメントを持つViewPagerがあり、現在2つのシェブロンで左右にスワイプするように指示しています。しかし、誰かがこれらのアイコンをボタンと間違える可能性があり、私はsomethingをクリックして、クリックすることができるボタンのように見えない直感的な方法でスワイプすることを示します。

2
Pink Jazz

私は同様の問題に遭遇し、アニメーションを追加して「隠された」ビットを明らかにするだけで解決しました。

ユーザーが要素のどこかをタップすると、バウンス効果を追加して、次/前のページを一時的に表示することができます。私自身のユーザーテストから、これはスワイプできるユーザーを示す非常に直感的な方法です。

例: デモのGIF

1
RobbyReindeer

ユーザーがボタンのようなシェブロンを使用している場合は、ボタンのように機能させてみませんか?ここでの他の答えは、スワイプ機能のいくつかの良い手がかりを与えますが、同じことをするボタンがあることは冗長性の良いビットであるようです。

1
Ken Mohnkern

いくつかのオプションが思い浮かびます:

  • ページインジケーターの追加:アクティブなドットと他のドット/弾丸/サークルの行。これにより、スワイプで到達できるページ以外のページが存在することをユーザーに警告する必要があります。

  • 最初に表示されたときにページを少し「シェイク」して、他のページの一部を表示します。

  • 説明的なテキストまたはグラフィック、あるいはその両方を含むオーバーレイを、おそらく初めてだけ追加します。

  • 上記の組み合わせ。

0
jcaron

通常、スワイプ可能なコンテンツを使用すると、ロブが述べたように、下部にスワイプ可能なコンテンツの数を示すドットが表示されます。

コンテンツを右または左にフェードすることもあります。バナナリパブリックまたはギャップモバイルウェブサイトでサイズと色を選択するときの例を見ることができます。

0
Zee