Bird-Galleryページの改善20170420

２０１７年４月２０日

【目 次】

1：詳細説明

下記3ページは同一デザイン・機能を持つ姉妹ページであり、今回は全てのページのデザイン・機能を改善した。

基本的には、ページの「前置き部分」が長くなってしまった結果、重要な写真の選択機能が中央部を超え下部になっていた。そのため操作性（利便性）悪化してしまった恐れがあり、対策としてページは開いた時前置き部は折りたたんだ状態にして非表示とした。

その結果、写真選択の操作位置が高くなり利便性の向上になった。

2：やったこと

主な改良点

1. ページの説明部分を「はじめに」欄へ含めて、最初からこれらを「折りたたんで」非表示にした。
2. 「はじめに」では一時的に内容を折りたたみ、下部にある「写真全集のメニュー」を上部に表示させる機能を追加。
3. 折りたたみ部が直ぐ見れる様に、ボタンを＜表示＞として設置した。
4. ページの選択部分を、操作し易い様に「中央部」とした。

◆記事について

otosan pageは「雑記帳」として、「やったこと」も記載していますが、私のページの目標は「How to・・・もの」ページとは違い、詳細手順は扱っていません(^_^;)。
もしやり方のみ参考にしたい方は、WebにはHow to・・・専門のページが沢山ありますからそちらをご覧下さい。

3：関連画像

画像はクリックするとLightboxで拡大表示します。

図1 「はじめに」と「写真選択用メニュー部」の、項目を追加し操作性等向上する様にした。

図2 MF-Test合格時の出力画像。

図3 MF-Test合格時の出力画像。

図4 MF-Test合格時の出力画像。