UI考察:フィードバックの差でユーザビリティが変わる

サンプルはこちら

See the Pen GmzHE by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen.

一見なんということのない画面ですが、左と右でオンマウス時のフィードバックが異なります。
左は一切フィードバックを返さず、右はそれぞれフィードバックを返すようにしています。

操作に対してフィードバックを返すだけで操作できそうな実感を与え入力を促します。

今回はすべて「:hover」によるごく簡単なCSSのため例は示しませんが、その簡単なことを意外とおろそかにしているサイトもよくあります。小さなことですが大きな差も生むので気にかけていきましょう。