Transcript 분당요한성당 웹사이트 개편사업

분당요한성당 웹사이트 개편사업
분당요한성당 웹사이트 개편 사업 기획서
St. John’s catholic Church website renewal project
Prepared by D.J. Park
2006. 3. 14
St. John’s catholic Church website renewal project Plan
Prepared by D.J. Park
분당요한성당 웹사이트 개편사업
Analysis
Benchmark
Project Strategy
Term Management
St. John’s catholic Church website renewal project Plan
Prepared by D.J. Park
사업의 범위 및 현재 운영되고 있는 웹사이트에 대한 분석을 통해 문제점 도출
1. Project Summary
2. Target Analysis
3. IA & Interface
4. Look & Feel
5. Contents & Function
6. Project Issue
Analysis >> Benchmark >> Project Strategy >> Term Management
분당요한성당 웹사이트 개편사업
1. Project Summary
본 프로젝트는 분당요한성당 웹사이트의 정보구조의 개편 및 사용성 향상, 디자인요소의 개편과 기능성
의 확충을 목표로 진행된다. 청소년 사이트와 그룹웨어인 John’s net은 본 프로젝트에 포함되지 않는다.
정보구조의 개편
분당요한성당만의
Identity 전달
Navigation 도구 확충
디자인 요소의 개편
개발범위 외 사이트
St. John’s catholic Church website renewal project Plan
Prepared by D.J. Park
정리된 정보구조와
확충된 Navigation 도구로
사용자의 편의성 증대
+
분당
요한성당
홈페이지
Identity
확보
분당요한성당만의 Identity를
표출하는 온라인 Style Guide 수립
+
Multimedia Contents 개발
게시판 기능 강화
사용성
강화
Dynamic한 Contents 개발 및
강력한 게시판 모듈 개발
청소년 홈페이지
Contents
강화
|
Dynamic 한 Contents 제공 및
게시판 사용성 증대를 위한
기능 강화
John’s Net
3
Analysis >> Benchmark >> Project Strategy >> Term Management
2. Target Analysis
분당요한성당 웹사이트 개편사업
성당 웹사이트의 특성상 특정 연령층의 Target은 존재하지 않으나, 성당에 출입을 하는 Target층의 특
성상 높은 충성도를 보이므로, 잘 정비된 웹사이트 제공 시 높은 활용도를 보일 것으로 분석된다.
Main Target
[분당요한성당 관계자]
• 성당에서 제공하는 정보 확인 및 문의 제기
이용목적
• 천주교 관련 정보 습득
• 각종 자료 습득 및 공유
• 메뉴가 복잡하고, 사용하기 불편함
Needs 분석
제공요소
• 단순 text 형태로 구현된 Contents
Target
Analysis
[타 교구 및 관련자]
• 타 성당 정보의 습득
• 성당 관련 정보의 교환
• 사이트에서 제공하는 정보가 분산되어 있어 정보의 습득
이 불편함
• 현행 게시판 기능의 불편함
• 사이트에 제공할 정보의 입력채널이 분산되어 있어 정보
의 제공이 불편함
• 인지가 쉬운 정보구조 및 편리한 Navigation 도구 제공
• Push Contents 채널과 Communication 채널의 단일화
• Image + Text 형태로 구현된 Multimedia Contents 제공
• 분당요한성당만의 Identity를 표출할 수 있는 디자인 요소
제공
• 자료와 정보의 공유가 쉬운 보강된 게시판 기능
목적 및 기대효과
Sub Target
사용자의 편의성을 극대화 함으로써
웹사이트 활용성 향상 및
웹사이트 활용성의 향상
분당요한성당의 위상 고취
사용자의 편의성을 제공하여 성당 관계자 간의 사이트 활용을 촉진시키며,
분당요한성당의 위상을 고취시킬 수 있는 웹사이트를 구축
St. John’s catholic Church website renewal project Plan
Prepared by D.J. Park
4
Analysis >> Benchmark >> Project Strategy >> Term Management
분당요한성당 웹사이트 개편사업
3. IA & Interface
현행 웹사이트에서는 동일한 등급의 Contents가 다른 Level의 Contents와 혼재되어 있으며, 사용자의
참여를 유도하는 창구가 분산되어 있어 사용자의 참여가 어렵도록 구성되어 있다. 또한, Contents와 타
사이트로의 Link가 동등하게 배열되어 있어 사용자의 정보에 대한 접근이 어려우며, 하위 Contents 접
근 시 적절한 Navigation 도구가 제공되지 않고 있다.
타 사이트 링크
과다한 Contents 영역은 사
용자의 Contents에 대한 집
중을 저해한다.
Level이 정립되지 않은 메뉴
(ex. 나눔자리는 성격상 게
시판 하위에 배치
, 동영상&포토는 자료실 하
위에 배치)
하위 Contents에 접근할 경
우 적절한 Navigation 도구
및 Location의 부재
St. John’s catholic Church website renewal project Plan
Prepared by D.J. Park
5
Analysis >> Benchmark >> Project Strategy >> Term Management
4. Look & Feel
분당요한성당 웹사이트 개편사업
로딩속도를 위주로 하는 과거 인터넷 초기모델의 홈페이지의 구성을 답습하고 있으며, 1024*768 모드
의 영역 구성에 대해 좁은 Visual 영역과 과다한 Contents의 배치로 인해 사용자의 시선이 분산된다.또
한, Main Color의 약한 존재감으로 인하여 분당요한성당만의 Identity를 표출하지 못하고 있다.
Frame으로 짜여진 화면구성으로 인해 좁은
Visual이 제공되며, Main Color의 존재감이 없
어 자체 Identity 표출에 실패하고 있다.
커뮤니티 사이트의 구성에 적합하게 되어 있는
많은 양의 메인 노출 Contents는 사용자의 시
선의 분산을 유도한다.
St. John’s catholic Church website renewal project Plan
Prepared by D.J. Park
6
Analysis >> Benchmark >> Project Strategy >> Term Management
5. Contents & Function
분당요한성당 웹사이트 개편사업
Text 위주로 제공되는 Contents는 사용자에게 쉽게 지루함을 유발하며, 자료실의 경우 한 개의 자료업
로드만을 허용하고 있어, 많은 양의 자료 업로드 시 사용성이 저하되는 문제점을 보인다.
Text 위주로 구현된 본문 Contents의
경우 사용자에게 지루함을 느끼게 한다.
사용자 구분에 따른 기능이 구현되어 있
지 않으며, (ex, 고급사용자를 위한 HTML
편집 모드 등) 자료 업로드 개수의 제한으
로 인해 다량의 자료 업로드 시 일일이 업
로드를 해야 하는 불편함이 있다.
St. John’s catholic Church website renewal project Plan
Prepared by D.J. Park
7
Analysis >> Benchmark >> Project Strategy >> Term Management
분당요한성당 웹사이트 개편사업
6. Project issue
상기 분석된 내용을 토대로 하여 본 프로젝트 수행과제는 정보구조의 개선과 사용성을 향상시킬 수 있
는 Navigation 도구의 확충, 분당요한성당만의 Identity를 제공할 수 있는 디자인 요소의 개편,
Contents의 보강 및 게시판 기능의 보완으로 설정한다.
Information
Contents의 성격별로 정리된 Architecture
체계적인 정보구조를 제공함으로써
사용자의 인지가 쉽도록 구현
Navigation
사용자의 사용성을 향상시키는
적절한 Navigation 도구 및
Location을 배치
분당요한성당
홈페이지
시사점
분당요한성당의 Identity를 표출할 수
있는 Color Concept의 구현 및 Style
Look &
Guide 수립
Feel
St. John’s catholic Church website renewal project Plan
Prepared by D.J. Park
Contents
& Function
Image + Text 형태로 구현된
Multimedia Contents 제공 및
사용성 향상을 위한
게시판 기능의 강화
8
분당요한성당 웹사이트 개편사업
Analysis
Benchmark
Project Strategy
성공적으로 구축·운영되고 있는 웹사이트의 장점을 벤치마킹 하여
도입하여야 할 필수 요소 도출
대상 웹사이트 : 천주교 수원교구 웹사이트
Term Management
St. John’s catholic Church website renewal project Plan
Prepared by D.J. Park
1.
2.
3.
4.
IA & Interface
Look & Feel
Contents & Function
Benchmark Issue
(http://www.casuwon.or.kr)
Analysis >> Benchmark >> Project Strategy >> Term Management
1. IA & Interface
분당요한성당 웹사이트 개편사업
Contents 성격에 따라 체계적으로 짜여진 정보구조는 사용자에게 일관성 있게 인지되어진다. 또한, 편
의성을 제공하는 다양한 Navigation 도구가 배치되어 메뉴 이동 및 Location에 대한 사용자의 인지를
돕고 있다.
HTML 기반 Push Contents Area
게시판 기반 Communication Area
기타 Contents 교류 및 습득 구간
Contents의 성격에 맞게 분류된 정보구조는
사용자의 사이트 방문목적을 쉽게 달성할 수 있도록 한다.
직관적으로 인지할 수 있는 정보구조의 형태를 가지고 있다.
St. John’s catholic Church website renewal project Plan
Prepared by D.J. Park
동일한 영역에 일관되게
제공되어 지는 Navigation
도구는 사용자의 편의성을
도모할 뿐 아니라 사이트에
일관성을 부여한다.
10
Analysis >> Benchmark >> Project Strategy >> Term Management
분당요한성당 웹사이트 개편사업
2. Look & Feel
베이지 계열의 색상을 Key Color로 사용하여 전체 화면에 적용함으로써 수원교구만의 Identity를 표출
하고 있으며, 각 Global 메뉴별로 Concept Color를 설정하여 일관성 있는 디자인을 구현하였다. Visual
영역과 확실하게 면분할된 Contents 영역을 제공함으로써 사용자의 시선흐름 유도 및 Contents에 대
한 인지를 돕고 있다.
Navigation Area
Key Color
Visual Area
Updated Contents
Quick Link Area
Concept
Color
정확하게 면분할되어 있는 Layout은 사용자의 직관적인
Contents 인지가 가능하도록 지원한다.
St. John’s catholic Church website renewal project Plan
Prepared by D.J. Park
11
Analysis >> Benchmark >> Project Strategy >> Term Management
3. Contents & Function
분당요한성당 웹사이트 개편사업
Icon 등을 적극 사용하여 사용자에게 Contents 습득 시 지루함이 없도록 유도하고 있으며, HTML 편집
기능 및 다량의 파일 업로드를 제공하는 편리한 게시판 기능을 제공함으로써 사용자에게 편의를 제공하
고 있다. (수원 교구에서 사용하는 HTML 편집모듈의 경우 유료 모듈을 사용하고 있어 해당 기능의 도
입을 추진할 경우 모듈에 대한 추가 비용지출이 필요함)
Icon 및 Visual 요소를 적극 활용한
Contents 구성은 사용자의 정보습득을
용이하게 할 뿐 아니라 Contents의
품격을 Upgrade 시켜주는 항목이다.
다양한 HTML 편집 기능과 웹 페이지 미리보기 기능,
다량의 파일을 손쉽게 업로드 할 수 있는 기능을 포함한
강력한 게시판 기능
St. John’s catholic Church website renewal project Plan
Prepared by D.J. Park
12
Analysis >> Benchmark >> Project Strategy >> Term Management
분당요한성당 웹사이트 개편사업
4. Benchmark issue
사용자의 이해를 돕는 잘 짜여진 정보구조와 다양한 Navigation 도구의 확충, 수원교구만의 Identity를
잘 표현하고 있는 디자인 요소의 구비, 사용자에게 편의성을 제공해 줄 수 있는 게시판기능의 구현 항목
이 시사점으로 도출된다.
Information
Navigation 사용자의 위치를 알려주는 Location
인지하기 쉽고 체계적으로
Architecture
구성된 정보구조 및 Contents에
대한 집중도를 향상시켜 주는 Layout
의 배치 및 관련 정보로의 신속한
이동을 제공하는 다양한 Navigation
도구
수원교구
홈페이지
시사점
Color Concept을 이용한
수원교구만의 Identity 표출
St. John’s catholic Church website renewal project Plan
Prepared by D.J. Park
Look &
Feel
Contents
& Function
강력한 게시판 기능 제공 및
Icon 등을 적극 활용한 Active한
Contents 구현
13
분당요한성당 웹사이트 개편사업
Analysis
본 프로젝트를 성공적으로 진행하기 위한 전략 제안
Benchmark
Project Strategy
Term Management
St. John’s catholic Church website renewal project Plan
Prepared by D.J. Park
1. Information Architecture
2. User Interface
3. Look & Feel
4. Contents
5. Board Function
Analysis >> Benchmark >> Project Strategy >> Term Management
1. Information Architecture
분당요한성당 웹사이트 개편사업
크게 본당, 선교, 알림마당, 참여마당의 네가지 분류로 구분하여 각 Contents별 성격에 부합하는 메뉴의
하위로 재배치를 진행한다. 또한, 메인화면에서만 이동 가능하였던 일부 메뉴들을 새롭게 신규 구성하여
적절한 위치에 배치한다. 기능성 메뉴들은 Local 섹션에 배치하여 상시 이동이 가능하도록 구현한다.
분당요한성당 홈페이지
본당
선교
알림마당
참여마당
Local
개관
전례와 성사
공지사항
자주 묻는 질문
로그인
성당
신자가 되려면
동영상 강론
자유 게시판
회원가입 / 수정
소공동체
주요 기도문
멀티미디어 자료실
분과 게시판
천주교 안내
사목평의회
십자가의 길
동영상 자료실
청년 게시판
혼인 관련 안내
재정관리위원회
이 주일의 전례
사진 자료실
테마 게시판
분당골
평협
가톨릭 성가
성 음악 자료실
청소년 사이트
주보 자료실
John’s Net
기타 자료실
매일 미사
시설 및 예술품
HTML 위주의 Push Contents Area
Quick Link 형태로 제공되는 Link
게시판 위주의 Communication Area
기능 위주의 상시 노출 메뉴
St. John’s catholic Church website renewal project Plan
Prepared by D.J. Park
성서 검색
15
Analysis >> Benchmark >> Project Strategy >> Term Management
분당요한성당 웹사이트 개편사업
2. User Interface
관리자 중심이 아닌 사용자 중심으로 업무를 분석 설계하여, 전체적인 화면 디자인, 마크의 배치 등 일관
된 User Interface 기능구현으로 사용의 용이성을 확보한다. 또한 디자인, Layout, Navigation이 적절
하고 편리하게 구성되었는지 사용성을 평가하고 시스템에 반영하여 간편한 사용자 인터페이스를 구축
한다.
?
!
분당요한성당
웹사이트
사이트 방문목적을
쉽고 빠르게 달성하
려는 사용자
체계적이지 못한
정보설계구조 와
인터페이스 등으로
사용자는 혼란증가
사용자 Needs가 반영된
Contents 구성/정보의
체계적 구성
방문 목적을 쉽고
빠르게 달성 할 수 있는
체계적 구성
Quick Link 및 관련 Contents로의 편리한 이동을 제공해줄
Link를 삽입하여 유기적인 Contents 이동이 가능하도록 지원
St. John’s catholic Church website renewal project Plan
Prepared by D.J. Park
16
Analysis >> Benchmark >> Project Strategy >> Term Management
분당요한성당 웹사이트 개편사업
3. Look & Feel
성당 분위기에 어울릴 수 있는 성스러운 느낌과 고급스런 느낌을 전달 할 수 있는 Key Concept을 설정
하여 홈페이지에 반영한다.
부드러운(Soft)
동적인
(Dynamic)
투명한
가벼운
밝
깨끗한 부드러운
아기자기 은
상쾌한
연약한
한
싱싱한
섬세한
즐거운
약한
신선한
맑은 얕은
순수한
깔끔한
따뜻한
유연한 매끄러운
재미있는 사랑스러운
정다운
여성적인
온화한
귀여운
경쾌한
잔잔한
향기로운
쾌활한
친근한 자연적인
달콤한
소박한
감미로운감성적인포근한
젊은
안정된
전원적인
새로운
환상적인
스포티한
편안한
가지런한
편리한
단정한
자유로운 장식적인
풍성한
여유있는
율동적인
우아한
활동적인
시끄러운 한국적인
넉넉한 감각적인
정돈된 그윽한
매력적인
멋진
은은한
즐거운
다양한
성숙한
돋보이는
개성적인
복잡한
화려한
뛰어난 차가운
Clear
Pretty
Natural
Elegant
dim
Gorgeous
정적인
(Static)
세련된
시원한
클래식한
품위 있는
조용한
정적인
수수
고상한
한
하이테크한
격식있는
여성적인
다이나믹한 혁신적인
보수적인 차분한
현대적
진보적인
전통적인
인
실용적인
지적인
점잖은
나이든
(모던 서양적인 도시적인
기능적인
한)
오래된
우울한
남성적인
기운찬 강인한
강한
mild
Casual
인공적인
거친
와일드한
딱딱한
견고한
깊은
무거운
gentle
Classic
Dynamic
Modern
탁한
중후한
어두운
딱딱한(Hard)
St. John’s catholic Church website renewal project Plan
Prepared by D.J. Park
17
Analysis >> Benchmark >> Project Strategy >> Term Management
분당요한성당 웹사이트 개편사업
4. Contents
사용자가 선호하는 컨텐츠 성향과 핵심 컨텐츠 분석을 통해 각각의 컨텐츠 유형과 속성의 중요도를 도
출한다. 또한, 유저 시나리오를 통한 Needs와 기존 사이트 분석을 토대로, Navigation 우선 순위를 정
하여 구성한다. 또한, Contents를 구성함에 있어 사용자의 Needs를 충족시킬 수 있는 Multimedia
Contents를 구현한다.
서비스
신뢰도

중요 컨텐츠의 Accessibility
- User Needs & Experience
- 사이트의 Promotion(홍보) 측면
기관의
신뢰도

정보 유용성
“User”
통합 시너지 극대화
- Contents와 방문유도 상호연계

Local/Global 메인 구성의 차별화
- Local : 서비스 신뢰도>서비스
서비스
만족도
정보 연계성
만족도>정보 유용성>정보연계성>>유저
Benefit/충성도( >유저 참여도>재방문 요소)
정보 접근성
정보
신뢰도
사이트
충성도
- Global : 기관의 신뢰도>정보 접근성>서비스
User
참여도
만족도=정보 유용성
재방문
요소
St. John’s catholic Church website renewal project Plan
Prepared by D.J. Park
18
Analysis >> Benchmark >> Project Strategy >> Term Management
분당요한성당 웹사이트 개편사업
5. Board Function
게시판의 생성/배포가 가능한 게시판 생성 모듈을 구현하여 추후 게시판 추가 개설 시 간단한 설정만으
로 게시판의 생성이 가능하도록 구현한다. 또한 생성된 게시판의 게시물 작성은 일반 사용자를 위한 기
본 작성 기능과 고급 사용자를 위한 HTML 편집 모드를 제공하며, 단일 게시물에 대해 다수의 파일을
업로드할 수 있도록 구현한다.
Board Module Flow Map
게시판 접근 및 읽기 가능
자료 다운로드 가능
Board generator
Module
비회원 및 비작성그룹
생성 / 관리
작성 그룹
홈페이지
관리자
게시물의 작성 및 수정가능
자료 업로드 가능
Board Database
입력항목
------------게시판명
회원접근그룹
관리항목
-------------게시물의 수정/삭제
회원접근그룹 변경
게시판 삭제
Board Function
접근 시 확인항목
-------------회원접근그룹 확인
Input type select
(Normal Input or HTML edit mode)
File Upload Module
(Several file upload possible)
St. John’s catholic Church website renewal project Plan
Prepared by D.J. Park
19
분당요한성당 웹사이트 개편사업
Analysis
Benchmark
프로젝트 진행 일정 및 관리
Project Strategy
Term Management
St. John’s catholic Church website renewal project Plan
Prepared by D.J. Park
1. Project Schedule
2. Project Management
Analysis >> Benchmark >> Project Strategy >> Term Management
분당요한성당 웹사이트 개편사업
1. Project Schedule
총 개발 기간은 8주로 하며, 중간에 진행되는 설문조사 기간을 포함한 기간을 말한다.
프로젝트 진행기간 : 2006.03.15 ~ 2006.05.06 (예정)
구분
기획
Task
W
W+1
W+2
W+3
W+4
W+5
W+6
W+7
자료 수집 및 의견 수렴
기능 정의 및 정보구조 수립
Navigation 구조 정립
메인 화면 구성
화면구성안 작성
일정관리
설문조사 설문조사 진행
디자인
메인 시안 작성 및 수정
Contents 페이지 Cording
Navigation 작업 진행
프로그램 DB 분석 및 설계
게시판 모듈 구현
관리 모듈 구현
페이지 Cording
사업진행 1차 회의
2차 회의
시연회
03.17
03.24
05.04
Test & Debugging
St. John’s catholic Church website renewal project Plan
Prepared by D.J. Park
21
Analysis >> Benchmark >> Project Strategy >> Term Management
2. Project Management
분당요한성당 웹사이트 개편사업
중간보고
1차 회의 : 기획안 Confirm 및 의견 수렴 (3.17 예정)
2차 회의 : 시안제공 및 의견 수렴 (3.24 예정)
(2차 회의 진행 후 2주간 설문 조사 진행, 진행 기간 중 시안 확정)
일정 보고 : 2차 회의 후 시연회 이전까지 필요에 의한 경우 수시 진행
시연회 : 디자인 및 프로그램 개발 완료 시 진행
산출물
사업 부문 : 견적서, 계약서
기획 부문 : 기획안, 화면구성안, 일정표
디자인 부문 : 개발 원본 자료 (PSD, FLA 파일 등)
프로그램 부문 : 테이블 구조도, 기능 정의서
St. John’s catholic Church website renewal project Plan
Prepared by D.J. Park
22