web-dev-qa-db-ja.com

このチェックボックスはどのような視覚的なメタファーを実現しようとしていますか?

私はこのチェックボックスを自由に利用できるソフトウェアを使ってコースを教えています:

enter image description here

参加者の約4分の1から3分の1は、助けなしではまったく使用できません。それらはすべて白い円を左にドラッグしようとしますが、正しい使い方は単にそれをクリックすることです。白い円は左に移動し、次のようになります。

enter image description here

彼らの振る舞いは私には完全に合理的であるように見えます。それはスロットから突き出ているペグのように見え、あなたはそれを左にスライドさせます。

デザイナーがクリックできるようにして間違えているのですか、それとも私が見逃している別の説明がありますか?

編集する

前述のように、本文の質問はタイトルの質問と完全には一致しません。 「このデザインと動作に対応する有効なビジュアルメタファーはありますか?そうでない場合、何が問題になっていますか?」

1
Steve Bennett

これは明らかに悪いデザインです。一部のユーザーがタスクの実行に失敗する理由についてのトリッキーな説明はありません。

これは、スキューモーフィズムがどこでも機能しないという素晴らしい例です。変形設計の主な目的は、物理的な世界から認識でき、同様のジェスチャー(スライドや回転など)を使用して対話できるコントロールをユーザーに提示することです。したがって、スイッチを見ている人は、マウスをドラッグしてスイッチを「反転」したいという衝動に駆られます。ビジュアルデザイナーが主にキーボードとマウスのインターフェースでスイッチを使用するよう主張した場合、唯一の救済策は、クリックを2番目のアクティブ化アクションとして追加することです。 Microsoftの最新のUIはこれを正しい方法で実行します。コントロールは、ドラッグ/スライドとクリック/タップの両方で機能します。

3
dnbrv

ここでの視覚的なメタファーはON/OFFトグルスイッチです

それは左のOFF位置から始まり、レバーを右に動かすとON(点灯)することができます。 (これはクリックでのみ実行できるという事実は、単に貧弱な実装です)

このスレッドの詳細と、このスレッドでそれを改善する方法を読んでください...

トグルボタンに現在の状態またはそれが変化する状態を表示する必要がありますか?

3
DaveAlger

チェックボックスと呼んでいますが、チェックボックスにはラベルが付いています。これの正しい使い方として、なぜクリックを検討するのですか?私には、開発者がコントロールをドラッグする機能をまだ追加していないようです。これは通常、アプリケーションをWebからモバイルインターフェイスに移動するときに発生します。

1
Adnan Khan

編集:本文であなたの質問に答えるために:「デザイナーをそれをクリック可能にすることによって誤っているのですか、それとも私が見逃している別の説明がありますか?」

ユーザーがUI要素の操作方法を簡単に理解できない場合、これは使いやすさの問題です。

設計が(設計者によって)意図したとおりに使用されていない場合、設計に欠陥があります。

大多数の人が円をドラッグしようとする場合、デザイナーはそのアクションに対応する必要があります。

0