SlideShare uma empresa Scribd logo
1 de 18
웹기획,
사용자를 배려하는
합리적인 생각


            cras5@naver.com
                       Oros



       2009-05-21   cras5@naver.com   1
STORY
 04
        생활의 즐거움, 인터넷         쇼핑/예
        매
      어느 한 부분 때문에 주객이 전도되면 안 된다

      사용자 입장에서 필요한 정보와 기능은 가능하면 모두 제공하자

      결제 서비스와 주문서 페이지에서 중요한 몇 가지 사항들

      중요정보는 한눈에 볼 수 있게, 숫자정보는 자동계산 되게 하자




                          2009-05-21   cras5@naver.com   2
어느 한 부분 때문에 주객이 전도되면 안 된다

11번가 – 다나와 DB를 통해 경쟁사 들과의 가격비교 정보제공




                       2009-05-21
쇼핑몰 서비스의 핵심은 상품구색과 가격경쟁력이다


상품 구색
– 얼마나 다양한 상품들을 판매하고 있느냐?

가격
– 다른 곳보다 얼마나 더 싸게 파느냐?

G마켓
– 상품 수와 가격에서 여타 쇼핑몰보다 우위




                     2009-05-21
쇼핑몰이 쇼핑 과정에서 차지하는 비중은 10~20%뿐


         쇼핑활동의 구매의사 결정 과정


구매욕구! 관심상품 발견

정보탐색/대체안 평가 – 가격비교, 제조사 홈페이지, 전문 커뮤니티 등

구매처 결정

상품 구매 – 쇼핑 활동의 10~20%의 쇼핑몰 차지 영역




                          2009-05-21   cras5@naver.com      5
쇼핑몰이 쇼핑 과정에서 차지하는 비중은 10~20%뿐

인터파크의 e최저가
가격경쟁력이 우위에 있는 상품만 선별적으로 가격비교를 제공




                        2009-05-21   cras5@naver.com      6
사용자입장에서 필요한 정보와 기능은 가능하면 모두 제
공



영화 예매 사이트

주요 기능
- 영화에 대한 일반 정보, 상영시간, 극장 등

부가정보
- 전체 상영시간, 줄거리, 감상평, 평점 등




                          2009-05-21   cras5@naver.com      7
기본정보 외에 도움이 될만한 정보는 추가 제공

             기본적인 영화 예매 과정

극장이나 영화를 선택 -> 시간선택 -> 좌석선택 -> 결제

            맥스무비의 좌석 선택 서비스

좌석과 관련된 부가정보 제공 – 극장 환경 중요

- 스크린 사이즈와 앞뒤 자리의 간격
- 좌석에서 스크린 까지의 거리
- 선택 좌석에서 스크린에 대한 시야각




                           2009-05-21   cras5@naver.com      8
맥스무비의 좌석 선택 서비스




           2009-05-21   cras5@naver.com      9
더 쉽고 좋은 방법이 있다면 추가로 제공하자
                극장 선택 과정

지역별로 구분하여 ‘서울 -> 강남구 -> 강남점’ 의 형식으로 극장 선택




                                                             1
                          2009-05-21   cras5@naver.com       0
더 쉽고 좋은 방법이 있다면 추가로 제공하자
      지도로 극장 검색이 가능한 인터파크




                                                       1
                    2009-05-21   cras5@naver.com       1
결제 서비스와 주문서 페이지에서 중요한 몇 가지 사항들



온라인 결제시 필수

안심클릭/안전결제/공인인증

쇼핑몰 결제방법

단계의 복잡, 입력 항목 증가

쇼핑몰의 결제 서비스

매출에 일정 부분 영향을 끼치는 상당히 중요한 서비스




                                                              1
                           2009-05-21   cras5@naver.com       2
온라인 결제에서 가장 중요한 것은 간결함


            온라인 결제의 불만 사항

- 불필요한 확인 사항이나 입력 항목의 복잡함 증가

- 스크롤의 압박

- 안심클릭/안전결제와 같은 복잡한 사항에 대한 부족한 안내

- 쿠폰이나 적립금/제휴 포인트 사용 방식 복잡




                                                            1
                         2009-05-21   cras5@naver.com       3
주문서 페이지- 관계있는 항목, 스크롤의 최소화

사용자와 관계없는 입력/확인 항목은 비노출

주요 입력사항을 가로 형태로 배치 – 스크롤의 최소화

