전자상거래 운영 및 관리

   4.사이트 관리

      6. 웹 디자인

1) 웹 디자인의 정의

인터넷은 멀티미디어 요소로 정보를 나타낸다. 정보들을 화면에 어떻게 표현하여 시각적인 효과를 줄 것인가에 관심을 가져야 한다. 이러한 화면들을 웹 사이트, 웹 페이지라고 부르며, 여기에 시각적인 효과를 최대한 살리기 위해 웹페이지를 다양하게 구성하는 것을 웹 디자인이라고 한다. 웹 디자인을 통해서 그 사이트가 전달하고자 하는 내용들을 적절하게 표현하고, 정보들을 쉽게 이해할 수 있도록 구성하며, 사용에 불편이 없도록 만들어야 한다. 무엇보다도 철저한 고객 입장의 디자인이 중요하다.

 

 

2) 웹 디자인의 절차

웹 디자인은 고객의 의견을 수렴하고 사이트의 성격을 분석하는 것에서 시작한다. 자료를 수집하여 그것을 기초로 웹 디자인 구성을 기획한다. 기획에 근거하여 작업하고 중간 점검을 하여 차후에 발생할 수 있는 문제에 대비한다. 이상의 과정이 끝나면 시험 운영 및 추가 수정 과정을 거쳐 사이트 디자인은 끝난다.

 

웹 디자인의 절차----------------------------------------------------------------

고객 의견 수렴 및 업무 분석 → 자료 수집 → 기획 및 구성 → 제작 착수 → 시험 운용 및 수정/보완 사항 수렴

--------------------------------------------------------------------------------

 

1단계 : 고객 의견 수렴 및 업무 분석

제작할 홈페이지의 운용 목적, 용도 ,업종, 담당자, 도메인명, 사용 언어, 회사 로고, 제품 로고, 자료 갱신 주기, 프로그램 제작 여부, 홈페이지 홍보 작업, 유지 및 보수, 관리자 교육 등 사이트 제작에 필요한 모든 정보를 수집한다. 또한 고객의 의견을 수렴하여 기획하고 구성에 반영한다.

 

2단계 : 자료 수집

홈페이지 제작에 따른 이미지, 문서 자료, 동화상, 카탈로그 등의 자료들을 수집한다.

 

3단계 : 기획 및 구성

수집된 정보를 토대로 사이트 디자인의 컨셉(Concept)과 인터페이스를 구성하고 운용 형태, 호환성, 사용자층 등을 고려하여 홈페이지를 기획하고 구성한다.

 

4단계 : 제작 착수

기획 및 구성에 따라 이미지를 제작하고, HTML 문서 작성, CGI/ASP/JAVA 등 프로그램을 제작한다. 제작 기간은 디자인의 질, 프로그램 제작 여부, 추가 멀티미디어 요소 등에 따라 달라진다.

 

5단계 : 시험 운용 및 수정/보완 사항 수렴

제작이 끝나면 로컬 서버 또는 해당 서버에 결과물을 올려 시험 운용하고 지속적으로 수정과 보완을 한다.

 

 

3) 웹 디자인할 때 생각할 점

웹 디자인은 인상적인 그래픽 및 최신 제작 기법 등 기술을 발휘할 수 있지만, 지나치게 기교에 치우치면 전자상거래 본래의 목적인 고객과의 원활한 관계 형성이 어려워진다. 웹 디자인을 적용할 때 고려할 사항은 다음과 같다.

 

·사이트 제작에 있어 최신 제작 기술만이 최선은 아니다. 호환성과 대중성을 이해하고 적절한 표현 수단을 찾아 구현한다.

·효율적인 정보 전달과 빠른 로딩 속도를 고려한다.

·최적화된 네비게이션을 통해 정보 전달을 신속히 하과 이용자의 편의를 도모한다.

·게시판, 방명록을 넘어서 다양한 기능의 CGI와 데이터베이스 구동을 통해 이용자와의 상호작용을 고려한다.

·꾸준하고 신속한 업데이트가 필요하다.

 

 

4) 사용자 인터페이스

사용자 인터페이스란 텍스트와 이미지의 전달 형식이나 회원 정보의 입력 과정 등 사이트에서 제공하는 환경을 말한다. 또는 컴퓨터의 입력 및 출력 장치 중에서 직접 인간과 컴퓨터가 접하여 정보를 주고받는 부문이기도 하다.

 

① 사용자 친화적 인터페이스(User-Friendly Interface)

효과적인 사용자 인터페이스를 구축하기 위해서는 무엇보다도 고객과 친숙해질 수 있는 환경을 개발하는 것이 필요하다. 사용자 친화적 환경이란 고객이 사이트의 내용과 프로세스 과정을 쉽게 이해할 수 있는 환경을 의미한다. 수많은 사이트가 개발됨에도 불구하고, 고객들은 사이트의 내용이나 프로세스 과정을 이해하기 어렵다고 반응한다. 사이트의 인터페이스는 백오피스(BackOffice) 구성 과정에서 반드시 고려하고 넘어가야 할 부분이다. 한 예로 백오피스의 고객 수용 능력과 관련하여 백오피스 구성 책임자는 예상되는 이용 고객의 수를 가능한 한 정확하게 분석하여 접속 환경을 효율적으로 구성해야 한다.

 

 

② 사용자 인터페이스를 구축하는 대표적인 방법

 

◆ 윈도 시스템의 인터페이스

윈도는 바탕화면과 특정한 내용을 담고 있는 수많은 창들로 구성되어 있다. 고객이 하나의 창에서 작업을 마치면 닫을 수 있고 새로운 창을 열 수도 있다. 윈도 시스템 인터페이스의 장점은 고객이 하나의 정보를 이용하고 있는 동안 다른 창을 여러 개 띄워놓고 사용할 수 있다는 것이다. 멀티태스킹이라 불리는 이 기능은 새로운 창이 열려도 기존 창의 내용이 그대로 유지되기 때문에 사용중인 정보를 즉시 확인할 수 있어 편리하다.

 

◆ 그래픽 인터페이스

아이콘, 윈도 및 메뉴를 조작하기 위해 마우스를 많이 이용한다. 화면에서 원하는 메뉴나 파일, 폴더를 선택하는 물리적인 행동으로 컴퓨터와 대화를 하는 것이다. 예를 들어, 어느 하나의 파일을 삭제하려면 마우스를 사용하여 그 파일 아이콘을 휴지통 아이콘으로 이동시켜야 한다. 이러한 형태의 직접 조작은 명령어를 입력하는 방법보다 훨씬 쉽다. 따라서 사용자는 그들이 원하는 바를 의식적으로 또는 분석적으로 생각할 필요가 없는 것이다.