sample gs (주)가설코리아 웹사이트ia & ui...

‘GS (주)가설코리아’웹사이트 IA & UI 분석

[가설코리아 귀중]

서울시 구로구 구로3동 182-13 대륭포스트타워 2차 11층 ☎ 1544-4370 /02-848-6626, http://www.gabia.com

2006년 8월 16일

Sample일부

C •O •N • T • E •N •T •S I. 사이트 개요

1. 사이트 Identity 01

2. 사이트 Page construction 02

3. 사이트 Prototype 03

II. IA(Information Architecture) 분석

III. 네비게이션 시스템 분석

1. 메뉴구조도 분석 11

2. 네비게이션의 사용자 편리성 12

3. 네비게이션의 가독성 13

1. 정보 구조의 체계성 05

2. 정보 접근의 용이성 06

3. 정보 전문성 07

4. 레이블링의 명확성 08

5. 정보의 편리성/신속성/신뢰성 09

Sample일부

C •O •N • T • E •N •T •S

IV. 사용자 편리성 분석

1. UI 편리성(메인/서브/팝업창) 15

2. UI 체계성 16

3. UI와 방문목적간의 상관관계 17

V. 디자인 분석

VI. 운영 안정성 분석

1. Main screen 사용비율 19

2. Sub Screen 사용비율 20

3. Grid System의 적합성 21

4. Color System 분석 22

1. 사이트 문제점 분석 24

2. 페이지로딩속도 분석 25

3. 페이지 및 링크 오류 분석 26

Sample일부

C •O •N • T • E •N •T •S

VIII. 사이트 개선방안 제안

VII. 마케팅 환경 분석

1. 회원이용관련 분석 28

2. 고객상담서비스 분석 29

3. 프로모션 활동분석 30

1. 사이트 개선안 32

2. 메뉴구조도 변경 33

3. 디자인 컨셉 34

4. Grid System 35

Sample일부

1. 정보구조의 체계성 05

2. 정보접근의 용이성 06

3. 정보의 차별성/다양성/전문성 07

4. 레이블링의 명확성 08

5. 정보의 편리성/신속성/신뢰성 09

II. IA(Information Architecture) 분석

Sample일부

II. IA관점에서 본 사이트 분석

05

• 정보구조의 체계성정보구조의 넓이와 깊이의 적정성

‘가설코리아’ 사이트는 기본적으로 2단계

Depth 정보구조를 가지고 있으나 제품소

개 만은 3단계 Depth 정보구조를 가지고

있다.

페이지에서 ①글로벌 네비게이션 내에

견적의뢰, 온라인산담, 경영지원, 결제방

법 임대가이드 등의 메뉴는 1단계 Depth

로 이루어져 있어 복잡한 구조를 가지고

있다. ②의 경우 가설코리아의 서비스들을

소개하는 메뉴로 구성되어져 있으나 기존

메뉴와는 별개로 구성되어 있다.

②의 Buyback을 클릭할 경우 ③의 팝업창

이 열리며 서비스 개요를 설명하고 있는

등 새로운창, 팝업창, 기존창 을 구분없이

이동하고 있어 사용자들에게 많은 혼란을

줄 수 있다.

전체적인 글로벌 네비게이션을 개편하여

각 특성에 맞게 통합을 하여야 한다.

대안으로 제품소개, 서비스개요/특징, 서

비스신청, 서비스지원, 고객센터 등으로

개편되는 것이 바람직하다.

사이트 분석1. 정보구조의 체계성

1

2

분석의견

3

Sample일부


06

• 페이지간 이동성가설코리아 사이트는 글로벌네비게이션

및 각종 링크들이 상단과 좌측에 고정되

어져 있기 때문에 페이지간의 이동은 용

이하다 그러나 좌측 제품의 3Depth 메뉴

의 경우 한번 클릭할 경우 3Depth 메뉴가

숨겨지게 되어 불편함을 초래하고 있다.

• 검색 기능 강화

