スマホサイトを構築中にいつも疑問に思うのは「メニューは右側が良いのか左側が良いのか？」という話です。自分のスマホを手にもって操作する時、スマホは左手に持って右手で画面を操作します。だから、メニューは右側のほうが若干使いやすいです。
でも、スマホを片手で操作するのが基本になっている人にとっては、右側メニューは使いにくいと思います。にも関わらず、右側メニューにしているのは理由があります。
推測ですが、左手だけでスマホを操作する人は「スマホ世代ど真ん中のスマホ・ヘビー・ユーザー」です。今の年齢で言えば10代～35歳位まで。一方、パソコンも使ったりスマホも使う人たち、あるいは、基本左手でスマホを持って右手で操作する人は30代～70代というイメージです。
当店はどちらかというと、スマホのヘビーユーザー層ではなく、後者の右手操作ユーザーが大いであろう層をターゲットにしています。だから、右側なんです。これが吉と出るか凶とでるかはわかりませんが、感覚的に右側にしています。
で、使っているのが、jQueryのDrawerです。
「こんなによくできたドロワーメニューはない。使い方から何からサイトで紹介しよう。」と思ったんですが、すでに、それをされているサイトがありました。
https://blog.mismithportfolio.com/web/20150320drawer
今から3年も前に、使い方まで説明した記事をあげてくれていました。紹介記事を作る手間は省けてありがたいのですが、ちょっと残念な感じです・・・
上記サイトは、初心者にもわかりやすくドロワーメニューの導入方法を説明してくれています。もちろん。ショップサーブでも使えますよ。
ちなみに、ドロワーメニューを採用することで、ネットショップの使い勝手が向上して、お客さんの回遊性が高まります。結果、離脱率は探し購入率も高くなります。
もちろん劇的に変化するわけではありませんが、これだけ情報が反乱しているネットですから、「ユーザーいかに長くに滞在してもらうか。」ということが重要になってきますので、ぜひドロワーメニュー導入してみてください。