GS이숍 – 2006년, 입력/확인 항목을 30여 개 -> 10여 개
     - 스크롤 횟수 3회 -> 2회


주문서 페이지- 결제방법의 자세한 제공, 보안 안내

각종 결제수단과 방법/제약 사항 등의 안내는 최대한 자세하게 한다

보안은 고객이 안심하고 결제할 수 있도록 별도 안내 항목으로 뽑아서 안내 한다




                                                                  1
                               2009-05-21   cras5@naver.com       4
중요정보는 한눈에 볼 수 있게, 숫자정보는 자동계산




                                                     1
                  2009-05-21   cras5@naver.com       5
정보를 분산시키거나, 다른 정보를 참조하게 하지 말
자

         코레일(Korail) 기차표 예매 서비스

환승할 곳과 시간, 예약 가능한 좌석 종류 등의 정보 조회 가능

운임 요금은 별도의 팝업을 통해서 조회 가능


문제점

정보가 분산되어 있어 계속 여러 가지를 확인해야 한다
- 열차 종류를 색상으로 구분하여 위아래로 계속 확인해 줘야 함
- 아이콘 형태로 차량 종류를 표시 해주는 센스

시간정보는 출발/도착지와 별도 항목으로 되어 있어 한눈에 확인 불편
- 출발지와 출발시각을 묶어 주는 센스


                                                                 1
                              2009-05-21   cras5@naver.com       6
가격이나 시간 등 숫자로 된 정보는 자동으로 계산해서 제공

운임요금조회

연령/차종/좌석에 따라 가격이 다름
-> 사용자가 하나하나 조건을 찾아 가격을 알아낸 뒤, 요금을 합산하여 최종 운임 요금 확인




 특실, 일반실 등에 버튼 형태로 있어서 마우스 오버시 연령에 따른 요금이 나온다거나
 하는 형태로 해서 한눈에 볼 수 있어야 한다
 라디오버튼과 선택메뉴를 이용하여 클릭만으로 간단하게 최종 운임 요금을 확인하게 한다



                                                                  1
                               2009-05-21   cras5@naver.com       7
Q&A

Mais conteúdo relacionado

Mais procurados

지역블로그 활성화 방안(정보문화포럼,광주)
지역블로그 활성화 방안(정보문화포럼,광주)지역블로그 활성화 방안(정보문화포럼,광주)
지역블로그 활성화 방안(정보문화포럼,광주)Euihong Hwang
 
How Wiki Changes the World?
How Wiki Changes the World?How Wiki Changes the World?
How Wiki Changes the World?Asadal Lee
 
벤치마킹
벤치마킹벤치마킹
벤치마킹oros83
 
미코노미 3장 4장
미코노미 3장 4장미코노미 3장 4장
미코노미 3장 4장oganadang
 
2008년전세계모바일콘텐츠시장규모및부문별트렌드[1]
2008년전세계모바일콘텐츠시장규모및부문별트렌드[1]2008년전세계모바일콘텐츠시장규모및부문별트렌드[1]
2008년전세계모바일콘텐츠시장규모및부문별트렌드[1]kevin han
 
여성주의음악생산자생애사 프로포절
여성주의음악생산자생애사 프로포절여성주의음악생산자생애사 프로포절
여성주의음악생산자생애사 프로포절guest828b70e
 
Meconomy(4)
Meconomy(4)Meconomy(4)
Meconomy(4)Miri Kim
 
오픈 소스 소개
오픈 소스 소개오픈 소스 소개
오픈 소스 소개trustinlee
 
웹사이트 벤치마킹의 9가지 패턴 04
웹사이트 벤치마킹의 9가지 패턴 04웹사이트 벤치마킹의 9가지 패턴 04
웹사이트 벤치마킹의 9가지 패턴 04Clara_Kim
 
오픈 소스 프로젝트 참여를 통한 개발자 커리어 관리
오픈 소스 프로젝트 참여를 통한 개발자 커리어 관리오픈 소스 프로젝트 참여를 통한 개발자 커리어 관리
오픈 소스 프로젝트 참여를 통한 개발자 커리어 관리trustinlee
 
웹사이트 벤치마킹
웹사이트 벤치마킹웹사이트 벤치마킹
웹사이트 벤치마킹JooWan
 
계동 사무실
계동 사무실계동 사무실
계동 사무실Paulo ghang
 
