皆様おひさしぶりです。共栄美装広報部1号です。
本日は、特にスマホで弊社WEBサイトをご覧の皆様へお届けしたいお知らせです。タイトルでほとんど答えが出ていますが・・・。
メニューを開いたあと、閉じるときにスワイプ操作ができるように対応しました。
スマホ表示時の4つのボタン
弊社サイトはスマホ表示時、メニューが4つのボタンでまとめられています。
![](https://i0.wp.com/www.kyoei-bisou.co.jp/wp-content/uploads/2024/06/20240607-01.jpg?resize=1024%2C285&ssl=1)
- カートの中身表示
- 会員メニュー(新規登録/ログイン)
- 検索ボックス
- ナビゲーションバー
展開すると、こんな具合にメニューが開きます。
![](https://i0.wp.com/www.kyoei-bisou.co.jp/wp-content/uploads/2024/06/20240607-02.jpg?resize=790%2C1024&ssl=1)
![](https://i0.wp.com/www.kyoei-bisou.co.jp/wp-content/uploads/2024/06/20240607-03.jpg?resize=790%2C1024&ssl=1)
![](https://i0.wp.com/www.kyoei-bisou.co.jp/wp-content/uploads/2024/06/20240607-04.jpg?resize=790%2C1024&ssl=1)
![](https://i0.wp.com/www.kyoei-bisou.co.jp/wp-content/uploads/2024/06/20240607-05.jpg?resize=790%2C1024&ssl=1)
展開したあと、同じアイコンを再び押すと閉じる仕掛けになっています(この仕掛けのことをトグルといいます)。
この同じアイコンを押す動作ですが、指で押すにしてはボタンが小さかったり間違って隣のボタンを押してしまったり、地味に神経を使う操作だったりします。そこで今回のアップデートを加えました。
メニューを閉じたいときは上方向にスワイプ!
ボタンを押すのと比較すると、有効範囲が広いのでより直感的でラクな操作が出来るようになりました。
![](https://i0.wp.com/www.kyoei-bisou.co.jp/wp-content/uploads/2024/06/20240607-06.jpg?resize=1024%2C576&ssl=1)
最後に
最近、サブサイトの名古屋イベント会社の更新を進めておりますが、メインサイトもまだまだ改良できる余地が沢山あって、地道に更新を続けております。
なお、このメニューを実装した後家に帰って操作していて、ふと「あるもの」が欲しくなったので先程こんなものを実装しました。
![](https://i0.wp.com/www.kyoei-bisou.co.jp/wp-content/uploads/2024/06/cart-menu.jpg?resize=795%2C1024&ssl=1)
![](https://i0.wp.com/www.kyoei-bisou.co.jp/wp-content/uploads/2024/06/main-menu.jpg?resize=838%2C1024&ssl=1)
メニュー下部に「ツマミ」を設置しています。視覚的に、これがあるとスワイプがよりやりやすくなると思ったので早速実装しました。
これからイベント業界は繁忙期を迎え、WEBサイトにいらっしゃる方の数も増えていきますので、今までよりもさらにストレスフリーな情報発信を目指してこれからも成長を続けていきます!