어떤 홈페이지가 좋은 홈페이지인가?

2011년 10월 19일 정동욱

다양한 홈페이지의 목적과 기능

• • • • 쇼핑몰 , 온라인 서점 , 음악 , 도서관 , DB 정부 , 전자정부 , 학교 , 학과 , 정당 , 학회 개인 홈페이지 , 블로그 , 학원 블로그 사진포털 , 커뮤니티 , 카페 … 각 홈페이지의 목적은 무엇이며, 각각 어떤 기능을 구현하고 있을까?

명확한 목적과 그에 따른 기능

친목 도모? 공지 게시? 홍보용? 자료 저장 및 검색용?

물건 판매용? 입장 개진용? 토론용? 유용한 정보 전달?

어떤 방문객들을 고려할 것인가?

교수? 재학생? 예비입학생? 다양한 방문객의 요구를 어떻게 만족시킬 것인가?

좋은 홈페이지의 요건

• • • • • • • • 알찬 정보와 지속적인 업데이트 목적에 필요한 기능의 구현 상식적이고 간편한 사용자 조작 디자인의 일관성과 단순성 항해 용이성 다양한 사용자에 대한 고려 페이지는 가능한 가볍게 검색에 잘 노출되어야

알찬 정보와 지속적인 업데이트

제작보다 지속적인 관리가 중요하다!

처음부터 관리와 업데이트 용이하게 만들어야!

웹에 맞는 정보 전달 형식

목적에 필요한 기능의 구현

쇼핑몰이라면 당연히 검색과 결제 기능이 있어야!

학회 홈페이지에서는 학회지 구독, 논문 투고, 회비 결 제 등의 기능이 있어야!

학과 홈페이지에서는?

상식적이고 간편한 사용자 조작

적절한 아이콘과 하이퍼텍스트의 사용 최근 마우스를 이용한 드래그 등도 자주 사용

디자인의 일관성과 단순성

페이지마다 글꼴, 형식, header, tail 등 통일 배경보다 전달하고자 하는 내용이 돋보이도록

항해 용이성

충남대학교 자유전공학부 홈페이지에서 다빈치 원서강독회 설명 페이지는 어떻게 찾아갈까?

다양한 사용자에 대한 고려

작은 화면 사용자, 모바일 사용자, 다양한 웹브라우저

페이지는 가능한 가볍게

필요 이상으로 너무 크거나 많은 그림은 삼가야

검색에 잘 노출되는 사이트

헤더 타이틀, h1, h2 태그의 적절한 사용 텍스트는 텍스트로! 그림의 대체 텍스트 사용!

기타

• • • 인쇄 용이성 사이트 내의 검색 용이성 보안 문제

아래 사이트에 대한 평가

• http://phps.snu.ac.kr

– 알찬 정보 및 꾸준한 업데이트 中上 – – 적절한 정보 전달 형식 : 中 (텍스트 중심) 손쉬운 관리 : 下 (관리 매뉴얼 없음) – – 목적에 따른 기능 구현 : 친목 下, 공지 上, 입 학 홍보 中, 장서 관리 上, 정보 저장 및 검색 中, 내규 공유 下 (교수, 학생, 예비입학생 모두 고려) 상식적이고 간편한 사용자 조작 : 익숙한 게시 판 형식, but 너무 과도한 사용

평가 (계속)

– – – – – – – 디자인의 일관성과 단순성 : 中上 항해 용이성 : 中 (관리자 페이지 접속 힘듬) 다양한 사용자에 대한 고려 : 中 (다양한 브라우저 에서 거의 동일, 모바일 페이지 없음, 영문 페이지 없음) 페이지의 가벼움 : 中 (사진게시판 섬네일의 파일 용량 큼) 검색에 잘 노출되는 정도 : 中 (h1, h2 태그 비사 용, 웹표준 지키지 않음) 인쇄 용이성 中, 보안 下 (배포 중지된 제로보드) 사이트 내 검색 용이성 : 中 (게시판만 검색 가능)

팀 발표 준비

• 충남대학교 자유전공학부 홈페이지의 문 제점을 분석하고 개선 방안을 마련하라.

– – – – 다른 학과의 홈페이지들에 대한 리뷰 필수 제작 비용과 유지 비용도 고려할 것 발표 준비 과정에서 Google docs를 활용할 것 발표는 ppt나 다른 소프트웨어를 활용할 것 • 발표일 : 11월 9일