web-dev-qa-db-ja.com

ユーザーがモバイルで非常に長いリストをナビゲートできるようにする方法

iPhoneAndroid でSXSWのネイティブアプリを見つけました。どちらのアプリも会議のスケジュールを中心に展開します。両方のアプリのホーム画面に、その日のスケジュールが表示されます。これは、実際にはすべてのイベント(私の推測では1日あたり約200)のv-e-r-yの長いリストです。

SXSW iPhone appSXSW Android app

これらのアプリを使用している他の人を見て、私はその日の巨大なスケジュールをスクロールすることは本当に痛いことに気づきました。

私の質問は:

  1. ユーザーがリストを簡単にナビゲートできるようにするにはどうしますか?これには、後のイベントに到達する、前のイベントに戻る、特定の時間から別の時間にジャンプするなどが含まれます。
  2. ソリューションが固定ヘッダーに依存している場合、固定ヘッダーのないモバイルWebサイトではどのように違うと思いますか?
6
Yosef Waysman

フィルターは明らかな答えです。これらのアプリは「映画、インタラクティブ、音楽」で行っているように見えます。

それを改善する方法について最初に考えたのは、このインスタンスに適応した私のiPhoneの連絡先リストからUIを借りることです。

基本的に、右側にある24時間のリストを使用すると、指定された時間にイベントにすばやくジャンプできます。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

8
Andrew Bacon

人々がイベントとどのように相互作用するかに応じて、機能する可能性のあるいくつかのアプローチがあります-私は今まで行ったことはありませんが、アドバイスは非常に一般的です:

  1. @AndrewBaconの返信に従って時間でフィルタリングします。デフォルトとしては、まだ開始されていない今日のイベントのみが表示されます。
  2. 場所によるフィルタリング。デフォルトとしては、「近く」でフィルタリングすることをお勧めします。これは、イベントに応じて500メートルまたは5キロメートル(ウォーキング/ドライブ)になる場合があります。

イベントに応じて、関連するフィルターが他にもあります。基本的に、利用できる情報だけでなく、決定方法に基づいてフィルター処理できるようにする必要があります。たとえば、イベントにタグを付けることができますが、人々が近くにあるものだけに基づいて決定する場合、タグは目立つフィルターである必要はありません。

@Rahulがこのコメントで取り上げた1つのことは、同時に画面に表示されるアイテムの数です。これは、ユーザーがリストを認識する時間の長さ、スクロールにかかる時間などにも大きな違いをもたらします。

関連するポイントは、ユーザーがリストのどこにいるかを示す必要があることです。これにより、ユーザーはある場所にすばやくジャンプできます。これは、ほとんどの電話がアドレス帳を表示するときに行うことです。これは私のモックアップのタイムラインです。午前12時〜午前6時のように、発生が少ない時間を短縮することは理にかなっています。黄色のブロブは、ユーザーが現在タイムライン上のどこにいるかを示します。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

また、ユーザーにこれらの長いリストやフィルターをまったく使用せずに計画/素晴らしい時間を過ごせるようにする方法も検討する必要があります。 Favouriteタブは、デフォルトで人気のあるイベント(または過密を避けるために人気のないイベント)を提案する場合があります。また、お気に入りとしてマークされた2つのイベントの間に3時間のギャップがあることを認識し、そのギャップに収まる近くのイベントを提案する場合もあります。

それは、私が行ったこのタイプのイベントの多くで私が最も楽しんだ何かを刺激します-物事を思いがけなく発見します。私が見つけること、または計画することを期待していなかったもの。

3
Joe Dreimann