スマホユーザーが８割と言われる現代では、サイト制作もスマホにフォーカスしたデザインが求められます。「ボタン」はサイトに必ずと言っていいほど必須のアイテムです。

スマホでボタンをタップした際、ローディングに時間がかかると…

押せたけど時間がかかっているのか、ボタンの反応が悪いのか？がイマイチ分かりません。

そこで、”ボタンを押した感”を表現します。すると、押せた実感が湧くのでローディングに時間がかかっていることが分かりやすくなります。こんな工夫をするとユーザーに優しいですね。

See the Pen button1 by kzk (@yrnosajx-the-bold) on CodePen.

ボタン押下の時間も指定できます（今回はややゆっくり）。この辺は好みですね。

See the Pen button2 by kzk (@yrnosajx-the-bold) on CodePen.