ユーザのアクションに対して反応することで、相手のストレスを軽減できます。特にAjaxを使うSPAなどでは通信状態を適切に表示しておくのが大事です。何の反応もなかったら、ユーザは何度もボタンを押してしまうでしょう。 一例として紹介したいのがBorderColorAnimateです。枠をアニメーションさせるという面白い方法です。

BorderColorAnimateの使い方

アニメーションさせているところです。

ボタンを大きくしたり、バウンドさせたりするのに比べるとシンプルなアニメーションです。また、単に文字を変えるだけなのに比べてインパクトがあります。意外と使えそうな手法ではないでしょうか。

BorderColorAnimateはjQuery/JavaScript製のオープンソース・ソフトウェア（MIT License）です。

payalord/BorderColorAnimate: jQuery plugin to animate border color