가설코리아 웹사이트는 제품의 중요성을

인지하여 제품검색의 기능을 제공하고 있

어 쉽게 제품을 찾을 수 있게 서비스를 제

공하고 있다.

• 정보 그룹핑 적정성

정보 그룹핑은 논리적으로 연관된 항목을

관계가 명확하게 드러나도록 표현해야 한

다. 그러나 1차 메뉴에서 제공되는 견적

의뢰, 온라인상담, 장터, 게시판 등은 적

절한 메뉴로 그룹핑 되어 있지 못하다.

게시판에 Submit 버튼 기능과 검색기능을 추가하여 페이지간 이동성과 자유로운

사이트 이동성을 제공하며, 정보의 재 그

룹핑을 통하여 중복되는 컨텐츠를 없애야

한다.

사이트 분석2. 정보접근의 용이성

분석의견

고정검색기능

Sample일부


07

• 정보의 차별성사이트 맵에서 보듯이 ①, ② 등이 가설코

리아만의 차별화된 정보인 것으로 판단된

다. 그러나, 자료 업데이트의 불규칙성은

사용자들에게 신뢰감을 심어주기 어렵다.

• 정보의 다양성

① ② 외에 양적으로 풍부한 컨텐츠를 제공

하고 있지 않아 타 사이트와 비교 분석 사

용자를 사이트로 유도하기에 턱없이 부족

한 컨텐츠 양이라고 보여진다.

• 정보 의 전문성

제품에 대한 전문적인 자료가 수록되어 있

지 않으며, 제품에 대한 사진이 없는 부분

과 상세설명이 없는 부분이 많아 고객에게

불안한 요소를 갖게 하고 있다.

현재 가설코리아가 보유하고 있는 제품자

료에 대하여 좀더 자세한 설명을 보강하고

사진자료를 수록하여야 할 것이며, 차별화

된 컨텐츠를 주기적으로 업데이트하여 정

보의 전문성을 확보하는 컨텐츠 관리전략

이 필요하다.

사이트 분석3. 정보의 차별성/다양성/전문성

분석의견

1

2 3

Sample일부


08

• 레이블의 의미전달 가능성사이트 맵에서 보듯이 ①가설코리아닷컴의

부분은 로그인 등의 인증에 대한 부분보다

회사소개 부분과, 가설코리아의 시스템 소

개부분 등이 보여지는 것이 레이블의 의미

에 부합하다.

• 레이블 삭제/이동②의 견적의뢰, 온라인상담, 결제방법, 임대

가이드 등은 단일 영역으로 구성되어 있어

구성변경 및 이동이 필요하다.

• 사이트 맵 상 신규등록③의 경우 가설코리아의 중요 역할을 하는

별도 메뉴로써 방문자 및 고객사들에게

중요 컨텐츠를 제공하고 있으나 사이트 맵

상에는 표기되어 있지 않다.

현재 구성된 레이블은 컨텐츠에 대한 명확

한 레이블링이 되어있지 않다.

따라서, 전체적으로 사이트 레이블 및 구조

를 개편하고 신규로 서비스소개, 서비스신

청 메뉴를 신설하여 사용자 중심의 편리성

을 부각시켜야 한다.

사이트 분석4. 레이블의 명확성

분석의견

1

2

2

3

Sample일부


09

• 정보의 편리성가설코리아 컨텐츠 중 제품에 대한 견적

의뢰 부분이 상당부분을 차지하는 컨텐츠

이나 현재는 ①제품정보를 보고 있는 페이

지 에서 ②견적의뢰 페이지로 이동이 되었

을 때 제품에 대한 DB값이 넘어가지 않고

③처럼 다시 제품을 선택해야 하는 불편함

을 갖게 한다.

• 정보의 신뢰성

④에서 보듯이 공통자재뉴스 란에 정보출처

를 제대로 표시하지 않아 정보의 충실성과

신뢰성이 낮은 것으로 평가되며, 조회수 또

