큰공룡님의 윙박스

겨울 준비...

큰공룡 — Fri, 04 Jul 2008 16:14:27 +0900

한 여름에 겨울 준비한다니 사람들이 웃는다....^^

이번에 준비한 와이프 장비와 내 장비.....

07/08 BURTON FEELGOOD 144

07/08 LEXA [BLACK]

07/08 SALMON OPTIMA [AUBERGINE / BLACK]

Flux MH4L

BURTON SL-10

버튼 클래식...

큰공룡 — Fri, 04 Jul 2008 12:04:58 +0900

난 언제 이라 타지???

붉은 노을...

큰공룡 — Wed, 02 Jul 2008 16:39:11 +0900

원더걸스....

큰공룡 — Fri, 23 May 2008 09:35:55 +0900

우째 이런일이....

큰공룡 — Thu, 08 May 2008 11:20:53 +0900

그냥 다 같이 웃어 봐요...ㅎㅎ

웹사이트 기획, 설계, 제작디자인, 유지보수

큰공룡 — Tue, 15 Apr 2008 10:24:52 +0900

< 웹사이트 어떤 과정으로 구축되어지나 >

필자가 처음 웹이라는 매체를 접한지 벌써 6년이 되어 버렸다. 그 6년이라는 시간동안 웹은 단순 홍보개념에서 지
금은 하나의 사업수단으로서 그 역할이 매우 확대되었으며, 많은 가능성들을 만들어 가고 있다. 초기 웹사이트 제
작형태 모습은 디자이너와 웹마스터 이 둘이 제대로 된 사이트 기획과정 없이 주먹구구식으로 만들어 내던 것이
대부분이었지만. 웹사이트의 비중이 막대해진 요즘 유무형의 수익성을 갖춘 웹사이트를 제작하기 위해 많은 이들
이 숨가쁘게 움직이고 있다.
그러나 아쉬운 것은 이런 움직임속에 속한 대부분의 분류가 대기업과 대기업의 사이트 제작 의뢰를 받은 웹에이전
시에 한정되어 있다는 것이다.
아직도 한국의 많은 기업들이 온라인에 대한 투자와 인식이 부족한 탓에 실질적인 IT강국으로서의 알맹이는 없다
고 보여진다.

대부분의 중소기업 사이트들은 고작 1일 평균 방문자수가 10명이내로 매우 미약한 편이다. 이 10명도 당사 홈페이
지 관리자나 관계자의 출입이라는 것이 심각한 문제가 아닐 수없다.
그렇다면 왜 대기업에서 운영하는 사이트는 방문자가 많고, 중소기업에서 운영하는 사이트는 상대적으로 방문자
가 적은것일까?
잘못 생각하면 대기업은 투자자금이 많기 때문에 웹사이트를 크게 만들고 광고해서 방문자가 많은 것이라 생각할
수 있을지 모르나 그것은 큰 오산이다. 이는 대기업들이 인터넷의 특성을 누구보다 빨리 이해하고 시장을 빨리 개
척해 나갔기 때문인것이다. 이처럼 인터넷은 어느 기업에게나 가능성이 열려 있는 새로운 공간이 아닐 수 없다.
인터넷이라는 황무지를 누가 먼저 어떤식으로 점령해 가는지에 대한 문제인것이다.
아직 대부분의 업종들에서 인터넷상에서의우위를 차지하고 있는 업체는 몇 안되고 있다. 이는 인터넷이라는 황무
지를 선점할 수 있는 많은 기회와 시간적 여유가 있다는 것이다.
그러나 그저 남들과 똑같은 홍보대용으로서의 홈페이지만을 생각하고 있다면 홈페이지를 만든다고 하더라도 죽은
홈페이지가 되기 쉽상이다.
인터넷이라는 공간상에서 기업활동을 활발하게 도와줄 수 있는 웹사이트를 구축하고 싶다면 제대로 된 구축과정
에 대한 이해와 이를 통한 제작을 통해 그 목적을 달성할 수 있을 것이다.

웹사이트는 구축과정은 다음과 같은 과정으로 이루어지며 크게보면 기획,설계,제작,운영의 4단계로 만들어지게 된
다.

제1단계 웹사이트 기획
- 홈페이지 제작 목적의 명확화.
- 홈페이지 주된 열람 대상(Target Audience) 분석
- Domain Name 확정 및 신청
- 제공정보 List 작성
- 경쟁 사이트 분석
- 자료수집

제2단계 웹사이트 설계
- 페이지의 목적 결정.
- 페이지에 요구되는 기능 결정,
- 기능을 구현하기 위한 구체적인 방법 선택.
- 페이지 레이아웃 초안 제시.

제3단계 웹사이트 제작&디자인
- 수집자료 HTML 코딩.
- 개성 있는 홈페이지를 만드는 ‘메타포’
- 적절한 그래픽 사용.
- 각종 Script 및 Program 제작.
- DB 연동 및 입력.
- 시험 데이터 입력 및 테스트.
- 통합테스트.
- 시연회 및 문제점 검토.
- 문제점 수정/보완.
- 홈페이지 최종 테스트 및 관리자 교육

제4단계 웹사이트 유지 및 보수
- 홈페이지 유지&보수의 중요성.
- 내용의 갱신.
- 사용자의 성향분석 및 예측.
- 트렌드 따라가기

위에서 보는 것처럼 제대로된 웹사이트를 구축하기 위해서는 복잡한 과정을 통해 제작되어지게 되는데. 위의 과정
중 하나라도 소홀하게 된다면 기업이 사이트를 통해 얻고자하는 바를 달성하기 힘들게 된다. 제작단계의 효율성
을 위해 몇개의 과정을 생략한채 사이트를 제작하는 경우도 있지만 가급적이면 위의 과정을 준수한채 사이트를 구
축해야 부실공사의 위험에서 벗어날 수 있게 된다.