웹사이트 벤치마킹의 9가지 패턴
웹사이트 벤치마킹의 9가지  패턴웹사이트 벤치마킹의 9가지  패턴
웹사이트 벤치마킹의 9가지 패턴AshleyMoon
 
The law of success 성공의 법칙과 자기 테스트
The law of success 성공의 법칙과 자기 테스트 The law of success 성공의 법칙과 자기 테스트
The law of success 성공의 법칙과 자기 테스트 Jahee Lee
 

Mais procurados (19)

지역블로그 활성화 방안(정보문화포럼,광주)
지역블로그 활성화 방안(정보문화포럼,광주)지역블로그 활성화 방안(정보문화포럼,광주)
지역블로그 활성화 방안(정보문화포럼,광주)
 
How Wiki Changes the World?
How Wiki Changes the World?How Wiki Changes the World?
How Wiki Changes the World?
 
벤치마킹
벤치마킹벤치마킹
벤치마킹
 
Bloggers Survival 제안서
Bloggers Survival 제안서Bloggers Survival 제안서
Bloggers Survival 제안서
 
미코노미 3장 4장
미코노미 3장 4장미코노미 3장 4장
미코노미 3장 4장
 
2008년전세계모바일콘텐츠시장규모및부문별트렌드[1]
2008년전세계모바일콘텐츠시장규모및부문별트렌드[1]2008년전세계모바일콘텐츠시장규모및부문별트렌드[1]
2008년전세계모바일콘텐츠시장규모및부문별트렌드[1]
 
여성주의음악생산자생애사 프로포절
여성주의음악생산자생애사 프로포절여성주의음악생산자생애사 프로포절
여성주의음악생산자생애사 프로포절
 
Meconomy(4)
Meconomy(4)Meconomy(4)
Meconomy(4)
 
오픈 소스 소개
오픈 소스 소개오픈 소스 소개
오픈 소스 소개
 
웹사이트 벤치마킹의 9가지 패턴 04
웹사이트 벤치마킹의 9가지 패턴 04웹사이트 벤치마킹의 9가지 패턴 04
웹사이트 벤치마킹의 9가지 패턴 04
 
Web3
Web3Web3
Web3
 
오픈 소스 프로젝트 참여를 통한 개발자 커리어 관리
오픈 소스 프로젝트 참여를 통한 개발자 커리어 관리오픈 소스 프로젝트 참여를 통한 개발자 커리어 관리
오픈 소스 프로젝트 참여를 통한 개발자 커리어 관리
 
웹사이트 벤치마킹
웹사이트 벤치마킹웹사이트 벤치마킹
웹사이트 벤치마킹
 
Dicon Hw
Dicon HwDicon Hw
Dicon Hw
 
계동 사무실
계동 사무실계동 사무실
계동 사무실
 
Keynote Genius
Keynote GeniusKeynote Genius
Keynote Genius
 
웹사이트 벤치마킹의 9가지 패턴
웹사이트 벤치마킹의 9가지  패턴웹사이트 벤치마킹의 9가지  패턴
웹사이트 벤치마킹의 9가지 패턴
 
3rd Presentation
3rd Presentation3rd Presentation
3rd Presentation
 
The law of success 성공의 법칙과 자기 테스트
The law of success 성공의 법칙과 자기 테스트 The law of success 성공의 법칙과 자기 테스트
The law of success 성공의 법칙과 자기 테스트
 

Destaque

웹기획
웹기획웹기획
웹기획semi06
 
4주차 발표자료(100927)
4주차 발표자료(100927)4주차 발표자료(100927)
4주차 발표자료(100927)승원 서
 
소셜웹 협업과 이벤트 실습
소셜웹 협업과 이벤트 실습소셜웹 협업과 이벤트 실습
소셜웹 협업과 이벤트 실습Youngmi Kang
 
1주차 발표자료 20100707 ver1.0
1주차 발표자료 20100707 ver1.01주차 발표자료 20100707 ver1.0
1주차 발표자료 20100707 ver1.0승원 서
 
2주차 발표자료 v5(100909)
2주차 발표자료 v5(100909)2주차 발표자료 v5(100909)
2주차 발표자료 v5(100909)승원 서
 
3주차 ppt용
3주차 ppt용3주차 ppt용
3주차 ppt용승원 서
 
반응형, 적응형 웹, 그 다음은? (지훈 Ux pd)
반응형, 적응형 웹, 그 다음은? (지훈 Ux pd)반응형, 적응형 웹, 그 다음은? (지훈 Ux pd)
반응형, 적응형 웹, 그 다음은? (지훈 Ux pd)Saltlux zinyus
 

