さて、サイトが復旧した事で、サイトをいじる事がまた楽しくなってきた所で、
わかりやすく、見やすく、スマートに！
をコンセプトに古都コトきょーとをマイナーリニューアルしました (*ﾟ▽ﾟﾉﾉﾞ☆ﾊﾟﾁﾊﾟﾁ ﾊﾟﾁﾊﾟﾁﾁﾊﾟﾁﾊﾟ
何が変わったって？
Suriko「何も変わっていませんよ。」
(#ﾟДﾟ)「何やとこらぁ！！」
PC表示はほぼ変わらずなので後ほど紹介するとして、スマホ表示のほうを変えてみたんですね。
スマホ表示は大きくかわった
(#ﾟДﾟ)「充電せぇや！」
Suriko「なはは～のは～笑 名付けて古都コトきょーと Ver.4.01！」
(#ﾟДﾟ)「4.01ってどっから来てんねん！」
Suriko「気分ですやん！10年位前、HP全盛期だった頃は、よくサイトにVer.ほにゃららとか付けてたなぁ笑 わろわろ～笑」
(#ﾟДﾟ)「ちょ…ちょっと痛い…」
【変更点】
・メニューボタンがスクロールで付きまとうようになった
・TOPアイコンの下のメニューが不要になったため消した
・タイトルの文字やパンくずの文字サイズをほんの少し小さくした
といった様子です。
文字を少し小さくした事や、アイコンの下のメニューが無くなった分、スクロールせずに見れる範囲が増えました。
画面の小さなスマホから古都コトきょーとを見るとき、TOP画像が少し見切れてしまうことがあったのですが、これで小さな画面でもスクロールせずにTOP画像が全てみれるようになりました。
メニューボタンが付いてくるのは、今まではページ上部に戻らないとコンテンツを開けなかったのですが、ページのどの位置からでもコンテンツを選べるようにしました。
ちなみに右上に移動したメニューをクリックすると、モーダルウィンドウでメニューが表示されます。
海外からのアクセスも多いので、英語表記も入れています。
モーダルウィンドウでコンテンツ内を移動
モーダルウィンドウというと、廃墟の個別ページの一番下に
「他の廃墟レポートも見る」
というボタンを設置してあり、クリックすると廃墟ページのTOPに移動するようにしていました。
友人に「廃墟の紹介数多すぎて、TOPに戻られてもそこから目的のもの探すのが困るし、もくじからは面倒」
という事を指摘されました。
いろいろ考えた結果、こちらもモーダルウィンドウでジャンルを表示してしまえという事に。
廃墟TOPや、ホテル、鉱山、廃校、etc…、廃墟ページのもくじをここに作りました。
「他のレポートボタンをクリックする」→「廃墟TOPに行く」→「目次で目的のジャンルを探してクリック」→「目的のジャンル」
という作業から
「他のレポートボタンをクリックする」→「メニューで目的のジャンルを探してクリック」→「目的のジャンル」
と、すんなり廃墟ページを移動できるように！
これはPC表示でもスマホ表示でも利用できます！
これで大分ユーザビリティーが改善されたんではないでしょうか？？（それとも自己満足？）
一つ問題点があるとすれば、目的のジャンルを押すと廃墟ページの中のジャンルの所に飛ぶのですが、画像の読み込みが追いつかずに、しばらく画像の部分が白いままになってしまいます。
上から順番に読み込んでいるので、今はサイトの特性上仕方のない事なのですが、これはもう待って頂くしかありません。
待って待って待ち焦がれる。そんなサイトでありたいな。と思っています。
(#ﾟДﾟ)「人が逃げていくのが目に見えるようやで」
現在は廃墟コンテンツでのみでテスト動作させていますが（いつもテストは廃墟ページ）、
問題がなければすべてのコンテンツに搭載していこうと思っています。
