web-dev-qa-db-ja.com

小さな画面でインジケーターをスワイプ

enter image description here

My Androidアプリには、上に示したように、リストから選択したアイテムの詳細を表示する画面があります。この画面では、ユーザーは水平方向にスワイプして、リスト内の次または前のアイテムにスクロールできます、これを示すためにいくつかのアイコンを追加しました。アイコンはクリック可能でもあり、クリックするとスワイプジェスチャーと同じアクションを実行します。

スワイプジェスチャはリスト内の画面の動きとは逆方向であるため、アイコンは正確に直感的ではありません。右から左にスワイプすると画面が次のレコードに移動しますが、矢印は前のレコードに移動することを示しています。私はスペースに制約されていますが、これは私が思いつくことができる最高のものです。

アイコンをまとめて廃棄するか、そのままにしておくべきですか?アイコンをクリックすると、リストをスクロールするのではなく、ヘルプテキストを表示した方がよいでしょうか。ユーザーにボタンをアイコンとして使用するのではなく、画面をスワイプしてもらいたいです。

pdate:さらに検討した結果、アイコンを削除することにしました。 Android設計ガイドラインではスワイプについて説明していますが、ユーザーに視覚的な手掛かりを提供することについては言及していません。これは、私に関する限り問題を解決します。Androidはコンテキストが与えられた場合、ユーザーは自分で解決できるほど賢くなければならないことを意味します。

9
Philip Sheard

あなたはこのようなものを試すことができます:

enter image description here

左と右の改行、および切り捨てられたテキストに注意してください。

左にスワイプするものがない場合は、左の改行を省略します。

改行だけでも非常に単純な手がかりであり、テキストのカットオフが実装に問題がある場合は、何もしないよりはましです。

enter image description here

10
Roger Attrill

これに対する私のお気に入りの解決策の1つは Pulse's: で、最初の実行時にオーバーレイでヘルプを表示します。

Pulse tutorial screen

これを一度表示すれば、二度と心配する必要はありません。もちろん、それには欠点もあります。ユーザーがすぐに忘れる、または...

ただし、Android 4.xの設計規則のセクション間でタブをスワイプする必要があります。

また、Playストアのスワイプ方法のようなものをお勧めします。 Google Play Store's swiping indicator 上部に表示タイトルがあり、左側と右側の次のものを見ることができます。または電話のタブ: Google Jelly bean phone screen tabs

6
csomakk

君の事件ははっきりしない。上の画面には、顧客情報が表示されていますが、別の製品を表示したいと言っていますか?

あなたの写真がレイアウトがどのように見えるかを示すものであると仮定すると、より一般的になっていることを行うことをお勧めします。これは、次のページの先端を右側にフェードアウトして、ユーザーにできることを示すことです左または右にスワイプして次へ。

ここでそれを適用する方法はわかりませんが、たとえば、この画面でユーザーが製品である次のページにスワイプする場合、製品アイコンの先端(アイコンの20%など)を追加します青色の上部バー(顧客を示している場所)で、境界線にフェードインします。このようにして、ユーザーはスワイプするときにさらに多くのことを確認できます。

0
Tarek