Destaque (8)

웹기획
웹기획웹기획
웹기획
 
4주차 발표자료(100927)
4주차 발표자료(100927)4주차 발표자료(100927)
4주차 발표자료(100927)
 
소셜웹 협업과 이벤트 실습
소셜웹 협업과 이벤트 실습소셜웹 협업과 이벤트 실습
소셜웹 협업과 이벤트 실습
 
1주차 발표자료 20100707 ver1.0
1주차 발표자료 20100707 ver1.01주차 발표자료 20100707 ver1.0
1주차 발표자료 20100707 ver1.0
 
2주차 발표자료 v5(100909)
2주차 발표자료 v5(100909)2주차 발표자료 v5(100909)
2주차 발표자료 v5(100909)
 
3주차 ppt용
3주차 ppt용3주차 ppt용
3주차 ppt용
 
반응형, 적응형 웹, 그 다음은? (지훈 Ux pd)
반응형, 적응형 웹, 그 다음은? (지훈 Ux pd)반응형, 적응형 웹, 그 다음은? (지훈 Ux pd)
반응형, 적응형 웹, 그 다음은? (지훈 Ux pd)
 
Avaliacao de particao vs avaliacao de clusters wci 2010
Avaliacao de particao vs avaliacao de clusters  wci 2010Avaliacao de particao vs avaliacao de clusters  wci 2010
Avaliacao de particao vs avaliacao de clusters wci 2010
 

Mais de oros83

웹기획 V090528
웹기획 V090528웹기획 V090528
웹기획 V090528oros83
 
웹기획 V090522
웹기획 V090522웹기획 V090522
웹기획 V090522oros83
 
구글
구글구글
구글oros83
 
구글
구글구글
구글oros83
 
미코노미
미코노미미코노미
미코노미oros83
 
웹기획,
웹기획,웹기획,
웹기획,oros83
 

Mais de oros83 (6)

웹기획 V090528
웹기획 V090528웹기획 V090528
웹기획 V090528
 
웹기획 V090522
웹기획 V090522웹기획 V090522
웹기획 V090522
 
구글
구글구글
구글
 
구글
구글구글
구글
 
미코노미
미코노미미코노미
미코노미
 
웹기획,
웹기획,웹기획,
웹기획,
 