먼저 구축과정중 기획과정에 대해 설명하면 다음과 같다. 구축하고자 하는 사이트의 목적과 목표를 확실히 하고
구축완료하여 그 목표에 최대한 접근하기 위한 시장 조사 및 타겟층 분석등 일련의 제작전 준비단계를 말한다.
두번째 설계과정은 직접적으로 사이트에 반영될 디자인, 컨텐츠, 기능등을 점검하고 이를 가시화 함으로써 목표
한 웹사이트를 구축해 내기 위한 설계작업이라 할 수 있다.
튼튼하고 안전한 집을 짖기 위해 설계도면을 미리 작성하는 것처럼 미리 제작될 사이트를 문서화작업을 통해 사이
트가 담고자 하는 내용등을 미리 시각화하는 작업이라 할 수 있다.
이런 과정을 거쳐야만 집을 짓는데 참여하는 제작자들이 설계된 도면에 맞춰 각자의 역할을 제대로 수행할 수 있
을 뿐더러, 기업이 원하는 웹사이트의 모양을 똑같이 만들어 낼 수 있는 것이다.
다음으로 제작과정을 살펴보면 제작과정은 크게 사이트를 포장하기 위한 디자인과 다양한 기능을 제공하기 위한
프로그램과정으로 나눠지게 된다.
디자인의 경우는 그저 단순히 사이트를 이쁘게 꾸미는데서 벗어나, 사용자의 편리성, 타겟층의 선호도, 효과적인
정보제공을 고려하여 제작하게 되며, 프로그램은 웹사이트에서 사용자와의 다양한 커뮤니케이션 유도를 위해 다양
한 기능을 첨가는 것을 말한다.
웹사이트가 가지고 있는 장점이 일방향적인 매체가 아닌 고객과의 실시간적인 상호작용이 가능하다는 것이다. 이
를 이용하여 다양한 수익창출 효과로서 연결할 수도 있으며, 충실한 고객층을 확보할 수 있는 길을 마련할 수 도
있다.
마지막으로 운영에 있어서는 많은 기업들이 이를 너무 쉽게 간과해 버리는 경우가 많은데, 단편적인 예로 많은 중
소기업인들이 사이트의 유지관리 부분을 상품의 업데이트나 게시판에 답변글을 달아주는 정도라만 여기고 있다.
그러나 사이트의 진짜 생명력은 운영의 묘에 있다고 할 수 있다. 사이트가 제작되어지고 오픈된후 고객들의 반응
을 면밀히 체크하고 이에 적절히 대응할 수 있어야. 오랜 생명력을 가진 웹사이트로서 그 기능을 발휘할 수 있을
것이다.

▶ 웹사이트 기획과정에 대해 살펴보기

01. 비즈니스 모델 수립
기업 및 개인들이 홈페이지를 만드는 가장 중요한 목적은 고객서비스 , 전자상거래 , 상품광고, 기업홍보, 정보
의 제공 등 여러 가지일 것이다. 기업 입장에선 홈페이지는 전세계를 향한 광고이자 사무실이자, 하나의 상점인
것이다. 당사는 홈페이지 제작을 의뢰한 업체와의 의견 교환 및 업무분석을 통해 홈페이지 제작 목적을 명확하게
합니다

02. 타겟층 분석하기
설정된 목표에 근거하여 주된 열람 대상이 정해지고 이들의 환경(즉 클라이언트 의 환경)을 고려하는 것이 중요하
다, 홈페이지 제작 이전 고려해야만 할 것들이 많이 있으나 그 중 제작에 큰 영향을 주는 것 몇 가지를 알아 보
면,

가.주된 열람 대상 및 서비스대상에 따라 홈페이지의 언어별 버전을 확정함.
나.주된 열람 대상(Target Audience) 접속 속도. 클라이언트에게 도달하는 패킷들의 전송 속도
다.지원하는 브라우저 인터넷 업계가 HTML을 표현하는 방법에 대해 아직까지 완전한 합의에 도출
라.모니터(해상도 결정 1024*768, 800*600등)

03. 인터넷 주소 신청하기
먼저 회사명, 제품명, 브랜드명에 따라 방문자들이 쉽게 인식할 수 있는 인터넷주소를 신청해야 한다. 요즘은 넷
피아에서 제공하는 한글도메인도 함께 많이 사용하고 있는 추세이므로 한글 도메인 역시 획득해 놓는 것이 좋다
고 할 수 있다. 사이트 제작 후에 도메인을 신청하게 되면 다른 사람이 먼저 선점할 가능성이 있으니, 도메인 신
청 만큼은 반드시 사이트 제작전에 해 두어야 할것이다.

04.컨텐츠 기획
실제 웹사이트를 구축하기 위해, 사이트에 어떠한 어떻게 담을 것인지를 확정하는 단계이다. 아무리 좋은 정보를
제공하는 사이트이더라도, 컨텐츠 기획과정이 소홀히 다뤄지면 사이트는 목적성을 잃기 쉬우며, 사용자의 혼돈을
가져 올 수 있으므로, 요즘의 트랜드에 맞게 체계적이고 효과적인 방법으로 설계하여야 할것이다.

05.경쟁사이트 및 동종업계 사이트 벤치마킹
홈페이지 구축 목적, 주된 열람 대상, 제공 정보 등이 결정되면 동종 업체 또는 유사 업체가기 운영중인 홈페이지
에 대한 철저한 벤치마킹을 실시하여 발생 가능한 시행착오를 사전에 예방하고 경쟁 사이트 보다 더 나은 컨텐츠
를 제공하여 경쟁 사이트 대비 우위 확보.

▶ 웹사이트 설계과정에 대해 살펴보기

01. 페이지의 목적 설정하기
가장 먼저 할 일은 각 페이지의 목적을 정하는 것이다. 각 페이지가 무엇을 하기위한 페이지인가를 결정하고 그
결정에 따라 구조상의 위치 즉 홈페이지로부터 몇 번을 클릭해야 내용이 나와있는 페이지가 나오도록 할 지, 또
한 그러한 contents 페이지에 가기 위해서는 몇 개의 중간단계를 거치도록 해야 할지를 결정한다. 방문자에게 최
소의 클릭 수를 주기 위해서는 가능하면 수평구조적인 웹사이트가 바람직하지만 많은 내용을 첫 페이지에 집어 넣
는 경우에는 페이지 자체가 너무 커져 버려 다운로드 받는데 시간이 오래 걸리는 단점이 있다. 뿐만 아니라 정보
의 산만한 전개는 정보의 가치에 경중을 구별할 수 없게 만들어 버린다. 따라서 각 페이지의 위치는 페이지 존재
의 목적에 따라 달라져야만 한다

02. 기능 결정하기
각 페이지의 역할 즉 존재의 이유(?)가 결정되면 그러한 목적을 달성하기 위해 각 페이지가 갖추어야 할 기능을
결정한다. 컨텐트 페이지라면 그 페이지가 어떤 정보를 제공할지, LNM과 GLM은 어떻게 적용시켜야 할지, 어떤 페
이지들을 링크 시켜야 할지, 실제로 어떤 내용을 넣어야 할지 등이 결정된다. 내비게이셔 널 페이지라면 논리적으
로 아래와 위의 페이지들과 어떻게 연결시켜야 할지, 아래에 연결된 페이지들에 대해 어떻게 알기 쉽게 설명을
할 지, 검색의 용이성을 위해 어떤 추가적인 기능이 필요할지, 내비게이션 방법들은 어떻게 적용시킬지 등이 결정
된다

03. 구체적인 방법 선택
일단 페이지의 기능이 결정되면 그것을 어떻게 웹 페이지상에서 만들 것인가를 선택한다.즉 결정된 페이지의 기능
을 구체적으로 어떤 방법을 이용하여 페이지에 나타낼 것인가를 결정하는 것이다. 이해에 도움이 되도록 예를 들
어보자. 단계 2에서 결정한 기능을 구현하기 위하여 역사를 10년 단위로 구분하고 각 역사의 단계에는 대표적인
그림을 손톱그림(thumbnail)식으로 집어 넣는다. 그리고 그 그림을 클릭하면 완전한 그림과 설명이 들어가 있는
페이지가 나올 수 있도록 링크한다. 한국의 역사와 회사의 역사를 구분하는 것은 매출액 그래프로 하되 손톱 그림
들의 비율을 고려하여 적당한 모양으로 한다

