サブメニューのUI改善

[nakatsuka-k]

【現状】
・サイト左上にハンバーガーメニューがあります
・メニューを押すとメニューが展開されます
・PCで横幅を広げるとメニューを押さずともサイドバーが表示されます。

【改善内容】
・PCの場合ならYouTubeのようにハンバーガーメニューを押すとサイドバーが引っ込む形にしたい
・スマホの場合は既存通りにする

参考：
https://discordapp.com/channels/1069968879272595476/1071102144154968178/1106978074303668375

[mikageymir]

PCで横幅狭くするとサイドバーがアイコンになりますが、アイコンのときと広がっているときで
表示項目が異なるので、改修の際にこちらの項目も揃えると良さそうです。

広いとき：

狭いとき：

[nauzome]

ハンバーガーメニューを一つにするほうが見やすいサイトにはなりそうですね。
ただ、なれると素早くアイコンで操作できるのは良いし...、難しいですね。

[nauzome]

フッターに優先度が低いものは移動してみましたが結構良いですね。

[mikageymir]

新着一覧など、下にスクロールすると続きのコンテンツが表示されるページがあり、その場合はフッターに到達できません。
例えば違反画像などをみつけて問い合わせしようとしたとき、問い合わせページへの遷移がなくなってしまうのはまずそうなので、その点で何らかの配慮が必要そうです。

ハンバーガーメニューを2段階にして、「ヘルプ」「ソーシャル」の２つにして、それをクリックすると、提案いただいたフッタのようにその項目のメニューが更に出るとかのほうが良いかもいしれないですね。

[nauzome]

偶にありますね。そのようなサイト。
私は画像を3*3ぐらい表示したら更に表示するかボタンできなの実装すれば良いと思っています。
勿論コードの長さ的にはハンバーガーメニューのほうが良いと思いますが...。

[nauzome]

これが正解かも。
因みに最適化された本場環境で利用できるコードはあります。
p.webm

[nakatsuka-k]

ありがとうございます！
確認させていただきます。