웹디자인 강의
기타 [1분짜리 팁!] 베스트 웹디자인 10계명 -_-;
2003.01.09 22:33
[1] 이름이나 로고 등은 반드시 모든 페이지에 넣어 두고, 로고는 홈페이지로 링크한다. (단, 홈페이지상에 있는 로고는 예외, 어떤 링크도 걸어 놓지 않는다. 절대 "지금 현재 페이지"로 연결되게 하여서는 안 된다.)
[2] 100 페이지가 넘는 분량을 계획하고 있다면 "찾기" 서비스를 제공한다.
[3] 그 페이지가 어떤 내용을 담고 있는지 명확하게 보여주는 직설적이고 간단한 헤드라인과 페이지 이름을 사용한다. 그래야 검색 결과를 접했을 때에도 쉽게 이해할 수 있다.
[4] 페이지가 담고 있는 내용을 쉽게 파악할 수 있도록 설계한다. 페이지가 많은 분량의 내용을 담고 있다 하여도 단 한번에 그것을 파악할 수 있도록 구분지어 주어야 한다. 예를 들어 묶어주기와 소제목 등을 활용하여 긴 글을 몇 그룹으로 나누도록 한다.
[5] 제한된 한 페이지 안에서 하나의 제품이나 주제에 관한 모든 내용을 담으려고 노력하지 말라. 하이퍼 텍스트를 이용하여 개괄적인 요약 페이지를 만들고 그 페이지를 통하여 구체적인 주제에 접할 수 있는 하부 페이지를 구성하도록 한다. 이는 사용자로 하여금 관심없는 주제를 피해 시간을 절약할 수 있도록 한다.
[6] 상품의 사진을 이용한다. 단, 산만하지 않게 구성하고, 수많은 사진과 함께 과도한 상품 소개는 피하는것이 좋다. 각각의 상품 소개 페이지에는 작은 사진을 이용하는 반면에 사용자가 원할 경우를 고려하여 보다 크고 정밀한 사진을 링크해 두는 것도 좋은 방법이다.
상품에 따라서는 확대 사진이나 회전 사진 등이 필요할 수 있는데 역시 그러한 특징적인 사진들은 하부 페이지에 두는 것이 옳은 구조이다. 주력 상품이라면 로딩이 빨라야 하므로 간단한 사진을 준비하는 것이 좋다.
[7] 작은 사진들이나 이미지를 이용할 때는 적절한 이미지의 변환(크기, 해상도 및 용량 등)을 염두에 두어야 한다. 단순히 원래 이미지의 크기만 조정하여 매우 작게 만들어 알아볼 수 없게 조정하여서는 안 된다. 상품의 특정 부분을 확대하거나 잘라내기와 크기 조정을 적절히 이용하는 것이 좋다.
[8] 각 링크 타이틀을 이용한다. 그리하여 사용자가 그 링크를 클릭하기 전에 각각의 링크들이 어떤 페이지로 연결되어 있는 지 미리 볼 수 있다.
[9] 모든 중요한 페이지들은 장님이라도 쉽게 접근 할 수 있도록 하여야 한다.
[10] 대부분의 다른 사이트가 하는 방식을 존중한다. 만약 다른 거대 사이트가 어떤 일을 어떤 방식으로 하였다면, 사용자들은 그들이 그 사이트에서 했던 방식 그대로 여러분의 사이트에서도 일을 처리하고 싶어 한다는 것을 잊어서는 안 된다.
끝으로 웹 디자인을 실제 사용자를 대상으로 항상 점검하라는 점을 당부하고 싶다. 사람들은 특이하고 예상치 못한 방식으로 행동하기도 한다. 그리고 그것이 아무리 조심스럽게 기획된 프로젝트라 하여도 끊임없이 점검하는 것을 잊어서는 안된다.
[2] 100 페이지가 넘는 분량을 계획하고 있다면 "찾기" 서비스를 제공한다.
[3] 그 페이지가 어떤 내용을 담고 있는지 명확하게 보여주는 직설적이고 간단한 헤드라인과 페이지 이름을 사용한다. 그래야 검색 결과를 접했을 때에도 쉽게 이해할 수 있다.
[4] 페이지가 담고 있는 내용을 쉽게 파악할 수 있도록 설계한다. 페이지가 많은 분량의 내용을 담고 있다 하여도 단 한번에 그것을 파악할 수 있도록 구분지어 주어야 한다. 예를 들어 묶어주기와 소제목 등을 활용하여 긴 글을 몇 그룹으로 나누도록 한다.
[5] 제한된 한 페이지 안에서 하나의 제품이나 주제에 관한 모든 내용을 담으려고 노력하지 말라. 하이퍼 텍스트를 이용하여 개괄적인 요약 페이지를 만들고 그 페이지를 통하여 구체적인 주제에 접할 수 있는 하부 페이지를 구성하도록 한다. 이는 사용자로 하여금 관심없는 주제를 피해 시간을 절약할 수 있도록 한다.
[6] 상품의 사진을 이용한다. 단, 산만하지 않게 구성하고, 수많은 사진과 함께 과도한 상품 소개는 피하는것이 좋다. 각각의 상품 소개 페이지에는 작은 사진을 이용하는 반면에 사용자가 원할 경우를 고려하여 보다 크고 정밀한 사진을 링크해 두는 것도 좋은 방법이다.
상품에 따라서는 확대 사진이나 회전 사진 등이 필요할 수 있는데 역시 그러한 특징적인 사진들은 하부 페이지에 두는 것이 옳은 구조이다. 주력 상품이라면 로딩이 빨라야 하므로 간단한 사진을 준비하는 것이 좋다.
[7] 작은 사진들이나 이미지를 이용할 때는 적절한 이미지의 변환(크기, 해상도 및 용량 등)을 염두에 두어야 한다. 단순히 원래 이미지의 크기만 조정하여 매우 작게 만들어 알아볼 수 없게 조정하여서는 안 된다. 상품의 특정 부분을 확대하거나 잘라내기와 크기 조정을 적절히 이용하는 것이 좋다.
[8] 각 링크 타이틀을 이용한다. 그리하여 사용자가 그 링크를 클릭하기 전에 각각의 링크들이 어떤 페이지로 연결되어 있는 지 미리 볼 수 있다.
[9] 모든 중요한 페이지들은 장님이라도 쉽게 접근 할 수 있도록 하여야 한다.
[10] 대부분의 다른 사이트가 하는 방식을 존중한다. 만약 다른 거대 사이트가 어떤 일을 어떤 방식으로 하였다면, 사용자들은 그들이 그 사이트에서 했던 방식 그대로 여러분의 사이트에서도 일을 처리하고 싶어 한다는 것을 잊어서는 안 된다.
끝으로 웹 디자인을 실제 사용자를 대상으로 항상 점검하라는 점을 당부하고 싶다. 사람들은 특이하고 예상치 못한 방식으로 행동하기도 한다. 그리고 그것이 아무리 조심스럽게 기획된 프로젝트라 하여도 끊임없이 점검하는 것을 잊어서는 안된다.
댓글 13
-
▷◁ okoru
2003.01.09 23:15
좋은 강좌! ^^ 감사합니다. -
고호중
2003.01.10 00:50
^^* 미처 생각지 못한부분이 몇개잇네요 ^^ 감사합니다 -
GPel
2003.01.10 05:59
하나 더 추가하자면...
메인페이지.. 홈페이지에 메인 페이지를 넣으시는 분이 많은 신데요..
방문자를 환영하는 뜻에서.. 어서오세요~ 하는 뜻으로 넣으시는 분들이 있으실텐데요..
방문자들에게 거추장 스럽기만 합니다..
한번지나가는 홈페이지에는 별 상관 없지만..
방문자가 여러차례 이상 방문하는 사이트라면..
메인페이지는 되도록 없애는 것이..(__) -
Mashin
2003.01.10 10:08
6,9,10 빼고 이해가 안가네요 다른거는 예전부터 알아서 실행 하고 있지만요.
GPel // 공지사항과 최근게시물을 해놔서 공지사항은 다른 사람들 보게 하고
저는 최근 게시물을 보는데 그건 거추장 스러운게 아니겠죠? 아닌가요?? -
Forevernero
2003.01.10 11:29
Mashin//
GPel님이 말씀하시는 메인페이지는
그냥 들어가라는 그림만 있는 페이지를 말씀하시는거 같은데요...
무슨 그림이 있고, Enter나 Skip을 누르는 페이지 말이에요... -
Cloverworld
2011.04.06 07:54
웃긴대학처럼요..[...] -
조범근
2003.01.11 10:05
인트로 화면인것 같아요 -
디잔장이
2003.01.11 10:15
말그대로 Home Page를 말씀하시는 것 같네요..^^
하지만 어떤 특정한 의도로 그 사이트의 분위기를 한방에 나타낼 수 있는 가장 효과적인 방법 중
하나가 인트로라고 불리우는 "홈페이지"겠지요..
이 부분은 적절하게 사용하면 사이트 이미지를 부각시키는데 매우 효과적일 수 있지요.ㅎㅎ -
ⓘⓝⓢⓤ™
2003.01.11 10:47
퍼가두되져..??;;
퍼가쑴돠..ㅡㅡ; -
김방현
2003.01.12 09:31
GPel //
저도 그 부분에 대해서 많이 고민했는데요.. ^^;
매일매일 오는 사람에겐 의미 없는 페이지가 아닌가 하고요..
결국.. 그 환영페이지에 가장 최근 공지 하나를 같이 띄워 놓았습니다. ^^
그러니깐 공지가 확실히 더 잘되는거 같더군요..
이리저리 배치만 잘 하면 단조로운 환영페이지에 변화도 줄 수 있고..
좋은 아이템으로 사용하고 있습니다 ^^ -
Nersion
2003.01.13 22:40
음.. 특별히 인덱스 [ 인트로 ] 가 필요한 홈페이지들이 상당히 많답니다 'ㅡ';;
거추장 스럽기도 하겠지만요... 기본적으로 셋팅을 해주는 곳의 역할이 되기도합니다.
[ 특히 사이즈부분 ]이나 두개의 대조되는 이미지의 홈페이지도 대다수 있기때문입니다.
음... 요즘은 대부분이 인덱스화면을 제외하는경우가 많은데요
그러한 사이트는 사람들의 커뮤니케이션이 주가되고있는 커뮤니티성 홈페이지가 주가됩니다.
그리고 자주 접하는 사이트들이 커뮤니티성 홈페이지이기 때문에 거추장스러워 보이게 된거지요.. 커뮤니티성 홈페이지는 800 * 600 + 를 기본으로 해두기때문에 인덱스화면이 점점
사라지는 추세가 된겁니다.
개인홈페이지나 다른 여러 테마가존재하는 홈페이지는 분위기 부각을 위하여 필수품인것을
거추장스럽다고 하시면 안되겠지요 'ㅡ'; -
ⓢun™
2005.08.08 01:06
좋은 팁이네요- 특히 1번 항목이 good~! ^^ 잘 배우고 갑니다 -
벨몽이
2013.12.17 09:22
좋은글 퍼갑니다^^;