web-dev-qa-db-ja.com

複雑なリストでUITableViewのインデックスを表示する方法は?

私はUITableView of UITableViewStylePlainを持ち、ニューヨーク市の地区(地区)としてタイトルが付けられたセクションがあります。私はインデックスを実装する方法に苦労しています(右側の「リンク」をすばやく)。それらは:

  1. 地区の最初の文字(アッパーウエストサイド-> U)
  2. 地区の各ワードの最初の文字(アッパーウエストサイド-> UWS)
  3. すべての文字を表示しますが、「機能しない」(「J」地区はありません)

それぞれのプラス:

  1. 重複する文字はありません(アッパーウエストサイドとアッパーイーストサイドはどちらもU)、要素数の少ないシンプルなリスト
  2. 各地区の個別のエントリ、各地区の関連付けが容易
  3. 完全なリストはより良く見えます

それぞれの落とし穴:

  1. アッパーウエストサイドに行くには、まずU(アッパーイーストサイド)に行きます。
  2. 3文字(2文字でも)は奇妙に見えます。特に選択した場合。
  3. 応答がないUX要素(適切な方法ではない)

わかりにくい場合に備えて、スクリーンショットを添付しました。アイデア/提案はありますか?

enter image description here

編集:(@daniel eckmannのリクエストによる)

あまり詳しく説明しませんが、このアプリはニューヨーク周辺のショップ(50〜100)のリストであり、非常に具体的な製品やサービスを提供しています。この画面はそのメイン/閲覧ページであり、すべての項目が一覧表示されます。また、ユーザーは検索して、マップ(別の画面)に表示し、特定の基準に基づいてビューをフィルター処理できます。

7
Joe Masilotti

2番目の提案(およびイメージに従って)は完全に使用可能であり、リストを参照して特定のポイントにジャンプできるという要件を満たしています。

この場合、ユーザビリティは「少し変に見える」よりも優先されます。

ただし、ユースケースによっては、別のオプションとして、すべての近傍を展開可能なパネルに分割し、ユーザーが近傍のリストを上下にスクロールして、目的のリストを見つけてそれを拡張することもできます。スクロールは少なくなりますが、クリックが1回増える可能性があります。

mockup

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

それは本当にあなたがこのリストを何のために使いたいかに依存します。利用可能なすべてのアイテムを参照している場合は、一度にすべてを表示できるため、おそらくあなたの提案はより優れていますが、近所の特定のアイテムを簡単に見つけることができる場合は、このオプションを検討する価値があります。

2
JonW