web-dev-qa-db-ja.com

iOSでテキストアイテムのテーブルを編集するにはどうすればよいですか?

IOSのテーブル内のテキストアイテム(名前)のリストの編集に関するヘルプを探しています。

アイテムの名前を表示する単純なテーブルを使用しています(最初のモックアップ)。現在、ユーザーが編集モードに入るのを許可しています。このモードでは、アイテムを並べ替えたり削除したりできます(iOSのデフォルトのメカニズムでは、アイテムの左側に赤いマイナスボタンが表示され、アイテムの右側に移動記号が表示されます)(2番目モックアップ)。

私の問題は、新しいアイテムを追加することと、既存のアイテムのテキストを編集することです。

アイテムのテキストを適切に編集するのが好きで、これは簡単に行えます。ユーザーがテキストをクリックすると、テキストはテキスト編集ボックスに置き換えられ、クリックすると編集ボックスが削除されます(3番目のモックアップ)。

現在、「新しいアイテム...」というテキストを含む専用の行があります。行をクリックすると、リストの最後に新しい行が挿入され、その行にデフォルトのテキスト「Item#3」または現在のアイテム番号が付いたテキスト編集ボックスが表示されます。これは編集モード([編集]ボタンをクリック)で複雑になります。 「新しいアイテム」の行に丸で囲まれたプラスを配置する必要がありますか?

mockup

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

「新しいアイテム...」メカニズムが最高のエクスペリエンスを提供するとは確信していません。

これを処理する方法について何か提案はありますか?

7
Mark Lummus

Apple Mail/Messages)と同様のUIパターンを実装すると思います。これには、ヘッダーの右上にある編集ボタンを維持しながら、新規追加をフッターに移動することが含まれます。

list with fieldkeyboard up

このパターンは単純なリストがある場合に機能しますが、リスト項目が(メールなどの)より多くの情報に関連するボタンである場合は、入力ではなくフッターにボタンを配置することを検討してください。

これは、iOSインターフェイスパターンとの一貫性を維持しようとします。

@alexeypegovが言及しているように、Clearのようなアプリはジェスチャーベースのインターフェイスのために非常に人気があり、iOSはRemindersのようなアプリが私の提案した型を壊すのとはほど遠いものです。しかし、私の提案は単純であり、生態系と一致していると思います。

1
Phil Hauser

これには複数の方法がありますが、より最近の設計規則に従う必要がある場合、モバイルの表示モードと編集モードを明確に区別することはできません。 @Mattynabibの例で見たように、スワイプして削除し、長押ししてドラッグして並べ替え、タイトルをタップして編集できます。そして、これらすべての相互作用に私が推奨する唯一の目に見える指標は、アイテムが段階的であることを示すアイコンです。

0
Adam Boostani

2つのオプションについて考えていますが、最初に、編集モード以外に新しいアイテムを追加する必要があるかどうかを確認します。新しいアイテムの編集と追加が関連付けられている理由、ユーザーに何か価値があるのか​​、またはユーザーが編集モード以外に新しいアイテムを追加する可能性があるのか​​?

編集モードで「アイテムの追加」機能が非表示の場合、すべてのユーザーがアイテムの追加方法を理解できない可能性があります。 「アイテムの追加」がリストの最後のアイテムとして配置される場合、リストが長い場合、ユーザーはそれに気付かないでしょう。ボタンに気づいたとしても、新しいアイテムを追加するたびに下にスクロールする必要があります。

アプリの使用状況はわかりませんが、次の2つのオプションを確認します。

1つのオプション:

enter image description here


2つのオプション:

enter image description here


複数の削除オプションを追加しました。ユーザーがこれを必要とするかどうかはわかりませんが、場合によっては非常に便利です。

0
steppenwolf

上記のSteppenwolfに同意します。真に情報に基づいた推奨を行うには、ユースケースとコンテキストについて詳しく知る必要があります。しかし、「新しいアイテムの追加」機能を非表示にすることに同意するかどうかはわかりません。

私の観点からは、ユーザーのリストを表示しています。ユーザーはそのリストを表示でき、おそらく1つをタッチしてリスト上の個々の項目を確認できます。しかし、このビューから[編集]をクリックすると、「このリストを編集します」と表示されます。したがって、すべてのリスト変更操作(追加、削除、並べ替え、編集)がこのモードで発生し、編集モードの下に「アイテムの追加」を配置することは完全に許容できると思います。

全ページ編集モードが必要かどうかはわかりませんが、さまざまなコントロールを使用してページ全体を編集できます。

enter image description here

おそらく、名前を編集するには編集コントロールではなく長押しします。並べ替えを非表示にする必要はありません。標準のスワイプを使用して削除するか、リストの下部または下部のタブバーに追加コントロールを配置します。

とは言え、私はalexypegovにも同意します。電話インターフェースの場合、Clearは編集モードに入らずにリストの操作と編集を許可するという本当に素晴らしい仕事をします。私はそのアプリをマニアックな時間ずっと使っています!

ちょっと考えて...頑張ってね!

0
Mattynabib

Add New Itemテキストをテーブルの残りの部分から明確に分離し、リスト内の別のアイテムのように見えないようにします。

これは、リスト機能を同じ方法で実装するTrelloのスクリーンショットです enter image description here

0
Yvonne Aburrow

前述のように、「スワイプしてコンテキストアクションを取得」は、私には完全に理にかなっています。

移行フェーズで「長押し」をユーザーに学習させるためにAndroid=が行ったことは、「3つの水平ドット」アイコンを導入していることです。

https://thenounproject.com/search/?q=dots&i=10554

このボタンを押すと、ユーザーは長押しと同じアクションを取得します。これにより、ネイティブな動作を提供しながら、常に「このアイコンの後ろをもっと見る」という外観になります。

0
Jan