04.페이지 레이아웃 초안 작성
이상과 같이 단계1로부터 단계3까지의 과정을 모두 거친 후 이 단계에서 할 수 있는 일은 구체적인 페이지 레이아
웃을 그려보는 것이다. 위의 예를 들자면 각 역사를 나타내는 그림들의 구체적인 크기와 내용을 결정하고 페이지
각 부분의 공간이 어떤 정보로써 어떻게 채워지는지 결정한다. 기획 단계에는 가능하면 작업에 관계된 모든 사람
들이 참여해야 하지만 특히 이 단계에 이르러서는 디자이너들의 역할이 절대적이다. 이상과 같은 과정을 거치면
해당 페이지에 대한 워크시트가 나온다. 웹사이트는 그 특징상 의뢰업체와 제작사가 반드시 한 자리에 모여서 일
을 하지 않아도 되는데 이 경우 잘못된 의사소통의 가능성을 사전에 차단하여 원활한 진행이 되도록 하는 설계도
가 바로 워크시트다.

▶ 웹사이트 제작과정에 대해 살펴보기

01. 인터페이스 디자인 설계
거리에 나가 쇼 윈도우를 보면 그 상점이 무엇을 취급하는 곳인지 쉽게 알 수 있다. 스포츠용품 가게나 전자제품
대리점은 한눈에 무엇을 전문적으로 취급하는 곳인지 알 수 있도록 개성 있게 상품을 진열해 놓는다. 웹사이트도
마찬가지다. 사이트에서 전달 하고자 하는 내용 또는 보여주고자 하는 분위기를 직관적으로 알 수 있게 하는 것
이 메타포다. 메타포는 사이트의 목적과 주된 사용자 층의 특성에 따라 결정돼야 하며 사이트가 무엇을 전하려고
하는지 직관적으로 알 수 있도록 사용 돼야만 한다. 의뢰 회사의 전체적인 마케팅 및 홍보전략의 연장선에서 결정
된 메타포는 더욱 강력한 효력을 발휘할 수 있다.

02. 메인 및 템플릿 디자인
그래픽은 주된 사용자 층의 접속환경에 맞추어 사용돼야 한다. 웹 제작 개념이 부족한 조직내의 결정권자들의 경
우에는 가능하면 아름답고 예쁜 디자인이 나오기를 요구한다. 이런 요구는 제작 회사로 하여금 많은 그래픽을 사
용하도록 강요한다. 그러나 웹 제작에 익숙한 디자이너라면 아름다운 페이지가 반드시 다양한 그래픽을 많이 사용
해서 만들어 진다고 생각하지는 않을 것이다. 홈페이지 제작에 있어서도 가능하면 적은 양의 그래픽으로 최소의
사용으로 효과를 보는 것이 좋다. 많은 그래픽을 사용하면 아마 해당 사이트는 일부 네티즌만 볼 수 있는 사이트
로 전락할 것이다. 대부분의 네티즌들은 아직도 다이얼 업 모뎀을 통해 인터넷에 접속한다. 따라서 많은 그래픽
을 사용하면 엄청나게 느린 화면 출력 속도를 맛보게 된다. 그렇다고 해서 그래픽이 지나치게 제한돼 사용된 사이
트는 미적감각이 떨어져 보일 수 있다. 사이트 접속 속도와 그래픽은 서로 관련 지어서 알맞은 선에서 결정해야
할 일이다.

03. HTML과 자바스크립 코딩
브라우저는 서버가 보낸 HTML을 모니터상에 보이게 하는 역할을 하는 것이다. MS 익스플로러를 사용 하는지 넷스
케이프 네비케이터를 사용하는지, 사용 버전은 어떠한지에 따라 모니터에 보여지는 홈페이지의 모양이 달라질 수
있다. 이러한 상황을 충분히 고려하여 주된 열람 대상자에게 가장 잘 호환되는 HTML 코딩 작업이 이루어져야 한
다. 또한 정적인 HTML에 자바스크립트등을 이용하여 동적인 효과를 위해 자바스킙트 코딩이 디자인 단계에서 이루
어지게 된다.

04.웹프로그래밍 제작
웹사이트에 사용자와의 상호 작용을 위한 프로그래밍 작업을 하게 되는 단계로서, 주로 ASP,PHP,JSP등의 프로그래
밍 언어를 이용해 제작한다.

05.데이터 입력 및 테스트
인터넷은 실시간 상호의사소통이 가능한 매체이다. 홈페이지 제작 의뢰 업체는 홈페이지를 운영함에 따라 기업의
홍보효과 외에 부수적으로 방문자에 대한 정보의 획득 및 축적이 가능하다. 이러한 축적된 고객자료를 바탕으로
보다 과학적인 고객 DB 마케팅이 가능해지므로 DB테스트는 가장 중요한 단계이기도 하다.

06.통합테스트
홈페이지를 구성하는 각각의 요소(DB, 게시판, 스크립트 등)들을 사이트내에서 통합하여 각각의 구성요소의 정상
적인 작동여부를 테스트 합니다.

07.통합테스트
제작팀이나 제작업체 입회 하에 전체적인 홈페이지 시연회를 갖는다. 이 자리에서 제작팀이나 의뢰업체의 최종적
인 의견을 수렴하여 의뢰회사가 원하는 최적의 방향으로 수정 및 보완에 관련된 사항을 모니터링 한다.

08.문제점 수정 보완
시연회에 지적된 문제점의 수정, 보완 작업을 실시하는 단계입니다.

09.웹사이트 오픈
초기 획득한 도메인주소와 제작된 사이트를 연결하여, 인터넷을 통해 방문자가 들어올 수 있도록 사이트를 오픈하
는 단계를 말한다. 이때 FTP를 이용하여 제작된 사이트를 웹서버로 전송하게 되며, 각종 검색엔진에 검색을 신청
하면 된다.

▶ 웹사이트 유지/보수과정 살펴보기

01. 지속적인 내용 갱신 및 피드백
일반적인 사람들 치고 철 지난 잡지를 보는 사람은 별로 없다. 인터넷 홈페이지도 마찬가지다. 항상 적절한 정보
를 제공하지 못하는 사이트는 찾아오는 방문자의 발길마저 차츰 끊게 만든다. 반면 유익한 자료를 주기적 또는 시
기에 맞춰 갱신하는 웹사이트는 방문자가 다시 찾도록 하는 흡인력을 갖게 된다
이처럼 내용의 갱신은 홈페이지 흥망성쇠에 매우 중요하다.