한 낮게 나타나고 있다.

정보의 신속성

⑤에서 보듯이 뉴스 및 특보란을 통해 원할

한 게시물 업데이트 되지 않고 있다.

정보의 편리성/신속성/신뢰성 등을 검토 했

을 때 다수의 사용자들의 견적의뢰를 이용

하고 있으나 게시판의 이용도는 상대적으로

낮은 편이다. 정보의 신뢰성과 신속성을 제

공할 수 있는 운영적이 지원요소가 필요하

다.

사이트 분석5. 정보의 편리성/신속성/신뢰성

분석의견

11 2

3

4 5 5

Sample일부

1. 메뉴구조도 분석 11

2. 네비게이션의 사용자 편리성 12

3. 네비게이션의 가독성 13

III. 네비게이션 시스템 분석

Sample일부

III. IA관점에서 본 사이트 분석

11

메뉴구조 적정성

현재 가설코리아 웹사이트의 메뉴의 깊이는

기본적으로 2depth구조와 제품 3depth구

조로 이루어져 있다. 그러나, 서비스 소개

정보로 이루어진 일곱가지 메뉴가 단독으로

분리되어져 있으며, 메뉴중 서브페이지가 1

페이지 이하인 메뉴가 5개 씩이나 존재하고

있어 메뉴의 균형성이 어긋나 있다.

컨텐츠 그룹핑

현재의 메뉴구조에서 보는 바와 같이 메뉴

의 불균형성에 따른 컨텐츠 그룹핑이 사이

트의 목적에 맞게 그룹핑 되어 있지 못하다

며, 이는 고객에게 혼란함을 갖게 한다.

현재 메뉴구조는 사용자 측면/관리자 측면

에서 효율적이지 못한 구조로 구성되어 있

다.

1페이지로 이루어진 서비스 신청/지원부분

의 메뉴를 하나의 메뉴로 통합하고 단독으

로 분리되어 있는 서비스소개 부분을 글로

벌 네비게이션에 포함시키는 개편이 신속하

게 이루어 져야 한다.

사이트 분석1. 메뉴구조도 분석

분석의견

HOME

제품소개 견적의뢰 온라인상담

거푸집류

장터

목재류

합판류

서식사이트맵

파이프류

비계류

게시판

공통자재뉴스

공지사항

경영지원

경영지원

홈으로

기술지원

가설재차량적재표

단관비계산출공식

가설재중량표

판매/임대단가표

강재류

써포트류

안전시설류

EGI 휀스

견적의뢰 온라인상담팝니다(HOT매물)

삽니다

팝니다(현장직판매물)

팝니다

가설재묶음단위

기술지원게시판

단독메뉴

매입

판매

비계설치/해제

보관

임대

BuyBack

EGI설치/해제인테리어자재

철물류

토목자재

경매

교환

렌탈

Q&A

GS뉴스특보

온정게시판

자유게시판

건설용어사전

관련사이트

결재방법

결제방법

임대가이드

임대가이드

메인메뉴에편입조치

메뉴통합

Sample일부


12

사용자 편리성

현재 가설코리아 네비게이션 서비스는 ①~

⑤까지 총 5가지 네비게이션 서비스를 제공

하고 있다.

그러나, 통일성과 일관성이 없이 2단 네비

게이션 구조에서 페이지 특성에 따라 Tap

네비게이션이 3단계 메뉴 역할을 하고 있다.

또한, 글로벌 네비게이션이 2단 메뉴임에도

1단만을 표시하고 ④로 2단 메뉴를 표시하

고 있어 혼란과 불편함을 주고 있다.

⑤ 제품리스트는 3Depth 구조를 이루고 있

으며, 3단계 메뉴를 클릭했을 때 3단계 메

뉴 부분이 자동으로 숨겨지는 구조를 가지

고 있어 다음 제품을 Search하는데 불편함

을 초래하고 있다.

최초 네비게이션 설계시 사용자 편리성을

