ここでは全部を理解せずとも、デザイナーでなくとも何となく分かるをベースに書いております。゚*1メニューを開くよく見るメニューマークですね。タップすると何らかの形でメニューが開かれます。一瞬メニューを開く流れが目の前からプツっと途切れたように見えます。遷移が遅かったら尚更です。右側の「マテリアルデザイン」の方はタップしてからメニューが開くまでの流れが途切れずユーザーを誘導してくれています。見るとメニューマークが切り取られ開かれたメニューに付属し、最後には戻る矢印に変換されています。開いてから閉じるところまでさりげなくユーザーを誘導しています。2ボタンタップ一見、どちらのボタンもタップ時に色が変わっていますので、押したかどうかの判別はしやすいです。言えば「マテリアルデザイン」の方はタップした際に指で触れた部分に変化が起きているため自分がどの部分に触れたか、よりリアルに体感できますね。手順としては、どちらも申し分はないですが1のメニューを開く同様「マテリアルデザイン」の方はタップしてからメニューが開くまでの流れが途切れずユーザーを誘導してくれています。人は動いているものについつい目が向いてしまうものですが、モーションが入ることで自然とユーザーの行動を分かり易くサポートしてくれているのですね。如何でしたでしょうか。ほんの一部ですが、見え方・捉え方に違いがあるのが分かると思います。流れが切れずスムーズに遷移してくれるとモチベーションも上がりますよね。今回にてマテリアルデザインについて最終回となります。機会があればまた、同テーマについて書いていきたいと思います。次回は別テーマをデザイナーでなくとも何となく分かるをベースにお伝えしていければと思います。