02. 사용자 성향 분석 및 예측
홈페이지의 어느 페이지가 가장 많은 히트 수를 기록하고 있고, 어느 페이지가 히트 수가 저조한가 알 수 있게 해
주는 것이 서버의 로그파일이다 로그파일을 통해 100퍼센트 정확한 사용내역을 안다는 것은 불가능하다. 하지만
홈페이지 상황판단과 정책결정에는 충분한 도움이 된다.

이러한 로그파일 분석을 통하여 방문자 특성에 대한 조사자료를 통해 그들이 원하는 정보의 우선순위를 파악할
수 있고 이에따라 진열대의 상품을 재배치하듯 사이트의 우선 순위를 재조정할 수도 있다. 방문자가 보기를 원하
는 정보를 가장 잘 보이는 곳에 두고 그 바로 옆에 홈페이지에서 보여주고자 하는 핵심 컨텐트를 같이 제시함으로
써 자연스러운 방문을 유도하는 등의 방법이사용될 수 있다.

03. 컨텐츠 보강과 새고객 유치를 위한 이벤트
사용자의 니즈를 분석하고, 현재 인터넷 트랜드를 항상 점검하여, 새로운 비즈니스 모델에 맞는 컨텐츠를 보강하
여, 사이트의 확장을 가할 필요가 있다.
오픈되었을 당시의 컨텐츠로만 사이트를 유지할려 하다보면 금새 타 업체에 의해 따라잡히기 쉽기 마련이다. 그러
므로 항상 시장에 대한 조사와 함께 그에 따른 컨텐츠를 개발해 나갈 필요가 있다.

04. 지속적인 고객관리
CRM 기법을 도입하거나, 뉴스레터, 이벤트등을 통하여 기존 고객에 대한 철저한 관리가 필요하다. 인터넷쇼핑몰
의 경우 새로 방문한 고객보다 주 고객층이 상품을 더 많이 구매하는 것으로 조사된 통계가 있듯이, 철저히 고객
맞춤 서비스를 통해, 충실한 고객수를 늘려갈 필요가 있다.

[출처] 웹사이트 기획, 설계, 제작디자인, 유지보수 (플래시 카페 (Flash,액션,소스,강좌,포토샵,PHP,자바스크립트)) |작성자 원더걸스

나의 생각 : 이 모든것보다 더 앞서야 하는것이 열정이 아닐까?

열정이란 단어는 참 부러운 단어임에는 분명하다....

기획부터 오픈까지

큰공룡 — Tue, 15 Apr 2008 10:15:46 +0900

1. 기획단계

1) 목표 설정
왜 사이트를 구축하며, 원하는 목표가 무엇인지를 명확히 하는 일은 사이트를 구축하는데 있어 근본적인 방향을 제시해 준다.
(1)클라이언트(고객)가 원하는 사이트의 목적과 기능은 무엇인가?
(2)사이트를 통해서 어떤 커뮤니케이션을 달성할 것인가?
(3)사이트를 구축해서 얻게 되는 기대효과와 이익은 무엇인가?
(4)어떤 방향으로 확장해 나갈 것이며, 향후 발전 방향은 무엇인가?

2)타켓 설정
모든 사람을 대상으로 서비스하고 모든 사람들이 방문해 주길 바랄 수는 없다
(그럼에도 불구하고 모든 사람이 볼 수 있었으면 하는 막연한 욕심과 기대는 누구에게나있다.) 타켓설정, 즉 사이트의 주된 사용자층을 정의하는 것은 사이트의 방향성을 더욱 분명하게 만들고, 제작 범위의 기준을 수립하는 일이다. 특정 그룹을 사용자층으로 지정하되 처음부터 너무 좁은 범위로 제한을 하는 것은 모험이 따를 수 있으므로 가능성을 최대한 열어놓은 상태에서 설정하도록 하자.
(1) 어떤 사용자층이 이 사이트를 보게 될 것인가?
(주된 사용자층의 나이, 성별, 직업, 성향, 관심분야 등)
(2) 사이트에 관심을 가질 만한 잠재적인 사용자층은 무구인가?
(3) 어떤 사용자층이 사이트의 구현 목적에 가장 잘 부합되는가?
(4) 타겟 사용자층에 맞는 시스템 환경, 기술수준의 범위, 인터랙티브한 요소의 사용 유무와
한계, 브라우저의 종류 및 버전, 해상도, 전송 속도 등을 결정한다.

3) 경쟁 사이트와 시장 분석
(1)현재 가장 유력한 경쟁 사이트는 어디이며, 경쟁 사이트의 장점과 단점은 무엇인가?
(2)경쟁 사이트보다 유리한 점과 취약한 점은 무엇인가?
(3)인터넷 이외의 다른 미디어에 같은 서비스를 하고 있는 업체가 있는가?
(4)유행하고 있는 디자인, 기술 경향은 무엇인가?
(5)예상 사용자층에게서 다양한 방법을 통해 의견을 수렴한다.
①.경쟁 사이트를 방문하게 한 후, 느낀 소감이나 가장 관심이 쏠렸던 부분에 대해 표현하도록 한다.
②.기존의 사이트를 운영하고 있는 경우라면, 여러 가지 항목을 대상으로 사이버 투표 등을 통해 네티즌들의 의견을 물어본다.
③.예상 사용자층을 모아 사이트 전반에 대한 개요를 설명하고, 다양한 아이디어를 수렴한
다.

4) 전략 세우기
(1)사이트의 컨셉을 정의한다.
① 조사, 분석된 사항들을 토대로 팀원들간에 브레인스토밍(Brainstorming)을 한다.
② 사이트가 어떤 구조를 가지고, 어떤 기능을 하며, 어떤 흥미를 느끼게 할 것인지 함축적 인 단어나 은유적인 형용사 등을 동원해 자유롭게 표현한다.
③ 각자의 상상에 따라 가장 이상적이라고 생각되는 사이트의 시나리오를 작성하고 발표한다.
④ 사이트에서 가장 관심이 집중되고, 가장 중요하게 생각되어야 할 기능을 세밀하게 따져 본다.
⑤ 사이트의 목적과 기능에 부합되는 독창적이며 신선한 컨셉을 고르고, 이에 대한 의견을 좁혀간다.

(2) 외형적인 스타일을 결정한다.
그래픽적인 요소들을 기준으로 사이트의 외적인 모습을 어떤 스타일로 추구할 것인지 결정한다.(전체적인 분위기, 기조색 등)

(3) 메시지 표현의 주된 수단을 결정한다.
텍스트 위주로 할 것인지, 그래픽 이미지 위주로 할 것인지, 사진으로 할 것인지, 사운드로 표현할 것인지 등등...

(4) 사이트의 서비스 범위를 설정한다.
서비스하게 될 기술적인 자원들을 설정한다.(예 : 데이터 베이스, 오디오 파일의 스트리밍, 쇼핑에 필요한 장바구니와 견적서, 메일링 리스트, 회원 로그인, 인터넷 채팅등)

