円形に広がるメニュー実装「expanding action button」

no-image

expanding action buttonは円形に広がるメニューを実装できるのが特徴です。メニューリストを表示させたい時だけボタンをクリックすればいいので、画面領域の狭いスマホなどのモバイルには最適なナビゲーションメニューといえます。

expanding action button

expanding action button

デモではスマホのようなスクリーンが表示されていて、その中の右下にある「+」ボタンをクリックするとメニューが円形に広がって表示されます。メニュー項目はテキストではなくアイコンになっているので、直感的に選択できると思います。

アニメーションも滑らかで操作性もシンプルなのが使いやすいですね。

メニューが展開されると「+」ボタンの部分が「×」に変わります。再度ここをクリックするとメニューが閉じられて元の状態に戻ります。

スマホなどといった画面のスペースをできる限り有効活用したい人には最適なメニューになりそうですね。

というわけで、円形に広がるシンプルな操作性を備えたメニューを実装できる「expanding action button」の紹介でした。

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

Archives