web-dev-qa-db-ja.com

編集可能なフィールドと読み取り専用フィールドのiOSパターン

ホテル用のiOSアプリに取り組んでいます。ユーザーが予約、チェックイン/チェックアウト、部屋の割り当てなどを行えるようにしています。

主な問題:含まれているモックアップでは、フィールドが編集可能であるか読み取り専用であるかを示すものはありません。ユーザーが編集できるものと編集できないものを理解しようとすると、タップ疲労が発生するのではないかと心配しています。


  • StatusArrival出発部屋ゲストメモフィールドは編集可能で、タップするとピッカー/テキスト入力が表示されます
  • 予約合計予約IDおよびReceivedは読み取り専用です

Guestsセクションは混在しています:

  • Fred Jensenをタップすると、詳細情報が新しい画面にスライドし、編集可能になります(住所、電話番号など)。
  • Jimmy Jensenは読み取り専用です(b/c彼はプライマリ予約ホルダーではありません)

1つの解決策は、グローバルナビゲーションバーにEditボタンを配置することです。ネイティブiOSの連絡先アプリと同様に、編集可能なフィールドのみが表示されます。欠点は、ワークフローにさらに1つのタップが追加されることです。 [編集]をタップしてから、目的のフィールドをタップします。

この問題のiOSデザインに確立された規則はありますか?助言がありますか?

mockup

3
Maizello

IOSの規則では、フィールドが編集可能な場合は、矢印(>)が表示され、そのフィールドをタップすると、新しい値を入力するか、オプションのリストから選択できる新しいビューでスライドします(例は、「設定」>「一般」>「情報」を参照してください。

すでにゲストセクションで開示矢印を使用しているので、一貫性を保ち、それを他の編集可能なフィールド(ステータス、到着、出発など)に引き継ぐことをお勧めします。これにより、ユーザーはどのフィールドが編集可能かを知ることができますまた、一目では分からないので、不器用な個別の編集モードが不要になります。

2
daGUY

編集不可のフィールドのデータはミディアムグレーにします。編集可能なフィールドと編集可能なデータ(黒のままである必要があります)を視覚的に区別します。

または、フィールドのタイトルの後または編集可能なデータの横に小さな編集アイコン(斜めの鉛筆)を挿入することもできます。

0
Juan Sanabria