(5) 업데이트 주기와 유지, 보수의 밀도를 정한다.
매일 업데이트를 할 것인지, 월별, 계절별로 업데이트를 할 것인지, 또한 업데이트의 범위를 텍스트에 한할 것인지 그래픽 요소와 멀티미디어 요소를 포함할 것인지 등에 대한 전략을 수립한다.

<참조> 브레인스토밍(Brainstorming)이란?
브레인스토밍이란 아이디어를 모으는 방법의하나이다. 여러 사람이 모여서 어떤 주제에 대해 떠오르는 아이디어를 거침없이 말하고, 뱉어진 아이디어에 자극을 받아 더 많은 아이디어를 쏟게 만드는 일종의 영감 자극 기법이다.
브레인스토밍을 할 때에는 틀리는 것, 다른것, 이치에 맞지 않는 것에 대한 두려움을 없애야한다. 판단한 후 말하지 말고 생각이 흐르는 것을 낚아채어 숨김없이 말하는 것이 중요한다.
일상적인 사고를 버리자. 최대한 머리를 자유롭게 만든 상태에서 기발하고 엉뚱한 생각을
마음껏 한다. 마치 정신이 나간 사람처럼.

5) 정보 설계
컨텐츠의 종류가 다양하고 그 양도 방대해지면서 사용자들은 자신들이 원하는 정보를 찾기위해 전보다 더 많은 시간을 헤매야 하는 경우가 빈번해졌다.
또한 제작자 스스로도 엉성하고 산만한 컨텐츠 체계 때문에 사이트의 특성을 살리지 못하고문제에 부딪히면 손을 놓을 수밖에 없는 상황에 직면하기도 한다.
뿐만 아니라 운영자들은 사이트를 유지하는데 있어서 지속적인 어려움을 겪게 된다. 때문에사이트의 정보를 체계적으로 정리하고 조직하는 것은 사용자나, 제작자, 운영자 모두의 편의와 작업 효율을 높이기 위해 꼭 필요한 일이다.

(1)컨텐츠의 분류 및 체계화
컨텐츠를 분류하고 체계화하는 것은 까다로운 일이다. 또한 사이트의 특성에 따라 그 방법도 달라 질 수 있지만, 가장 보편적으로 고려해야 할 방법들을 열거해 보면 다음과 같다.
① 정보의 우선 순위를 정한다. 중요하게 노출되어야 할 정보 순위를 매긴다.
② 연관성 있는 정보끼리 묶는다. (예 : 직업별, 주제별, 기능별, 품목별...)
③ 사용자들이 정보에 효율적으로 접근할 수 있도록 객관적인 시각으로 분류한다.
④ 묶을 것은 묶고, 세분화 시킬 것은 명확하게 세분화 시켜서 컨텐츠의 밀도를 높인다.
⑤ 분류된 컨텐츠가 서로 배타적이면서도 일관성이 있도록 배치한다.
⑥ 사이트의 목적에 맞게 컨텐츠를 재구성하고 조합한다.
⑦ 이미 명확한 체계가 잡혀 있는 객관적인 컨텐츠라면 그 흐름을 깨지 않는 것이 좋겠고,
주관적이고 애매한 컨텐츠하면 납득할 만한 기준을 제시하여 그에 따른 체계를 잡아 나가야 하겠다.

(2) 정보의 조직화
분류된 컨텐츠를 조직화하여 한눈에 구조를 볼 수 있도록 플로우 챠트로 만든다.

(3)레이블링(Labeling)작업
적절하게 분류된 컨텐츠에 이름을 붙여 메뉴로 만들고, 주요 내용에 제목을 붙여주어 정보 구조를 명확하게 확립하는 작업이다. 전문적인 용어를 배제하고 사용자들이 쉽게 이해할 수 있는 용어를 선택해야 하며, 푠현법에 일관성을 유지해서 사용자들이 빠르게 적응할 수 있도록 만드는 것이 좋다.
레비블링을 어떻게 하느냐에 따라 같은 컨텐츠라도 사용자들의 호기심을 자극할 수 있으며, 정보의 전달력에 차이를 가져오게 한다. 또한 사이트의 수준을 가늠하게 하므로 적절하고 객관적이며 참신한 단어의 선택이 뒷받침되어야 하겠다.

(4)네이밍(Naming)공유
사이트 전체에 걸친 디렉토리 구조와 이름, 파일명의 체계와 규칙등을 정해서 팀원들끼리
공유해야 한다. 웹디자이너 마음대로 이미지나 HTML문서의 이름을 생각나는 대로 정한다든지, 대소문자를 혼용한다든지, 디렉토리 구조를 체계적으로 잡지 않고 편리한 대로 파일을 몰아 넣는다든지 하는 일들은 사이트를 구축하는데 치명적인 방해 요소가 된다.
사이트 구축에 투입된 인원이 많아질수록 네이밍의 문제는 중요해진다. 자신이 만든 파일들을 다른 팀원들도 사용해야 하기 때문에 혼자만 알아 볼 수 있는 네이밍 룰을 대책 없이 적용하는 것은 파일을 단독으로 점유하는 처사와 같다. 서로 작업 능률이 떨어지게 된다. 체계가 없으므로 유지, 보수, 문제점을 해결하는데 많은 시간을 낭비해야 하거, 제작자와 운영자가 다를 경우 운영자는 구조 파악에 상당히 어려움을 겪게 도니다. 그러므로 파일 이름 뿐 아니라, 폼 양식 등이 삽입되고 프로그래밍이 연동되는 경우에는 변수이름, 폼이름 등에도 규칙을 정해야 한다.
네이밍의 예를 들면 '용도_세부이름_일련번호.확장자' 또는 '메인분류_하위분류_일련번호.확장자'등의 형식으로 사용을 할 수 있고, 복잡하지 않을 경우에는 이보다 짧게 만들어 쓸 수 있다. 용도와 조류가 같은 파일일 경우 'news_m_1.html/news_m_2.html'등으로 앞부분의 이름은 갗게 하고 일련번호를 붙여서 구별하면,탑색기를 사용하거나 FPT를 사용할 때 연관된 파일을 수차적으로 볼 수 있어서 편리하다. 또한 FTP로 파일을 업로드할 때 잘못된 네이밍 때문에 파일이 제대로 덮어 씌워지지 않는 경우도 생기므로 주의해야 한다. (예:확장자의 대소문자를 통일하지 않고 쓰거나, html과 htm을 구분 없이 쓸 경우 등등)신속하고 효율적인 사이트 구축을 위해 차일 이름만 보고도 그 속성을 알아차릴 수 있도록 네이밍을 고유하고, 이를 문서화 시며서 유지, 보수 과정에서 파참고할 수 있게 만들어야겠다.

