본문 바로가기

Web Design

반응형 웹 홈페이지 구축이야기3 편리한 스마트검색 서비스

728x90
반응형

울산과학대학교 반응형 웹 홈페이지 구축 이야기


3. 스마트 검색

대학의 홈페이지는 방대한 정보를 담아내고 있기 때문에
사용자가 원하는 정보에 도달할 수 있도록 잘 정리된 UI를 구성해야 한다. 

방대한 사이트 정보를 한눈에 볼 수 있는 링크서비스 팝업 화면 



학부(과) 홈페이지, 각 행정 부서 및 센터, 사업단 등등 의 사이트 등 총 60여 개에 달하는 사이트를 
연결하고 그 속에서 원하는 정보를 노출하는 게이트이자 홍보의 핵심 페이지인 대학 메인 페이지는 
각각의 콘텐츠를 중요도에 따라 선별하여 배치하고 효과적으로 운영될 수 있도록 기획된다. 

구축 당시 메인 페이지에 각 부서의 연관 콘텐츠 연결 노출 요구가 많기 때문에 몇 차례의 회의와 협의를 통해
메인에 노출될 콘텐츠와 위치를 결정하게 된다. 

디자인 및 사용 편리성을 고려하여 1차적으로 디자인 가이드를 먼저 제시한 후 협의에 들어가게 된다. 
그럼에도 워낙 많은 콘텐츠, 다양한 사용자가 있기에 사이트 내 콘텐츠 검색 서비스는 필수이다.

사이트 상단 스마트검색 아이콘


울산과학대학교 홈페이지는 스마트 검색 서비스를 활용하여 대학 홈페이지 내 콘텐츠 검색을 할 수 있도록 구축하였다.
스마트 검색 콘텐츠는 대학 홈페이지 내 찾고자 하는 정보를 검색하여
통합검색, 메뉴 검색, 전화번호, 게시판, 콘텐츠 검색 등의 카테고리로 결과값을 보여 준다. 

스마트검색 화면

돋보기 아이콘을 클릭하면 스마트 검색 레이어 팝업창이 뜨게 된다. 검색창이 있고 하단에는 주간, 월간 동안 
사용자가 가장 많이 검색한 키워드들이 보인다.
물론 기간 설정하여 특정 기간 동안 검색량이 많은 키워드도 알 수 있다. 

코로나로 인한 학사일정 학사공지 등의 키워드가 검색량이 많았음을 알 수 있다.
관리자 화면에서는 이보다 더 디테일한 정보를 알 수 있는데, 검색 키워드별 검색(조회) 수 및 이 키워드를 활성화할 것 인지에 대한 설정도 할 수 있다.  지금 학생들이 가장 궁금한 게 무엇인지 스마트 검색 결과를 통해 알 수 있다. 

스마트검색관리 관리자 화면

 스마트 검색은 사실상 PC 화면에서보다 모바일에서 활용이 더 용이하다. 
작은 모바일 화면상에서 전체 메뉴를 노출하기가 힘들뿐더러 콘텐츠를 찾기 어려운 경우가 있기 때문에 
모바일 화면에서는 팝업 아이콘, 링크서비스 아이콘, 메뉴 아이콘과 더불어 상단에 바로 노출하였다. 

울산과학대학교 홈페이지 모바일 화면

클릭 시 스마트 검색 화면이 자동 리사이징 되어 보이기 때문에 검색이 용이하다. 
반응형 웹의 장점이라 하겠다. 


728x90
반응형