SlideShare a Scribd company logo
웹기획,
사용자를 배려하는
합리적인 생각


            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

More Related Content

What's hot

지역블로그 활성화 방안(정보문화포럼,광주)
지역블로그 활성화 방안(정보문화포럼,광주)지역블로그 활성화 방안(정보문화포럼,광주)
지역블로그 활성화 방안(정보문화포럼,광주)
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
 
Bloggers Survival 제안서
Bloggers Survival 제안서Bloggers Survival 제안서
Bloggers Survival 제안서
Industrial Bank of Korea
 
미코노미 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
 
3rd Presentation
3rd Presentation3rd Presentation
The law of success 성공의 법칙과 자기 테스트
The law of success 성공의 법칙과 자기 테스트 The law of success 성공의 법칙과 자기 테스트
The law of success 성공의 법칙과 자기 테스트
Jahee Lee
 

What's hot (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 성공의 법칙과 자기 테스트
 

Viewers also liked

Jennifer shirley literature as a therapy tool (research paper)
Jennifer shirley literature as a therapy tool (research paper)Jennifer shirley literature as a therapy tool (research paper)
Jennifer shirley literature as a therapy tool (research paper)JenniferShirley13
 
D1 3 200710 Poznan+Paris Bpm Arch
D1 3   200710 Poznan+Paris Bpm ArchD1 3   200710 Poznan+Paris Bpm Arch
D1 3 200710 Poznan+Paris Bpm Archbrutkowski
 
Comedy Revolution Sponsorship Opportunity Info.
Comedy Revolution Sponsorship Opportunity Info.Comedy Revolution Sponsorship Opportunity Info.
Comedy Revolution Sponsorship Opportunity Info.ianjonesy
 
US Legal Research
US Legal ResearchUS Legal Research
US Legal Research
isc_library
 
Recounts of Athletics at Tawhai School & Nothern Zone.
Recounts of Athletics at Tawhai School & Nothern Zone.Recounts of Athletics at Tawhai School & Nothern Zone.
Recounts of Athletics at Tawhai School & Nothern Zone.Rosaposa
 
Visit Indiana & Social Media (Case Study) 12.02.11
Visit Indiana & Social Media (Case Study) 12.02.11Visit Indiana & Social Media (Case Study) 12.02.11
Visit Indiana & Social Media (Case Study) 12.02.11
Indiana Office of Tourism Development
 
Sean Zero to One
Sean Zero to OneSean Zero to One
Sean Zero to One
Brian Jones
 
Intro to logarithms (rev1)
Intro to logarithms (rev1)Intro to logarithms (rev1)
Intro to logarithms (rev1)Inez Hofner
 
대신리포트_마켓 브라우저_130904
대신리포트_마켓 브라우저_130904대신리포트_마켓 브라우저_130904
대신리포트_마켓 브라우저_130904DaishinSecurities
 
C031207010
C031207010C031207010
C031207010
inventionjournals
 
Artistry
ArtistryArtistry
Artistryjwalts
 
Tariq Faridi Palmer Palmer South January15
Tariq Faridi Palmer Palmer South January15Tariq Faridi Palmer Palmer South January15
Tariq Faridi Palmer Palmer South January15
General Ventures, Inc.
 
SME Community Talk 15032012
SME Community Talk 15032012SME Community Talk 15032012
SME Community Talk 15032012Andrew Keogh
 
ICEJ recommendation letter
ICEJ recommendation letterICEJ recommendation letter
ICEJ recommendation letterMeki Carolino
 
M Y S P I R I T U A L Q U E S T O N D R
M Y  S P I R I T U A L  Q U E S T O N   D RM Y  S P I R I T U A L  Q U E S T O N   D R
M Y S P I R I T U A L Q U E S T O N D Rtgranganathan
 

Viewers also liked (20)

Jennifer shirley literature as a therapy tool (research paper)
Jennifer shirley literature as a therapy tool (research paper)Jennifer shirley literature as a therapy tool (research paper)
Jennifer shirley literature as a therapy tool (research paper)
 
Slides 02
Slides 02Slides 02
Slides 02
 
D1 3 200710 Poznan+Paris Bpm Arch
D1 3   200710 Poznan+Paris Bpm ArchD1 3   200710 Poznan+Paris Bpm Arch
D1 3 200710 Poznan+Paris Bpm Arch
 
Comedy Revolution Sponsorship Opportunity Info.
Comedy Revolution Sponsorship Opportunity Info.Comedy Revolution Sponsorship Opportunity Info.
Comedy Revolution Sponsorship Opportunity Info.
 
US Legal Research
US Legal ResearchUS Legal Research
US Legal Research
 
Recounts of Athletics at Tawhai School & Nothern Zone.
Recounts of Athletics at Tawhai School & Nothern Zone.Recounts of Athletics at Tawhai School & Nothern Zone.
Recounts of Athletics at Tawhai School & Nothern Zone.
 
Visit Indiana & Social Media (Case Study) 12.02.11
Visit Indiana & Social Media (Case Study) 12.02.11Visit Indiana & Social Media (Case Study) 12.02.11
Visit Indiana & Social Media (Case Study) 12.02.11
 
Sean Zero to One
Sean Zero to OneSean Zero to One
Sean Zero to One
 
Intro to logarithms (rev1)
Intro to logarithms (rev1)Intro to logarithms (rev1)
Intro to logarithms (rev1)
 
DiTT VISION
DiTT VISIONDiTT VISION
DiTT VISION
 
대신리포트_마켓 브라우저_130904
대신리포트_마켓 브라우저_130904대신리포트_마켓 브라우저_130904
대신리포트_마켓 브라우저_130904
 
9 frame
9 frame9 frame
9 frame
 
C031207010
C031207010C031207010
C031207010
 
Artistry
ArtistryArtistry
Artistry
 
Tariq Faridi Palmer Palmer South January15
Tariq Faridi Palmer Palmer South January15Tariq Faridi Palmer Palmer South January15
Tariq Faridi Palmer Palmer South January15
 
Lecture: Ecology
Lecture: EcologyLecture: Ecology
Lecture: Ecology
 
SME Community Talk 15032012
SME Community Talk 15032012SME Community Talk 15032012
SME Community Talk 15032012
 
ICEJ recommendation letter
ICEJ recommendation letterICEJ recommendation letter
ICEJ recommendation letter
 
M Y S P I R I T U A L Q U E S T O N D R
M Y  S P I R I T U A L  Q U E S T O N   D RM Y  S P I R I T U A L  Q U E S T O N   D R
M Y S P I R I T U A L Q U E S T O N D R
 
F uturemed wp5_final_2
F uturemed wp5_final_2F uturemed wp5_final_2
F uturemed wp5_final_2
 

More from oros83

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

More from 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