6) 일정관리
사이트 구축에 필요한 예산, 시간, 인력, 작업 진행 스케줄, 고객과의 미팅에 대해 구체적으로 계획하고 진행시킨다. 작업 리스트를 자세히 기록하고, 각 과정별로 소요되는 날짜를 정해 이를 단계졀로 추진시킨다.
또한 각 단계에서 미팅과 보고의 형태로 작업 진척도를 점검해야 한다. 만약 예상치 못했던 시행착오나 문제가 발생했을 경우, 이를 수습하고 수정할 수 있는 시간과 예산을 확보할 수 있도록 미리 융통성 있는 대책을 마련해야 한다.

2. 개발 단계

1)그래픽 인터페이스 디자인
드디어 좁은 의미에서의 웹 디자인의 단계에 접어들었다. 정보 설계를 토대로 체계화 된 컨텐츠를 시청각적으로 표현하고, 사용자들이 즐겁고 편리하게 서핑 할 수 있도록 직관적인인터페이스를 만드는 일이다.

(1) 메타포 선정
인터페이스 디자인을 효과적으로 수행하고, 커뮤니케이션의 전달력을 강화시키기 위해서는메타포(Metaphor)는 은유적인 표현법을 지칭하는 말이다. 어떤 대상을 연상하게 만드는 상징들을 케타포라고 할 수 있다. 시에서의 은유법, 비유법을 떠올리면 된다.
'내 마음은 호수요'에서 추상적인 '마음'을 표현하기 위해 사용된 메타포는 '호수'가 도니
다. 이와 마찬가지로 '자연'을 시각적, 청각적으로 표현한다고 가정해 보자. 자연을 표현할 수 있는 상징에는 어떠한 것이 있겠는가? 푸른하늘, 초록색 나뭇잎, 파도소리, 새소리, 비 내리는 강가의 풍경, 꽃밭, 과일 등등... 우리를 둘러싸고 있는 직접적이고 구쳊거인 사물을 끄집어 낼 수 있다.
이러한 것들이 디자인에 채택되었을 때 '자연'을 표현하기 위해 동원된 메타포가 되는 것이다.

메타포에는 예를 든 것처럼 비교적 구체적이고 객관적인 것들도 있지만, 주관적이면서 상당히 추상적인 것들도 있다.
'자연'을 표현하는 메타포로 '맨발'은 어떻겠는가. 신발을 벗어 들고 맨발로 땅을 딛고 있는사람의 모습을 '자연'을 연상시키는 메타포로 사용할 수도 있다 그러나 이것은 하늘, 나뭇잎 등의 상징에 비한다면 주관적이고 함축적인 것이다. 때문에 의도한 대로 사용자들이 받아들이지 못한다면 의미를 명확히 전달하는데 방해가 될 수도 있다.
반대로 흥미를 유발하는 측면에서는 익히 보아왔기 때문에 식상함이 느껴지는 일반적인 상징보도 높은 점수를 얻을 수 있다.

한 가지 더 예를 들어보자. 사이트 디자인에 가장 흔하게 적용되는 메타포로는 서류철 모양을 딴 메뉴를 꼽을 수 있다. 이미 일상 생활에서 서류철 모양에 익숙해져 있기 때문에 사용자들은 직관적으로 메뉴로 인식을 하게 된다.
그러나 너무 흔하게 쓰이는 메타포이다 보니 별 느낌을 받지는 못한다. 어쩌면 자주 만나게되는 메타포라 싫증을 느끼고 있을 지도 모른다.
반대로 기하학적인 모양의 버튼과 아이콘이 있다고 하자. 처음 보는 것이라 눌러 보고 싶은마음은 들지만 막상 어떤 것을 눌러야 원하는 페이지로 이동을 하게 되는지 몰라 난감해 할 수도 있다.

이렇듯 일반적이고 구체적인 메타포로 사용의 편의성을 높이느냐, 기발하고 의외성이 강한 메타포로 흥미와 미적인 면을 부각시키느냐에 대한 선택은 쉽게 결정할 일이 아니다. 때론 전혀 메타포가 필요하지 않은 경우도 있다. 그러므로 메타포 선정의 잣대는 사이트의 컨셉과 커뮤니케이션의 목적, 페이지 용량의 적정 수준 등을 고려해서 유연하게 바뀌어야 할 것이다.

(2)네비게이션 시스템 구축
사이트에 머무는 동안 사용자의 이동 경로에 관여하며, 정보에 대한 접근을 용이하게 만들어 주는 모든 요소들을 통틀어 네비게이션 시스템(Navigation System)이라 할 수 있다. 사이트에서 길을 잃지 않게 하는 것에서부터, 넓게는 정보에 빠르고 쉽고 편안하게 도달할 수 있도록 사용자들에게 편의를 제공하는 요소들의 집합이 네비게이션 시스템이다.

사이트를 평가하는 항목에도 항상 네비게이션 시스템이 포함된다. 그 이유는 네비게이션 체계가 사이트의 견고함을 대변해 주기 때문이다. 네비게이션 시스템이 잘 되어있는 사이트는 도로망이 효율적으로 정비죈 도시와 같다. 아무리 컨텐츠가 유용하고 인터페이스가 훌륭하다 해도 네비게이션 시스템이 받쳐 주지 못하면 사용자들이 정보에 접근하기가 어려워진다.
첨단 시설이 갖추어진 건물이라 해도 도로 사정이 열악하면 제 기능을 하지 못하듯이... 따라서 성공적인 사이트를 구축하기 위해서는 네비게이션 시스템을 제대로 깔아 두어야 한다.

더불어 네비게이션 시스템을 계획하고 배치하는 일은 그래픽 인터페이스 디자인의 핵심이다. 사이트의 구조를 쉽게 이해할 수 있고, 사용하기 편하고, 게다가 시각적으로도 아름답게 표현해야 하는 까다롭고도 비중 있는 작업이다. 그러므로 최적화된 네비게이션 시스템을 구축하기 위해서는 무엇보다 정보 설계의 단계부터 차근차근 밟아 나가야 한다. 설계도 하지 않고 길을 뚫을 수는 없기 때문이다.