웹기획 V090522

  • 1. 웹기획, 사용자를 배려하는 합리적인 생각 cras5@naver.com Oros 2009-05-21 cras5@naver.com 1
  • 2. STORY 04 생활의 즐거움, 인터넷 쇼핑/예 매 어느 한 부분 때문에 주객이 전도되면 안 된다 사용자 입장에서 필요한 정보와 기능은 가능하면 모두 제공하자 결제 서비스와 주문서 페이지에서 중요한 몇 가지 사항들 중요정보는 한눈에 볼 수 있게, 숫자정보는 자동계산 되게 하자 2009-05-21 cras5@naver.com 2
  • 3. 어느 한 부분 때문에 주객이 전도되면 안 된다 11번가 – 다나와 DB를 통해 경쟁사 들과의 가격비교 정보제공  2009-05-21
  • 4. 쇼핑몰 서비스의 핵심은 상품구색과 가격경쟁력이다 상품 구색 – 얼마나 다양한 상품들을 판매하고 있느냐? 가격 – 다른 곳보다 얼마나 더 싸게 파느냐? G마켓 – 상품 수와 가격에서 여타 쇼핑몰보다 우위  2009-05-21
  • 5. 쇼핑몰이 쇼핑 과정에서 차지하는 비중은 10~20%뿐 쇼핑활동의 구매의사 결정 과정 구매욕구! 관심상품 발견 정보탐색/대체안 평가 – 가격비교, 제조사 홈페이지, 전문 커뮤니티 등 구매처 결정 상품 구매 – 쇼핑 활동의 10~20%의 쇼핑몰 차지 영역  2009-05-21 cras5@naver.com  5
  • 6. 쇼핑몰이 쇼핑 과정에서 차지하는 비중은 10~20%뿐 인터파크의 e최저가 가격경쟁력이 우위에 있는 상품만 선별적으로 가격비교를 제공  2009-05-21 cras5@naver.com  6
  • 7. 사용자입장에서 필요한 정보와 기능은 가능하면 모두 제 공 영화 예매 사이트 주요 기능 - 영화에 대한 일반 정보, 상영시간, 극장 등 부가정보 - 전체 상영시간, 줄거리, 감상평, 평점 등  2009-05-21 cras5@naver.com  7
  • 8. 기본정보 외에 도움이 될만한 정보는 추가 제공 기본적인 영화 예매 과정 극장이나 영화를 선택 -> 시간선택 -> 좌석선택 -> 결제 맥스무비의 좌석 선택 서비스 좌석과 관련된 부가정보 제공 – 극장 환경 중요 - 스크린 사이즈와 앞뒤 자리의 간격 - 좌석에서 스크린 까지의 거리 - 선택 좌석에서 스크린에 대한 시야각  2009-05-21 cras5@naver.com  8
  • 9. 맥스무비의 좌석 선택 서비스  2009-05-21 cras5@naver.com  9
  • 10. 더 쉽고 좋은 방법이 있다면 추가로 제공하자 극장 선택 과정 지역별로 구분하여 ‘서울 -> 강남구 -> 강남점’ 의 형식으로 극장 선택  1  2009-05-21 cras5@naver.com 0
  • 11. 더 쉽고 좋은 방법이 있다면 추가로 제공하자 지도로 극장 검색이 가능한 인터파크  1  2009-05-21 cras5@naver.com 1
  • 12. 결제 서비스와 주문서 페이지에서 중요한 몇 가지 사항들 온라인 결제시 필수 안심클릭/안전결제/공인인증 쇼핑몰 결제방법 단계의 복잡, 입력 항목 증가 쇼핑몰의 결제 서비스 매출에 일정 부분 영향을 끼치는 상당히 중요한 서비스  1  2009-05-21 cras5@naver.com 2
  • 13. 온라인 결제에서 가장 중요한 것은 간결함 온라인 결제의 불만 사항 - 불필요한 확인 사항이나 입력 항목의 복잡함 증가 - 스크롤의 압박 - 안심클릭/안전결제와 같은 복잡한 사항에 대한 부족한 안내 - 쿠폰이나 적립금/제휴 포인트 사용 방식 복잡  1  2009-05-21 cras5@naver.com 3
  • 14. 주문서 페이지- 관계있는 항목, 스크롤의 최소화 사용자와 관계없는 입력/확인 항목은 비노출 주요 입력사항을 가로 형태로 배치 – 스크롤의 최소화 GS이숍 – 2006년, 입력/확인 항목을 30여 개 -> 10여 개 - 스크롤 횟수 3회 -> 2회 주문서 페이지- 결제방법의 자세한 제공, 보안 안내 각종 결제수단과 방법/제약 사항 등의 안내는 최대한 자세하게 한다 보안은 고객이 안심하고 결제할 수 있도록 별도 안내 항목으로 뽑아서 안내 한다  1  2009-05-21 cras5@naver.com 4
  • 15. 중요정보는 한눈에 볼 수 있게, 숫자정보는 자동계산  1  2009-05-21 cras5@naver.com 5
  • 16. 정보를 분산시키거나, 다른 정보를 참조하게 하지 말 자 코레일(Korail) 기차표 예매 서비스 환승할 곳과 시간, 예약 가능한 좌석 종류 등의 정보 조회 가능 운임 요금은 별도의 팝업을 통해서 조회 가능 문제점 정보가 분산되어 있어 계속 여러 가지를 확인해야 한다 - 열차 종류를 색상으로 구분하여 위아래로 계속 확인해 줘야 함 - 아이콘 형태로 차량 종류를 표시 해주는 센스 시간정보는 출발/도착지와 별도 항목으로 되어 있어 한눈에 확인 불편 - 출발지와 출발시각을 묶어 주는 센스  1  2009-05-21 cras5@naver.com 6
  • 17. 가격이나 시간 등 숫자로 된 정보는 자동으로 계산해서 제공 운임요금조회 연령/차종/좌석에 따라 가격이 다름 -> 사용자가 하나하나 조건을 찾아 가격을 알아낸 뒤, 요금을 합산하여 최종 운임 요금 확인 특실, 일반실 등에 버튼 형태로 있어서 마우스 오버시 연령에 따른 요금이 나온다거나 하는 형태로 해서 한눈에 볼 수 있어야 한다 라디오버튼과 선택메뉴를 이용하여 클릭만으로 간단하게 최종 운임 요금을 확인하게 한다  1  2009-05-21 cras5@naver.com 7
  • 18. Q&A