アカウント名:
パスワード:
「〇〇を無効にする」「〇〇を有効にする」こういうオプションが混在しているから、その設定のチェックボックスにチェックを入れたら〇〇が使えるようになることと、使えなくなることがある。開発側の推奨設定にひきずられてるのか統一されてないからわけわからない。分かりにくいけど、注意深く設定内容読めばまだなんとかついていける。
でも、最近はスライドスイッチのようなUIが増えてきてる。スイッチで赤と緑が指定でき、緑にしたらチェックした状態だろうけど「無効」なのに緑色という違和感から頭がこんがらがってくる。混乱はするけど、まだなんとかついていける。
でもモノクロスイッチになったらもうダメ。左右どちらに設定したらチェック状態になるのかわからないし、そもそもデザインが悪くてどっちの状態が右なのかすら見分けがつかない。一度設定を適用して挙動から判断しないといけない?
設定はもうちょっと親切なUIにできないものなのかな。
スライドスイッチ(トグルスイッチ)はスライドさせる必要ないんだよ。機能的にはチェックボックスと全く同じ使い方(それぞれ別の役割があるから代替品ではない)。指でタップするかマウスでクリックすればいい。つまみ部分をわざわざ引っ張る必要ない。
別の役割はないし、代替品なんだよなぁリアル世界に存在するスイッチに模したUIにしようとしたからスライドスイッチは生まれたんだよ
だってリアル世界にチェックマークが付いたり消えたりするようなスイッチって普通にはなかなか存在しないでしょ?すると本物の初心者にチェックボックスタイプのスイッチを見せたところでそれが何のUIなのかすぐには理解してもらえない可能性が高いからだからリアル世界によくあるシーソータイプのスイッチに似せてスライドスイッチは作られたわけですよ
はい、勉強しなおし。チェックボックスとトグルスイッチはそれぞれどういう設定項目に使うかも設定反映のタイミングも違う。併用するものなんだよ。基本中の基本だぞ。
ぜひそのご高説を披露して欲しいですね。# 区別なんかねぇよ。
こんなのUIを扱うエンジニア一年生でも知ってるぞ
◆正しく使えてる? チェックボックスとトグルスイッチの使い分け
用途は同じでも異なる目的に設計されている
トグルスイッチとチェックボックスは、ともに設定を適用する際に使われますが、ユーザーが期待する適用のタイミングがそれぞれ違います。
トグルスイッチは即時反映が求められる時にトグルスイッチをオンにした時点でアクションが起こることが望まれます。トグルスイッチはそれ自体がトグルボタンですので、設定を決める際にボタンを押す必要がありません。トグルスイッチは、即座に条件が適応される必要がある時だけに使い、ボタンを押す行動が必要であれば、チェックボックスを使いましょう。
チェックボックスはボタン押下が必要になるチェックボックスは、トグルスイッチのような即座のセッティングには使われません。保存ボタンや送信ボタンなどと一緒に使用され、ユーザーがボタンを押した後に効果が表れます。ボタンを押す状況では、ユーザーは送信する前に、設定を見直すことができ、ミスや押し間違いなどを防ぐことができます。
◆【チェックボックスVSトグルスイッチ】あなたは使えてますか?教えます、状況に応じて適切に使い分ける方法
トグルスイッチをタップする操作は選択と実行の二つのステップからなりますが、チェックボックスの場合には1つのオプションの選択であり、通常その実行には別のコントロールが必要になります。・即座の応答→トグルスイッチ・設定確認→チェックボックス・複数の選択肢→チェックボックス・複数のサブオプションが親オプションの下にグループ化されている場合→チェックボックス・トグルスイッチでは状態を表しているのか動作を表しているのか分かりにくい場合→チェックボックス・関連項目のリストから選択肢を選択する必要がある場合→チェックボックス・独立した機能や動作を切り替える場合→トグルスイッチ・yes / no選択肢が単独で用意されている場合→チェックボックス・単一の選択が必要で、オン/オフ型の選択に2つのオプションを提供したい場合→トグルスイッチ
◆トグルスイッチの誤用をやめよう
トグルスイッチを使うべき場合と使うべきでない場合があります。
◆間違っていませんか?トグルスイッチの使用上の注意
◆設定画面などには欠かせないチェックボックスとスイッチ
どちらも ON と OFF の状態を表すのですが、使う状況は異なります。
オレオレ定義にしか聞こえねぇや。まぁ何らかのデザインルールのもとであればそうなんだろうけど。スライドスイッチが即時反映になりがちなのは体感的にもそうだけど、チェックボックスの即時反映もふつーにあったからなぁ……スライドスイッチが使われるようになった事で棲み分けの可能性が見えてはきたけど、そうせねばならないって共通認識が形成された感は全く無いね。
つか即時反映かどうかは設定UIの表示形態への依存の方が強い。適用ボタンがあったら適用前に動作するほうが不親切としか言えないし。適用ボタンの無い非モーダルな設定領域ならどのみち即時だし、フルスクリーン設定UIとか大部分の項目は即時も適用時も大抵は大差無いし。
それぞれのプラットフォームのUIガイドラインすら見てないのな。レベル低っ。
ガイドライン見るまでもなくプラットフォーマー自身の実装で即時反映と遅延適用混ざってるから言及の有無を問わず死文なんだよなぁ……
「前の車が轢き逃げしてたから俺も轢き逃げしよ」
頭悪すぎるwww
より多くのコメントがこの議論にあるかもしれませんが、JavaScriptが有効ではない環境を使用している場合、クラシックなコメントシステム(D1)に設定を変更する必要があります。
犯人はmoriwaka -- Anonymous Coward
最近はUIがわけわからない (スコア:-1)
「〇〇を無効にする」
「〇〇を有効にする」
こういうオプションが混在しているから、その設定のチェックボックスにチェックを入れたら〇〇が使えるようになることと、使えなくなることがある。開発側の推奨設定にひきずられてるのか統一されてないからわけわからない。
分かりにくいけど、注意深く設定内容読めばまだなんとかついていける。
でも、最近はスライドスイッチのようなUIが増えてきてる。
スイッチで赤と緑が指定でき、緑にしたらチェックした状態だろうけど「無効」なのに緑色という違和感から頭がこんがらがってくる。
混乱はするけど、まだなんとかついていける。
でもモノクロスイッチになったらもうダメ。左右どちらに設定したらチェック状態になるのかわからないし、そもそもデザインが悪くてどっちの状態が右なのかすら見分けがつかない。一度設定を適用して挙動から判断しないといけない?
設定はもうちょっと親切なUIにできないものなのかな。
Re: (スコア:0)
スライドスイッチ(トグルスイッチ)はスライドさせる必要ないんだよ。
機能的にはチェックボックスと全く同じ使い方(それぞれ別の役割があるから代替品ではない)。
指でタップするかマウスでクリックすればいい。
つまみ部分をわざわざ引っ張る必要ない。
Re: (スコア:0)
別の役割はないし、代替品なんだよなぁ
リアル世界に存在するスイッチに模したUIにしようとしたからスライドスイッチは生まれたんだよ
だってリアル世界にチェックマークが付いたり消えたりするようなスイッチって普通にはなかなか存在しないでしょ?
すると本物の初心者にチェックボックスタイプのスイッチを見せたところでそれが何のUIなのかすぐには理解してもらえない可能性が高いから
だからリアル世界によくあるシーソータイプのスイッチに似せてスライドスイッチは作られたわけですよ
Re: (スコア:0)
はい、勉強しなおし。
チェックボックスとトグルスイッチはそれぞれどういう設定項目に使うかも設定反映のタイミングも違う。併用するものなんだよ。
基本中の基本だぞ。
Re: (スコア:0)
ぜひそのご高説を披露して欲しいですね。
# 区別なんかねぇよ。
Re:最近はUIがわけわからない (スコア:0)
こんなのUIを扱うエンジニア一年生でも知ってるぞ
◆正しく使えてる? チェックボックスとトグルスイッチの使い分け
用途は同じでも異なる目的に設計されている
トグルスイッチとチェックボックスは、ともに設定を適用する際に使われますが、ユーザーが期待する適用のタイミングがそれぞれ違います。
トグルスイッチは即時反映が求められる時に
トグルスイッチをオンにした時点でアクションが起こることが望まれます。
トグルスイッチはそれ自体がトグルボタンですので、設定を決める際にボタンを押す必要がありません。
トグルスイッチは、即座に条件が適応される必要がある時だけに使い、ボタンを押す行動が必要であれば、チェックボックスを使いましょう。
チェックボックスはボタン押下が必要になる
チェックボックスは、トグルスイッチのような即座のセッティングには使われません。
保存ボタンや送信ボタンなどと一緒に使用され、ユーザーがボタンを押した後に効果が表れます。
ボタンを押す状況では、ユーザーは送信する前に、設定を見直すことができ、ミスや押し間違いなどを防ぐことができます。
◆【チェックボックスVSトグルスイッチ】あなたは使えてますか?教えます、状況に応じて適切に使い分ける方法
トグルスイッチをタップする操作は選択と実行の二つのステップからなりますが、
チェックボックスの場合には1つのオプションの選択であり、通常その実行には別のコントロールが必要になります。
・即座の応答→トグルスイッチ
・設定確認→チェックボックス
・複数の選択肢→チェックボックス
・複数のサブオプションが親オプションの下にグループ化されている場合→チェックボックス
・トグルスイッチでは状態を表しているのか動作を表しているのか分かりにくい場合→チェックボックス
・関連項目のリストから選択肢を選択する必要がある場合→チェックボックス
・独立した機能や動作を切り替える場合→トグルスイッチ
・yes / no選択肢が単独で用意されている場合→チェックボックス
・単一の選択が必要で、オン/オフ型の選択に2つのオプションを提供したい場合→トグルスイッチ
◆トグルスイッチの誤用をやめよう
トグルスイッチを使うべき場合と使うべきでない場合があります。
◆間違っていませんか?トグルスイッチの使用上の注意
◆設定画面などには欠かせないチェックボックスとスイッチ
どちらも ON と OFF の状態を表すのですが、使う状況は異なります。
Re: (スコア:0)
オレオレ定義にしか聞こえねぇや。
まぁ何らかのデザインルールのもとであればそうなんだろうけど。
スライドスイッチが即時反映になりがちなのは体感的にもそうだけど、
チェックボックスの即時反映もふつーにあったからなぁ……
スライドスイッチが使われるようになった事で棲み分けの可能性が見えてはきたけど、
そうせねばならないって共通認識が形成された感は全く無いね。
つか即時反映かどうかは設定UIの表示形態への依存の方が強い。
適用ボタンがあったら適用前に動作するほうが不親切としか言えないし。
適用ボタンの無い非モーダルな設定領域ならどのみち即時だし、
フルスクリーン設定UIとか大部分の項目は即時も適用時も大抵は大差無いし。
Re: (スコア:0)
それぞれのプラットフォームのUIガイドラインすら見てないのな。レベル低っ。
Re: (スコア:0)
ガイドライン見るまでもなくプラットフォーマー自身の実装で即時反映と遅延適用混ざってるから言及の有無を問わず死文なんだよなぁ……
Re: (スコア:0)
「前の車が轢き逃げしてたから俺も轢き逃げしよ」
頭悪すぎるwww