① 네비게이션 시스템을 이루는 요소
네비게이션 시스템을 이루는 요소에는 여러 가지가 있다. 이 요소들을 적절하게 어울리고 계산되었을 때 기능적, 시각적으로 훌륭한 네비게이션 시스템이 된다.
가. 네비게이션 바(Navigation Bar) : 네비게이션이란 단어를 들었을 때 가장 먼저 떠오르는 형태이고, 네비게이션 시스템의 주축이 되는 요소이다. 이미지로 만들 수도 있고, 텍스트로 만들수도 있는데 컨텐츠에 변동이 많을 경우에는 텍스트로 만드는 것이 효율적이고, 직관적인 선택을 유도하기 위해서는 이미지로 만드는 것이 좋겠다.
나. 풀다운(Pull down)메뉴 : 컨텐츠의 분류가 많을 때 일일이 메뉴를 거치지 않고도 원하는 페이지로 이동할 수 있기 때문에 네비게이션 바와 함께 제공되는 경우가 많다. 다. 로컬 검색엔진 : 원하는 검색어를 입력하면 사이트 내에 있는 컨텐츠를 빠르게 찾아 준다. 특히 데이터 베이스가 구축되어 있을 때 유용하게 사용할 수 있다.
라. 버튼과 아이콘 : 각종 버튼과 아이콘은 네비게이션 바와 더불어 각 페이지에 공존하게 되는데 디자인 컨셉에 맞게 제작해서 잡동사니 같다는 느낌을 주지 않아야 한다.
마. 사이트 맵(Site Map) : 사이트의 구조를 시원하게 알려주는 지도. 바. 링크 걸린 텍스트 : 링크가 걸린 하이퍼텍스트는 가장 단순하면서도 기초적인 네비게이션 요소이다. 요즘은 이미지가 많이 쓰이면서 링크 걸린 텍스트를 소홀히 하는 경향이 있지만, 기능으로 보자면 여전히 강력한 요소이다. 하이퍼텍스트의 장점은 방문한 페이지와 그렇지 않은 페이지를 쉽게 구분할 수 있다는 데에 있다.

②형태에 따른 네비게이션 메뉴의 종류
네비게이션 바를 포함한 메뉴 체계는 정해진 형태가 없지만 가장 보편적으로 쓰이고 있는 형태를 중심으로 살펴보자면 다음과 같이 나누어 볼 수 있다.

가. 롤오버 메뉴 : 단순한 바 (Bar)의 형태를 띄면서 버튼 이미지가 롤오버 되는 형태, 간결하고 제작하기 쉽기 때문에 가장 많이 사용된다.
나. 팝업(Pop up)메뉴 : 상위 메뉴를 클릭 하거나 마우스를 갖다 대었을 때 하위 메뉴가 나타나는 형식으로, 좁은 공간에서 많은 메뉴를 수용할 수 있으며 클릭의 횟수를 줄여주고 기대감을 갖게 하는 등 상당히 매력적인 형태이다.
다. 풀다운(Pull down)메뉴 : 켄텐츠의 분류가 다양하고 그 체계가 복잡할 때 네비게이션 바와 함께 제공되어서 빠르게 레벨을 이동할 수 있도록 도와준다. 또한 복수의 풀다운 메뉴를 두어서 메뉴를 조합시키는 형태로 응용될 수도 있다.
라. 이미지 맵을 이용한 메뉴 : 버튼이나 아이콘 형태가 아니라 이미지 자체에 맵을 적용시
켜서 메뉴의 역할을 하게 만든 경우에 해당한다. 마. 기타 : 일반적인 형식에 얽매이지 않고 자유롭게 인터페이스와 조화를 이룬 형태.

③ 기능에 따른 네비게이션의 분류
가. 글로벌 네비게이션
사이트 전체에 걸쳐 영향력을 행사하는 네비게이션 시스템 사이트의 초기 화면에서부터 모든 페이지에 노출되어 있어서 언제든 상위 메뉴로 접근할 수 있게 도와주는 최상위 메뉴
나. 로컬 네비게이션
하위 레벨로 이동했을 때, 그 속에서 다시 컨텐츠가 나뉘어져 있다면 또 다른 네비게이션이 필요하게 된다. 이때의 네비게이션은 글로벌 네비게이션처럼 항상 같은 메뉴를 표시하는 것이 아니라, 레벨마다 다른 메뉴를 표시하게 된다. 이처럼 각각의 서브 사이트에서만 영향력이 있는 네비게이션을 로컬 네비게시션이라 한다. 대부분의 사이트에서는 글로벌 네비게이션을 축으로 하고, 상황에 맞게 로컬 네비게션으로 보조하는 시스템을 사용한다.

④ 이상적인 네비게이션 시스템을 위해 점검해야 할 사항
가. 가장 먼저 로딩되는가 : 네비게이션 바나 버튼 등은 가능한 적은 용량으로 만들어서 빠르게 로딩되도록 만든다.
나. 간결한가 : 사용자들이 오래 보아도 질리지 않도록 거추장스러운 요소를 없앤다.
다. 사이트의 구조를 한눈에 알 수 있는가.
라. 입력된 텍스트가 선명하게 보이는가 : 이미지로 만들 경우 좁은 공간에 텍스트를 입력했을 때 텍스트가 깨져 보이는 경우가 허다하다. 특히 한글의 경우는 더욱 심각하다. 이럴 때에는 네비게이션 메뉴의 제작 과정에서 텍스트에 안티앨리어싱 옵션을 끄고, 폰트의 선택을 신중하게 하도록 하자.
마. 일관성이 있는가 : 네비게이션의 모든 요소가 일관성이 있는지, 특히 디자인의 컨셉에 잘 어울리는지.
바. 현재 나의 위치를 알 수 있도록 설계되어 있는가 : 사용자가 위치해 있는 곳이 사이트의 어느 부분인지 일말의 단서를 주어야 사용자는 방향을 잃지 않는다.
사. 브라우저의 네비게이션 시스템을 적절하게 이용하고 있는가 : 넷스케이프나 익스플로러 모두 기본적인 네비게이션 시스템을 포함하고 있고, 인식하지 못한 상태에서 우리는 그 시스템에 많은 부분을 의지한다. 예를 들어 [뒤로], [앞으로]버튼이나, [즐겨찾기], [목록보기], URL입력 부분등이 그것인데 이를 잘 이용하도록 세심한 부분에 신경을 쓰는 것이 현명하다. 반대로 [뒤로],[앞으로]버튼만을 의지하고 페이지에 어떠한 링크(이를테면 돌아가는 화살표 같은 )도 주지 않는다면 사용자는 당황하게 될 것이다.
아. 너무 많은 길을 내어서 산만하지 않은가 : 지하철역에서 같은 방향이 표시되어 있는 두 갈래 길을 본적이 있을 것이다. 이 두 갈래 길은 어느쪽으로 가든 같은 지점에 도착하게 되어 있지만 표지판을 본 입장에서는 잠시 주춤하게 된다. 어느 쪽이 맞는 거야? 마찬가지로 너무 많은 요소를 배치해서 (예를 들면 한 페이지 안에 네비게이션, 텍스트 링크 등) 가능한 표시는 클릭으로 원하는 페이지에 도달하도록 만드는 것은 좋지만, 때론 이러한 장치가 서핑를 산만하게 만들 수 있다는 사실도 염두에 두자.

(3) 스토리보드 작성
네비게이션 시스템을 뼈대로 하여 페이지의 레이아웃을 스토리보드로 만든다. 스토리보드는 실제 작업에 들어가기 전의 최종 설계도하고 할 수 있다. 사이트를 시각적으로 표현해서 전체적인 윤곽과 흐름을 파악할 수 있게 하며, 계획했던 레이아웃과 아이디어에서 멀어지지 않도록 잡아주는 역할을 한다. 아이디어를 총 정리한 다음, 그림과 텍스트의 위치와 비율,프레임 구조, 페이지의 연결 관계 등을 각 페이지 별로 그린다. 인터렉티브한 요소를 삽입한다면 그에 대한 설명과 동작되는 원리를 첨부해 넣는다.
스토리보드를 작성할 때 개발의 기준이 되는 모니터 해상도에 맞춘 용지를 만들어서 작성하면 이미지를 배치하는 대 실질적인 계획을 세울 수 있다 .

