web-dev-qa-db-ja.com

「左にスワイプ」の記号

画面に一度に10個の項目(テキスト項目)のリストを表示するアプリを開発しています。 10個を超えるアイテムがある場合、ユーザーは右から左に「スワイプ」して次の10を表示したり、左から右にスワイプして前の10を表示したりできるはずです。

ユーザーがスワイプする必要があることを示すために使用できるよく理解されたシンボルはありますか?そうでない場合でも、ユーザーがスワイプできることを知ったら、ユーザーにとって意味のある記号はありますか?

そうでない場合は、回答の多数の項目リストを通過する別のモデルに対応してください。質問を変更します:)

20
ashes999

円がタッチポイントを示し、矢印がスワイプを示す、次の(粗雑な)スケッチのバリエーションを試してみませんか?

swipe icons

24
Virtuosi Media

たぶんアプローチ...リストの下にユーザーをページインジケーターに表示すると、さらに多くの項目が利用可能になります。利点:配置はユーザーのメンタルモデルに対応し、ユーザーは現在のページを表示します。

enter image description here

17
sysscore

Appleのオリジナルのロック解除画面デザインは、次のように優れています。

enter image description here

9
Assaf Lavie

まだ標準はありませんが、タッチシンボルを開始するのに最適な場所は タッチジェスチャリファレンスガイド です。そのジェスチャーは(スワイプで何を意味するかによります)

enter image description here

7
JohnGB

これはタッチスクリーンデバイスであるため、アイコンやボタンを使用する代わりに他の解決策がいくつかあるかもしれません。私が取り組んできたデザインプロジェクトでは、UIをより直接的に、そして可能な限り多く使用できるように、コンテンツがインターフェイスとしてどのように機能するかを想像しようと試みました。

1つのオプションは、縦のリストを続けることです(iPhoneのMailなど)。次に、1つの画面であるリストの最後に、[さらに[リストアイテムをロード]]コントロールを提供できます。これにより、最初に確認する必要がある非常に長いアイテムのリストでユーザーを圧倒することを回避できます。

2番目のオプションは、「パネル」を作成することです。各パネルには、画面に相当するリスト項目(8-10)が含まれます。概念的には、パネルは水平軸に沿って整列します(Windows Phone 7 UIのパノラマビューのように)。このオプションでは、右側のパネル(リストアイテムの次のセット)が画面の端から表示され、a)その存在とb)現在のパネルを左にスワイプして次のパネルを表示できることを示します。この機能(右側にのみ表示)は、UIがlからrにスワイプすることを示すのに十分なはずです。そのため、前のパネルではなく、次のパネルのヒントだけが必要になる場合があります。

聴衆と彼らの目標などを知らないので、これらのオプションはベースから外れているかもしれませんが、これがいくらか役立つことを願っています。

2つのオプションを説明する簡単なスケッチを示します

3
James Herrera

または、Apple iOSで使用するものを使用します(これは@sysscoreの回答に類似しています):

enter image description here

ここで、各ドットはアイコンの別の画面を表します

2
Matt Rockwell

同様の要件で、矢印と次のページのタイトルをマージンの縦書きテキストとして使用しています。これは、アイコンと同じくらいのスペースをとらずに、その方向で利用できるものがあることを示しています。

また、クリックできるので、ユーザーはスワイプできることを知る必要がありません。これを理解すれば、ずっと簡単になります。

画面の上部/下部にツールバーの余地がある場合は、通常の矢印アイコンが付いた次のボタンにも同じことが当てはまります-ほとんどのユーザーはかなりすばやくスワイプしようとしますが、これはタッチデバイスで次のアイテムに移動する通常の方法です。ボタンは簡単に使用できる大きさである必要はありませんが、より多くのコンテンツが存在することを示すためにそこにある必要があります。

ユーザーがジェスチャーを見つけられないことが心配な場合は、コンテキストヘルプを提供できます。JohnGBの大きなアイコンを、ジェスチャーの代わりにボタンを使用するたびに表示されるオーバーレイとして使用します。

1
Tom Clarkson

Apple iPhoneには、ページごとに1つの灰色のドットの列である標準インジケータがあります。現在のページを表すドットは白です。この記事には、良い画像があります( http://mactips.info/2009/03/arrange-application-icons-on-the-iphone-or-iPod-touch )個人的には微妙であり、初心者は見逃す傾向があることがわかりました、しかしそれはApple=標準なので、多くの人がそれを知っているか、最終的にはそれを学ぶでしょう。:)

0
Louis Thomas