충분히 감안하지 않은 것으로 추정된다. 단

계별 순차적이 메뉴디자인에서 부터 목적

에 맞게 체계화된 네비게이션의 전면 재구

성이 필요하다.

사이트 분석2. 네비게이션의 사용자 편리성

분석의견

1 2단 네비게이션이나 메뉴에는1단만 표시됨

4

5

2

3

Sample일부


13

네비게이션의 가독성

현재 가설코리아 네비게이션 가독성을 분

석한 결과 ①링크, ②배너표시 등이 있음을

확인 하였으나 주조색에 묻혀 가독성이 떨

어진다.

메뉴 및 배너에 롤오버이나 링크 색상을 표

시하여 고객에게 다른 페이지로의 이동이

있음을 사전에 알려주어야 한다. 특히 ①의

경우 서브메뉴에 대한 부분을 1단계 메뉴에

서 표시 해주어야 한다.

또한, 배너를 텍스트 형식이 아닌 이미지형

식으로 교체하고 링크색상 표시를 제공하

는 등의 조치가 있어야 네비게이션의 가독

성이 확보될 수 있다.

사이트 분석3. 네비게이션의 가독성

분석의견

1

1

링크가 색 표시가 안되어 가독성이 떨어짐

외부링크로 연결되는배너이나 알기어려움

2 2

Sample일부

1. 사이트 문제점 분석 24

2. 페이지 로딩속도 분석 25

3. 페이지 오류분석 26


Sample일부


24

사이트 점수

사이트 분석1. 사이트 문제점 분석

총점 : 44점

분석의견

웹사이트가 제작 지속적인 관리가 되지 않은

것으로 확인되며, 용량이 큰 데이터의 경량

화 등 긴급한 조치가 이루어져야 한다.

Sample일부


25

페이지 로딩 속도 분석

현재 가설코리아 웹사이트는 전체적으로 ①

오래된 페이지와 ②로딩속도가 느린 페이지

가 전체 페이지 중 95%이상 페이지를 수정

및 교체하여야 하며, 현 상태대로 운영을 지

속한다면 사이트에 중대한 오류가 발생할

것으로 분석된다.

그리고, 사용자들이 오래된 페이지일 수록

클릭수가 많아지고 불편함을 느끼며, 파일

이 오래됨에 따른 데이터 손상의 위험도 크

다.

사이트 분석2. 페이지 로딩속도 분석

분석의견

웹사이트 제작 이후 지속적인 관리가 지원

되지 않고 있으며, 일반페이지의 로딩 속도

가 4초(cable)나 되어 문제가 심각한 상태

이다. 데이터/이미지 수정 및 용량이 큰 데

이터의 경량화 등 긴급한 조치가 이루어져

야 한다.

1

2

★ 오래된 페이지

★ 느린 페이지

Sample일부


26

페이지 및 링크 오류

현재 가설코리아 사이트는 전체적으로 내

부페이지간의 링크장애, 타 사이트로의 링

크장애, 응답이 없는 링크 등이 발견되고

있다.

뿐만 아니라 준비 중으로 표시되고 있는 페

이지도 상당수 있기 때문에 고객에게 신뢰

를 주지 못하는 사이트로 전락하고 있다.

사이트 분석3. 페이지 오류분석

분석의견

E-Biz 사이트로 분류되는 가설코리아의

웹사이트에 링크오류 및 완료되지 않은 컨

텐츠 부분이 있다는 것은 Biz사이트로 매

우 위험한 요소를 갖고 있는 것이며, 안정

적인 사업을 유지하기 위해서는 최대한 빠

른 시일 내에 페이지 오류 수정으로 웹사

이트의 정상적인 동작이 가능하도록 해야

한다.

1

★ 내부 페이지간의 링크 장애

★ 타사이트로의 링크 장애

★ 응답이 없는 링크

Sample일부

sample gs (주)가설코리아 웹사이트ia & ui...

Documents