(4)디자인 스케치
구상하고 있는 이미지의 구체적인 그림을 스케치한다. 아웃라인을 자세히 그리고, 타이틀에쓰일 폰트, 색상배합 등에 대해 계획한 내용을 표시한다.(아이디어를 구체적으로 스케치 해보지 않은 채 그래믹 프로그램을 열면 시간도 많이 걸릴 뿐 아니라. 엉뚱한 그림을 정성껏 그리고 있는 자신을 발견하게 될 것이다.

(5) 시안작성
사이트의 초기화면을 3가지 정도 제작해서 클라이언트나 팀원들과 의견을 조율한다.

(6) 제작
① 채택된 시안을 바탕으로 그래픽 인터페이스를 제작하고 이미지를 최적화시킨다. 다음은 그래픽 인터페이스를 제작하면서 꼭 짚어봐야 할 사항들이다.
② 기능성을 충분히 살리고 있는가 : 심미성을 추구하는라 기능성과 사용 편의성을 무시하고 있지 않은지 살펴보자.
③ 업데이트를 용이하게 하고 있는가 : 기껏 힘들게 만들어 놓은 페이지를 얼마 지나지 않아 폐기 시키는 것을 본 적이 있다. 문제는 배너 광고를 삽입할 공간이 없다는 것이었다. 이처럼 컨텐츠가 추가될 경우 페이지에 융통성이 있는지, 업데이트는 쉬운지 점검해 보자.
④ 일관성을 유지하고 있는가 : 디자인의 일관성을 유지하는 것은 사이트의 아이덴티티를 확립시키는 일이다.
⑤ 컨텐츠를 충분히 이해하고 있는가 : 컨텐츠에 대한 이해 없이 그에 맞는 디자인을 할 수는 없다. 컨텐츠 따로, 디자인 따로는 아닌지 점검해 보자.
⑥ 고객의 요구나 디자인의 컨셉을 임의대로 해석하고 있지 않은가 : 기획 과정에서 충분한 의견 교환이 없었을 경우, 웹 디자이너의 판단에 따른 디자인을 해서 나중에 문제가 될 수
도 있다. 지자인 방향을 마음대로 해석하고 있지는 않은지 다시 한번 생각해 보자.
⑦ 독창적인 디자인인가 : 당연한 얘기지만 유명한 사이트조차 외국의 디자인을 모방하거나, 어디서 많이 본 듯한 인상을 풍겨서 실망을 주는 경우가 의외로 많다. 독창적인 디자인인지
스스로에게 반문해보자.

2) 멀티미디어 요소 디자인
사이트에 삽입될 사운드 동영상, 플러그인 소스(플래시 무비, 쇽웹이브 무비 등)를 제작한다.
전문적인 춤질을 필요로 하는 경우, 외주 업체에 의뢰하거나 사운드 디렉터, 동영상 디렉터 등 전문가들로 팀을 구성해 제작한다.

3)스크립팅 및 프로그래밍
HTML을 코딩하고 바바스크립트 VB스크립트 등을 삽입하며, CGI등 사이트에서 구동될 각종 응용 프로그램을 개발한다.

3.검증
제작된 사이트를 시험 가동해서 사용 편의성 등에 대한 테스트를 하는 과정이다.
① 성능평가 : 사이트의 구현 목적을 잘 수행하도록 제작되었는지 평가한다.(디자인, 기능, 사용 편의성등)
② 유연성, 호환성 테스트 : 개발 기준으로 삼았던 브라우저, 전송속도, 해상도 등에서 제대로 구현되는지 사용자 환경을 만들어 테스트하고, 기준의 상위 환경, 하위 환경 등에서 어떻게 구현되는지 유연성을 테스트한다.
③ 링크 테스트 : 페이지의 연결, 다는 URL과의 연결고리가 모두 정상적으로 되어 있는지
테스트 한다.
④ 수정 및 보완 : 테스트 과정에서 문제점으로 지적된 부분에 대해 수정하고 보완한다.

4.오픈 (공표)
검증이 끝난 사이트를 인터넷에 오픈 하는 단계이다.

① 서버에 올리기
② 감색엔진에 등록(검색엔진에 자동으로 노출시키기 위해서 기본적으로 메타 태그에를 삽입했는지 꼼꼼하게 살펴본다.
③ 홍보 : 사이트 개설 기념 이벤트를 실시한다거나 배너 이미지를 제작하여 배포하는 등 사이트 홍보를 위해 다각적인 방법을 모색한다. 특히 인터넷 비즈니스와 관련된 사이트라면 마케팅 전문가를 영입해서 구체적인 홍보 전략을 세우는 것이 좋겠다.

5.유지 및 보수
사이트의 생명은 어떻게 유지하고 보수하는가에 달려 있다.
사이트를 구축하는 것 보다 더 많은 투자를 하고 더 철저한 게획을 세워야하는 부분이 유지와 보수이다. 그러나 아직까지 많은 사람들이 이 분분에 대한 중용서을 체감하지 못하고 있는 것이 현실이다.
사이트는 제2기업이다. 사이트를 구축하려고 계획을 세웠다면 유지와 보수를 위한 예산과 인력에 대한 계획도 그에 못지 않게 충분히 세워야 한다. 그렇지 않으면 아무리 잘 만들어진 사이트라 할지라도 반짝 하고 사라지는 혜성과 다를 바 없는 운명에 처하고 만다

조은영님의 저서 '아름다운 홈페이지를 위한 웹디자인'에서 발췌한 글입니다.

오~~~김태희가 춤을....

큰공룡 — Fri, 11 Apr 2008 11:09:37 +0900

놀라지 마세요....^^

큰공룡 — Thu, 10 Apr 2008 15:27:13 +0900

정말 사람 깜짝 놀라게 한 동영상

[프랑스]프로방스(aix-en-provence)

큰공룡 — Mon, 07 Apr 2008 15:38:49 +0900

프로방스란 말로만 큰 기대로 간 곳이었다.....

그러나 기대했던곳과는 달리..

조금은 좁고 지저분하기도하고 아름다움과는 거리가 먼 골목만이 기다리고 있었다..

하지만 aix-en-provence의 골목은 스위스 루가노의 Bre나 안달루시아 지방의 회벽 골목과는 다른 뭔가가 있었다...

간간이 들어오는 따스한 햇살...분주히 하루를 만드는 사람들.....

기대와는 다르지만...그나름의 깊이가 있었다..

좀더 많은 사진을 링크해야 하지만...오늘은 간단하게...느낌만....