大学生協連様の検索ページをリニューアルいたしました

弊社がお手伝いをさせていただいている全国大学生活協同組合連合会様のWebサイトにおきまして、「大学生協のサイト検索」ページを使いやすくなるよう機能改修行いましたので、ご紹介いたします。

 

ページ改修の経緯

全国大学生活協同組合連合会様（以下、全国大学生協連様）サイト内には、元々全国の大学生協様のリンク集の役割を果たす大学生協一覧「大学生協のサイト検索」ページがあり、ページ冒頭に大学名で検索ができる検索エリアを設けておりました。

大学生協名称（「大学生活協同組合」より前の文字列）を入力⇨検索すると、入力された文字列が含まれる全ての大学生協様一覧がポップアップで表示され、クリックして各大学生協様のサイトへ遷移する、といった仕様でした。
 

全国の大学生協様では、「本体のサイト」の他に「受験生・新入生応援サイト」を別途運用されている大学生協様がほとんどで、全国大学生協連様の大学生協一覧「大学生協のサイト検索」ページには、「大学生協を探す」ページと、「受験生・新入生応援サイトを探す」ページがそれぞれに別れていました。

ユーザー目線を考慮した結果、2つのページを合体することとなり、その際、ページ内の検索機能についても合わせて見直しを行うことになり、改修に至りました。

実際の大学生協一覧「大学生協のサイト検索」ページはこちら



 

検索の仕様・開発時の工夫

大学名称（「大学生活協同組合」より前の文字列）を検索すると、入力された文字列を生協一覧から探し、ページ内の合致した項目があれば該当箇所にページが自動でスクロールします。
検索結果対象はピンク色の背景色が追加になり、検索結果が一見で分るようになっています。

 
また検索結果が複数のエリアに存在する場合にはモーダルウインドウが立ち上がり、取得したいエリアを選択することができます。
 

開発時の工夫としては、運用していくなかで追加・削除・変更などの更新作業が必要になった場合、弊社スタッフが容易に作業ができるようなデータ管理とプログラムを組むことを心がけました。

 

お問い合わせ