PlanForum.COM - 대학사이트 트렌드 탈피, 간결하고 절제된 디자인으로

WWW 이야기/강의자료 | 2006/05/12 20:15

국내최고의 디자인∙미술대학인 홍익대학교 홈페이지(http://home.hongik.ac.kr/) 리뉴얼 프로젝트는 참좋은인터넷과 홍익대학교 교수, 학생간의 협업을 통해서 이루어졌다.
기존 홈페이지의 분석과 학생, 교직원들의 의견을 최대한 반영한 결과, 새로운 홈페이지는 최근 화려하고 감각적으로 흘러가는 대학사이트들의 트랜드를 탈피, 간결하고 절제된 디자인과 사용자 편의성의 극대화를 모토로 제작되었다.

메인페이지는 팝업이나 배너, 아이콘 등을 최대한 배제하고 공지사항 관련정보 바로가기 웹서비스 등으로 단순화 시켰다.

플래시 네비게이션은 대학 홈페이지의 방대한 컨텐츠 중 사용자가 원하는 목적지에 가장 단시간에 도달 가능하도록 설계,구현되었고 외부 xml 연동을 통해 메뉴의 추가, 삭제, 수정 등을 쉽게 제어할 수 있도록 제작되어 사이트 관리 및 이용편의성을 증가시켰다.
또한 현재 사용자의 위치를 알려주는 인덱스 기능도 함께 수행함과 동시에 사용자 위치별로 변화하는 네비게이션의 모션에 따라 각기 다른 형태의 조합 및 여백을 생성하여 재미있고 현대적인 디자인 효과를 창출할 수 있도록 고안되었다.

정보습득에 가장 효과적인 시각흐름을 유도하도록 전체적인 그리드 시스템을 구성하였고 네비게이션간의 조합을 통한 간결한 레이아웃으로 효과적인 정보 전달을 의도하였다.
비주얼의 절제된 표현과 배치로 모던한 느낌의 전달과 함께 기술적인 부하도 줄이는 방향으로 디자인 되었다.
학문과 지성을 상징하는 블루를 메인 컬러로 체계적으로 그룹핑된 컨텐츠 및 라벨링 성격에 맞는 서브컬러를 적용. 시각적 분류를 돕도록 했다.

타이틀 등의 이미지 사용을 최대한 배제하고 다양한 플랫폼에서의 호환, 시스템 연동을 염두에 두고 개발이 이루어 졌으며 레이아웃을 위한 테이블 사용을 최대한 배제하는 등 웹표준으로의 접근을 위한 많은 노력을 기울였다.

그럼, 이제부터는 홍익대학교 웹사이트 리뉴얼의 기술적 특징을 알아보자.

- 한 번의 로그인으로 모든 정보자원에 접속하여 추가적인 인증과정이 불필요
- 사용자가 허용된 정보만 접근하도록 통제하고 사용자의 권한을 관리
- 사용자 정보변경에 따라 Role이 자동 변경하여 역할 변동에 따른 권한 관리가 불필요

도입 후 효과 :
- 사용자가 서비스별(홍익대학교 포털, 도서관, 취업지원, 학생카드발급 등)로 별도의 ID/PW를 관리할 필요가 없으며, 사용자 정보를 어디에서 변경하더라도 일괄 적용이 가능해짐
- 로그인 과정이 간편해지고 여러 서버를 접근할 경우 재 인증과정 없이 웹서비스 이용가능
- 사용자 및 조직의 권한에 대해 중앙집중 및 통제관리가 가능
- 인사이동 및 업무이동, 정보서비스의 변경시 즉각 반영이 가능
- 신규 업무프로그램 개발비 절감 및 개발기간의 단축이 가능해짐

- 컨텐츠를 생성, 유지, 관리, 배포하는 전 과정을 지원하는 시스템.
- 대학 내 모든 정보자원을 통합 관리할 수 있으며, 보다 정확한 정보를 신속하게 제공 가능
- 전문가가 아니더라도 컨텐츠를 직접 변경 가능(컨텐츠가 컴포넌트의 조합으로 이루어져 누구나 쉽게 컨텐츠 변경)
- 개발자원을 개발서버에서 관리하며 운영 중인 서버에 원본 소스를 출판하여 운영 중인 서버의 성능에 전혀 영향을 주지 않음
- 홈페이지 리뉴얼할 경우 기존의 웹어플리케이션과 통합 가능하며 신규 서비스의 구현이 용이
- 관리자별로 웹사이트 관리 권한이 나누어져 현업의 담당자에게 필요한 부분만 관리 권한 부여 가능. (관리자별로 컨텐츠 수정 후 직접 적용 또는 승인 후 적용이 가능)
- 컨텐츠의 버전 관리가 가능하여 기존의 컨텐츠에 대한 변경 내용을 확인 가능하며 잘 못된 컨텐츠를 출판하였을 경우에도 기존의 컨텐츠로 되돌릴 수 있음
- 컨텐츠를 여러 서버에 멀티 출판(배포) 가능

- 홍익대학교 내 학과사이트 개발에 사용.
- 여러 개의 서브사이트를 손쉽게 제작, 관리할 수 있는 웹사이트 분양 솔루션
- WIZYWIG 방식의 손쉬운 컨텐츠 관리 – 비전문가도 사이트를 실시간으로 관리 가능, 유지보수 비용이 감소, 별도의 프로그램(웹에디터, 개발도구)이 없이 웹브라우저 상에서 편집 및 수정이 가능
- 통합된 웹스타일 적용이 가능하여 통일화된 디자인 및 UI 유지
- 대학교 내의 행정기관 및 기타 부속 기관의 추가 웹사이트 제작에 따르는 비용을 감소

- 개인화된 컨텐츠를 마이페이지로 그룹화하여 한 곳에서 이용 가능
- 각종 공지사항 및 학사업무 및 수업과 관련한 모든 정보를 여러 페이지에서 확인할 필요 없이 로그인 후 하나의 페이지에서 모두 이용이 가능함

- 정형화된 자료 검색 : 정형화된 데이터베이스 정보 검색 (예, 교과목, 인물 검색)
- 비정형화된 자료 검색 : html, pdf, ms-word, hwp, ppt, excel 등의 형태로 저장되어 있는 자료 검색
- 자료수집 속도 조절이 가능하여 시스템 자원을 효율적으로 사용가능
- 색인대상 자료의 메타데이터 필드(제목, 본문, 대표단어, 작성자 등)의 색인여부와 중요도를 조정하여 고품질(High Quality)의 인덱스를 생성할 수 있음

홍익대학교 웹사이트 재 구축 프로젝트의 개발적 관점에서 가장 중요시 한 것은 모든 서비스의 통합이었다. 한 번의 로그인으로 모든 서비스를 이용할 수 있어야 하며 각각의 서비스는 중앙 집중형의 관리가 이루어 지도록 하는 것이었다.

SSO를 구현하여 로그인 창구를 하나로 통합하고 개인정보를 한 곳에서 관리함으로써 사용자 프로파일을 효율적으로 관리하고 일관된 그룹 권한이 가능해졌으며 인사이동으로 인한 사용자 정보 변경에 따른 관리 업무에 대한 수고를 최소화 하였다.

그리고 웹사이트의 컨텐츠를 CMS를 통해 관리하게 되면서 정확한 정보를 웹사이트에 신속하게 반영할 수 있게 되었다. 이 과정에서 웹사이트의 유지보수 업무를 전문가뿐만 아니라 현업에 종사하는 비전문가도 직접 할 수 있게 됨으로써 컨텐츠 생성하고 관리하는 비용을 줄일 수 있게 되었다.

동일한 컨텐츠를 여러 곳에 배포할 경우 컴포넌트 형태로 웹사이트에 배치할 수 있게 하여 한 곳에서 수정할 경우 동일한 컴포넌트에 일괄적으로 적용되므로 웹사이트의 컨텐츠 업데이트를 수월하게 할 수 있게 하였다.
기존의 홍익대학교 내의 학과사이트들은 각 사이트운영자 마다 따로 디자인 및 개발이 이루어져 홍익대학교라는 이미지의 일관된 디자인을 가지고 있지 않았으며, 유사한 기능에 대해서도 서로 다른 방법으로 이루어져 유지보수 업무에 상당한 어려움이 있었다.

이번 웹사이트 재구축 프로젝트에서 사이트 홈빌더를 사용하여 학과사이트를 개발하게 되었다. 기본적인 학과 템플릿을 제공하여 학과사이트의 디자인적인 일관성을 유지하면서도 각 학과를 대표할 수 있는 색상을 달리하여 개성을 표현하였다. 그리고 학과사이트에 요구되는 기능을 통합 제작하여 보다 손쉽게 유지보수할 수 있도록 하였다.
그리고 일반적인 컨텐츠는 웹브라우저 상에서 WISYWIG방식으로 수정을 할 수 있어 별도의 프로그램이 없어도 관리가 가능하도록 하였다.

그 동안 홍익대학교의 구성원들이 홍익대학교 웹사이트에서 자신에게 필요한 정보를 얻기 위해서는 해당 서비스가 제공되는 웹페이지를 찾아 이동하여 얻을 수 있어, 정보를 얻기까지의 과정이 상당히 많은 클릭수를 통해 이루어졌다.
이번 재구축 프로젝트에서 이러한 부분을 최소화하고자 개인별로 제공되는 정보를 하나의 페이지에서 열람할 수 있는 My Page를 제공하였다. 학교, 학과 개별 그룹별 공지사항 및 학업 또는 업무와 관련된 사항을 모두 한 페이지에서 필요한 정보를 얻을 수 있으며 더 자세한 정보를 얻기 위한 링크를 제공하여 정보 제공처로 바로 이동할 수 있도록 하였다.

출처 정글