web-dev-qa-db-ja.com

iOSでUITableViewの行と行の詳細を編集する最良の方法

複数のアイテム(行)があるテーブルビューがありますが、行をタップすると、別のビューに表示したい情報が増えます(一般的なシナリオ)。ポイントは、ユーザーがアイテムを追加/削除してテーブルのコンテンツを編集できるようにし、選択したアイテムの詳細も編集できるようにすることです。

私は2つのオプションを考えました:

1)その行のテーブルビュー編集モードを有効にするボタンを表示し、アイテムのビューで一種の[変更を保存]ボタンを有効にして、詳細を編集します。

view1view2view3

2)テーブルのあるビューに編集ボタンを表示する代わりに、アイテムを追加するボタンを表示し、アイテムの詳細を編集したり、詳細ビューでアイテムを削除したりできます(連絡先アプリやTwitter/Facebookアカウントと同様)設定アプリ)

UXの観点から最良の方法は何ですか? (両方がAppleのガイドラインを満たしていると仮定します...)

ありがとう!

4
AppsDev

表示する最初の対話パターンは、Appleが組み込みアプリでそれを処理する方法に非常に似ています。違いは、「新しい行を追加する」項目がないことです。彼らはそれを達成するためにnavbarの明確な+ボタンを使用します-これは正しい方法です。

リストの最後にあるアイテムを使用して新しいアイテムを追加すると、リストアイテムが何であるかについてのユーザーの期待に反するだけでなく、長いリストがある場合にボタンが機能しないため、問題が発生します。見える。

2番目のパターンでは、ユーザーが「編集」したいときに「追加」を選択させることで、ユーザーの期待に反しています。これは大きな混乱を引き起こすことはほぼ確実です。

IOSの場合、アイテムを追加および編集する必要があるパターンは一般的であり、すでに2つの方法のいずれかで解決されています。

  1. ナビゲーションバーに+およびeditボタンを配置します。
  2. リスト内の各アイテムの左側にある[詳細開示]ボタンを使用すると、代替(多くの場合は編集)ビューに移動します。
    enter image description here

私はこれらの両方の方法のユーザビリティテストを行ったところ、2番目の方法には大きなユーザビリティの問題がありますであることがわかりました。 iOSの標準的なアプローチであるにもかかわらず、テストされたほとんどの人は、長い間iOSユーザーであったにもかかわらず、「詳細開示」ボタンが何であるかを理解していませんでした。

その結果、iOSではオプション1を推奨(ナビゲーションバーに+editボタンを配置)にします。

3
JohnGB