web-dev-qa-db-ja.com

これらのスライダーハンドルのどれが最もアフォーダンスを持っていますか?

desktopのフィルターに取り組み、どの種類のフィルターハンドルを決定する必要があるかは、スライダーとして使用できるという明確な印象をユーザーに与えます。

enter image description here

上記以外の提案も歓迎します。

2
Ameen Akbar

1 + 2と少しの調味料を組み合わせます。

オプション2は、選択した範囲が太くて少し暗いため、最適です。しかし、黒いハンドルはアフォーダンスを提供しません。だから私はそれらをオプション1の円形ハンドルに置き換えますが、その余分なアフォーダンスのためにドロップシャドウを少し投げてみませんか?

enter image description here

3
Jung Lee

コンテキストや出力の多くを知らなくても、最初に4つのことを言います。

  • 状況におけるアフォーダンスを覚えておいてください(マウスまたは指、あるいはその両方で操作する必要があります。これらの相互作用のどちらか/両方をより適切に示しているのはどれですか?)
  • 同様に、アフォーダンスは使用のコンテキストで「見える」必要があることを覚えておいてください(デバイスに関係なく、4と1は色とサイズのために「可視性」フラグをスローします)。
  • 人々は何に慣れていますか? (出力、同様の相互作用、同様のコンテキストなど)
  • フェイルセーフとして何があり得ますか?テキスト入力? ( スライダーとアクセシビリティ:障害を持つユーザーのためのスライダーの使いやすさ

そしてテストしてください!

0
Sam