web-dev-qa-db-ja.com

iOSで複数選択リストを示すには、どのコントロールを使用すればよいですか?

シナリオ

ユーザーはリストから複数のアイテムを選択でき、次のアクションに繰り越されます。

問題

IOSでは、これが複数選択リストであることをユーザーに明確にするチェックボックスはありません。

Androidには、ユーザーが選択できるオプションを示すチェックボックスがあります。

質問

IOSで複数選択オプションを視覚的にどのように伝えますか?

mockup

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

11
Big_Chair

アップルはスイッチが好き

スライド式のスイッチは、昔の気の利いたコントロール方法でした。 iOSが発表する1つの方法でした

「ねえ、見て!私はジェスチャーが好きです。スワイプする必要があります。」

バッテリーを節約するためにWi-FiまたはBluetoothをオフにする短いリストでは、問題なく動作します。選択可能なアイテムのリストがある場合、iOSはそれらのアイテムを切り替え可能なI/O用語で考えるように求めます。

iOS switch controls

彼らは行き過ぎました

私はiOSの推奨事項にチェックボックスがないことは見落としではないと思います。それは間違いではありません。すべてに小さなスイッチを使用するという考えは、不必要に制限されていました。

iOSは、選択リストを使用してもチェックが依然として優れていることを示唆しています。選択されていないインジケーター(インジケーターなし)は、チェックボックスのようなものではありません。とにかく単品選択用なので…¯\ _(ツ)_ /¯

iOS select lists have checks

自分で作る

共感するUXデザイナーとは インターウェブはしばらくの間この質問をしてきました 。私が同意する結論:
タッチデバイスのチェックボックスに問題はありません。

ボタンからチェックボックスを作成するよう開発者に依頼します。 それを行うのは簡単です 。そして、人々はすでにこのチェックボックスのすべてを手に入れています。結局のところ、iOSユーザーはiOS HIGテストや何かのために勉強していませんか?彼らはその日のうちに他のインターフェースを使用します。

iOS with home-made checkboxes

ユーザーをフォローする

私の経験では、ユーザーは、明確に示されたチェックボックスが表示された場合の対処法を知っています。実際、少なくとも複数選択リストでは、トグルスイッチよりもチェックボックスの処理方法を知っているユーザーが多いことがわかりました。視聴者をテストして、他に確認できるかどうかを確認します。

11
plainclothes

Appleは複数選択を含まないので間違っています。スイッチは設定用のようなものです。「オン」と「オフ」と考えざるを得ません。私はそうしません。野球の練習でティーワークをオフにしていると言いたいのですが、今日はやっていないと言って、選択を解除します。ここでは、スイッチのネイティブ推奨と比較するために、独自のチェックボックスを描画しました checkboxes vs. switches

それは時間を過ぎた方法ですApple UI要素を刷新します。反乱;-)

3
riaJay

以前に回答したように、スイッチはオプションがonまたはoffであるブール設定に適しています。

ただし、iOSからチェックボックスがなくなったことは一度もありません。チェックボックスは複数のアイテムを選択するために使用されます

Multiple selection on iPhoneOSMultiple selection on iOS

3
Jason Hibbs

複数選択は、標準のチェックマークアクセサリタイプで簡単に解決できます: enter image description here

必要なだけセルに設定できます。

_cell.accessoryType = selectedIndexes[indexPath.row] ? .checkmark : .none
_

selectedIndexesは、私の場合はブール値の単純な配列です。私はそれらを更新します

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath)

選択データの保存方法を自分で決める必要があります。

ここで、チェックボックスについて話すときに、概念を混合しないでください。 PCからWebに来た従来のチェックボックスは、単一の値をオン/オフにすることができるコントロールです。マウスを使用するGUI向けに設計されました。 iOSのスイッチコントロールにも同じ目的がありますが、タッチインターフェイス用に設計されています。

Chriskowalskowskiが言ったように:

ユーザーがブール状態(オン/オフ)を設定する必要があるタスクを区別する必要がある...または、ユーザーに情報を含む複数のセルを選択させる

従来のチェックボックスとスイッチはどちらも前者を実行するように設計されているため、ユーザーはオン/オフ状態を設定できます。

また、PCのリストビューでも同様の外観のチェックマークが使用され、複数選択が可能になりました。チェックボックスコントロールはリストビュー内で使用できますが、その目的は異なります。オプションをオン/オフにするのではなく、選択した行を示すためです。

UITableViewで複数選択を行う方法は2つあります。

まず、上記で説明したように、ユーザーがリストから1つ以上のオプションを選択して続行できるようにします。これは、簡単ですぐに使えるソリューションです。

もう1つは、Lisa TweedieとJason Hibbsによって示されているように、選択インジケーター(青い円の内側に白いチェックマーク)が左側に表示されています。これは主に、選択された選択を示すためではなく、アイテム自体のグループ操作、つまり編集、移動に使用されます。たとえば、メールアプリケーションを参照してください。

2
Davyd Geyl

次のように、スイッチコントロールのリストを使用します。

iOS settings switch control exmaple

1
Kip

私はまさにこの質問を調査しています。素敵なAndroidデザインがあり、IOSにも同様のものが欲しい

そして私はちょうどこれをアップルから見つけました:

https://developer.Apple.com/library/content/samplecode/TableMultiSelect/Introduction/Intro.html

circular checkboxes

IOSアップル製なので、純粋主義者はこれに問題がありますか??

0
Lisa Tweedie

リストを提示してユーザーが複数のセルを選択できるようにする場合は、ユーザーが各セルにブール状態(オン/オフ)を設定する必要があるタスク(通知やプライバシー制御など)を区別する必要があります-または、ユーザーが情報を含む複数のセルを選択する-たとえば、多様なコンテンツを選択する(たとえば、VODプロバイダー:ジャンルを選択する)

最後のケースでは、tableViewCellsをアクセサリビューで使用する必要があります。この場合は、UITableViewAccessoryCheckmarkです。これはカスタマイズ可能であり、選択を解除した項目と選択した項目に異なる状態を設定できます。

Android=スケッチを見ると、おそらく2番目のオプションを使用したいでしょう。

0