前回ご紹介したハンバーガーボタン。 とりあえず押してみて開いたはいいけれど、一体どうしたら閉じるのか・・・。 ユーザーが迷子になってしまわないためにも、分かりやすい実装を心がけたいものです。 メニューを開く、閉じる このハンバーガーボタン。開かれたナビゲーション外を押せば閉まるサイトもあれば、押したハンバーガーボタンをもう一度押せば閉まるサイトもあり、開かれたナビゲーションの中に閉じるボタンが備わっているサイトもあったりと…、その動作は様々です。 全サイト統一された動きをしていればユーザー側としては良いのですが、より良いUIを目指してそれぞれの企業が競合している中で、デザイナーとプログラマーがいる限り、そういう訳にもいきません。すばらしいことです。 そのため、メニューを開いてから閉じるまでの導線を、しっかりと作ってあげることが大切です。 今回はその“「開く」「閉じる」案内が分かりやすい”導
![分かりやすいハンバーガーボタン実装採用サイト6選【スマホの基本知識】](https://cdn-ak-scissors.b.st-hatena.com/image/square/e69f1e0a11131b043249756a72811f4844b70ee0/height=288;version=1;width=512/https%3A%2F%2Fwww.invision-inc.jp%2Fuploads%2F2015%2F02%2Fham3-1.png)