1. 개요 및 기획짜기
인터넷에 나만의 홈페이지를 갖고 싶어하는 수많은 사람들이
어떻게 하면 그 중에서 개성있고 재미있는 홈페이지를 만들까에 대해 고민한다.
흔히 홈페이지에 꼭 들어가는 것들 -
안녕하세요로 시작하는 내 소개, 우리 가족 소개 등 나와 내 주변 소개를 하다가
끝나는 경우가 대부분이다. 이런 사이트는 보는 사람에게 ‘아, 이런애가 있구나
라는 것 외에는 아무것도 줄 수 없는, 한번 보고나면 다음번에 다시 들어와볼 이유가
없는 1회용 사이트가 되고 만다. 하지만 이곳에서는 여러 사람과 같이 공유할 수 있
는 신나고 재미있는 나만의 개성있는 홈페이지를 만들어보자.
나도 다시 보기 싫은 홈페이지를 만드는 것은 사절!
자신의 홈페이지를 만들기 전, 어떠한 주제로 만들지 고민해보자.
특별한 취미나 취향이 있나?
어떤 사람은 누구에게도 뒤지지 않을 만큼 음악이나 영화를 좋아할수도, 만화를
너무 좋아할 수도 있고, 운동이나 오락, 사회나 정치, 역사에 관심 있는 사람이
있을 것이다. 아마 곰곰히 생각해보면 무언가 남보다는 유달리 좋아하거나 관심이
있는 것이 한가지 쯤은 있을 것이다. 이것을 근거로 내 홈페이지의 주제를 정하자.
2. 사전조사를 하자
자신이 정한 주제와 같은 컨셉의 사이트를 찾아돌아다녀보자.
상품을 만들기 전에 사전조사가 필요하듯 사이트를 만들기 전에도 전반적인 흐름과
장단점 파악을 위한 조사가 필요한 법이다. 평소에 무심코 보아오던 사이트도 분석
적인 시각을 가지고 접근해보자.
좋은 사이트를 찾았다라고 생각될 때 카테고리별로 북마크 해놓는
고 다운받아서 연구하는것도 ^^
홈페이지란 무엇보다 자신이 만족하여야 하지만 다른 사람들도 보아야 할 것이므로
자신이 주는 정보와 사용자와의 교감이 더욱 중요하다.
난 바로 정보와 유저 사이의 매개체가 되는 것이다.
3. 홈페이지의 이름과 함께 어떠한 메뉴로 구성할 것인지를 정하자
앞으로 업데이트 할 것을 고려하여 너무 무리한 메뉴 구성으로 부담을 갖지 않도록
한다.
표현하고 싶은 것을 자유롭고 편하게 생각하여 이름과 메뉴를 정하자.
4. 스토리보드 만들기
웹 사이트를 보면 ‘사이트 맵’이나 ‘Content’라고 되어 있는 메뉴를 보았을 것이다.
보통 텍스트나 도표 형식으로 이루어진 구성도를 볼 수 있는데 이것은 제작 전 기획
단계에서 이루어진 것으로 이것을 기초로 제작이 이루어진다.
그냥 쉽게 내가 생각한 컨셉의 메뉴와 내용을 그림이나 텍스트로 정리한다고 생각하
자. 자신이 표현하고 싶은 대로, 타이핑을 하던 종이 위에 쓰건 그리건 맘대로 해도
좋다.
이때 각 메뉴의 역할과 그안에 구성되어질 내용도 같이 정리한다.
5. 자료수집 및 내용만들기
1차 자료인 사진이나 그림으로 이루어진 이미지를 포함, 자신의 사이트에 필요한
자료를 수집한다. 물론 텍스트도 준비한다. 정보 위주가 아닌 이미지 위주의 시각적
인 사이트라도 그것에 맞는 자료수집이 필요하다.
하다못해 내 소개 메뉴가 있는 사람은 옛날 앨범을 꺼내놓고 작년 여름에 동해에
놀러가서 수영복 입고 찍은 사진을 넣을지 학교 입학사진을 넣을지 고민해야 하
지 않는가.
주제, 사전조사, 이름, 메뉴, 스토리보드까지 모두 완성되었으면 사실 준비운동은 끝
났다.
다음은 실질적인 제작에 들어가야 한다.
정리를 하자면 아이디어 스케치 => 디자인 하기 => HTML 코딩하기 => 테스트
최종검사 => 완성 단계가 남아 있다.
홈페이지를 만들고 인터넷에 띄우려면 HTML(Hyper Text Markup Language)라는
일종의 언어가 필수이다. 각오 단단히 하시길.
아래는 홈페이지 맹글면서 얻은 교훈&참고자료임다.......
=======================================================
네비게이션:
설계할때는 아래를 참조..
1.쉽게 익힐수 있어야 한다.
2.일관성이 있어야 한다.
3.컨텐츠와 네비게이션을 분명히 구분해야한다.
4.사용자를 놓치지 말아야 한다.
5.궁지에 몰아넣어서는 안된다.
6.사용자의 행동과 시간을 절약해주어야 한다.
7.명확한 시각적 메시지를 제공해야 한다.
8.명확하게 이해할수 잇는 레벨을 사용.
9.사이트의 목적과 분위기에 적합해야 한다.
10.사용자의 목적과 행동을 지원해야 한다.
네비게이션을 짤때 주의사항및 꼭 검수를 해나가면서 넘어가줘야 하는 부분....
어떤식으로 설계를 하여야 할까?(생각.......고민.......)
사이트 를 설계할때 꼭 이런 생각을 해보쇼.
1.대부분의 사용자들이 메뉴를 통해 원하는 정보를 찾을수 있는가?
2.원하는 정보를 찾는데에 몇번의 페이지 로딩이 소요되는가?
3.명확한 라벨링이 되여 있는가?
4.각각의 메뉴들이 유기적으로 연결돼 있는가?
5.사이트를 빠져나가는 것을 쉽게 허용하지 않는가?
6링크의 타게팅이 명확한가?
또 요런 질문도 해보쇼
사이트는 얼만큼의 주기로 업데이트나 리뉴얼 작업하는가?
<님은 이 모든것에 익숙해져서 이젠 너무 편하다못해 짜증난다.
이럴땐 조심:사용자는 님이 익숙한 만큼 익숙하지도 않으며
익숙해 하려 하지도 않는다는 사실을....-.-
사용자는 어리석다는 말을 많이 한다. 하지만 그 사용자는 님이 될수도 있다. 고객을 항해도(지도)를 들고 있지 않다.
이들은 어떻게 원하는 컨텐츠(기획자가 원하는)를 보게 할것이고,어떻게 이용하게 핡섯이며 어떻게 오래 머무르게[ 하는지?
무엇을 보여줄껏인가..(이것두 생각해볼문제임다.)
메뉴의 메이밍
1.원하는 정보를 빨리 얻어내야 한다. 사용자의 편의성
메뉴의 네이밍 방법을 알아보자
첫째. 일관성을 가져야 한다.
둘째.균형성.
셋째.안정성
넷째.
메뉴의 작업시 몇개의 기본안이 있다.
1.6-8개가 가장 적당하다.
2.하나의 언어로 통일하라.
4.쉽게 하라.
메뉴의 설계이론
1.계층적 구조(트리구조)
2네트워크 구조
3.선형구조
메뉴의 구조란 무엇읖 뜻하는것일까?
*컨텐츠의 정리이고 하이퍼링크의 체계이다..
=================================================
이상은 제가 모아놓은 자료임니다.
타이핑을 하다보니 틀린글자도 많읍니다.(무책임)
그리구 제가 알아보기 쉽게 요약해서 적어둔거니가..
상세하지는 않슴니다.
홈페이지를 만든다면 한번쯤은 참조하시길....^^
그럼 님의 멋찐 홈페이지를 기대하면서...이만..
가서 잘렴니다..(지금은 새벽.....졸립다..)
