SlideShare une entreprise Scribd logo
1  sur  29
 
U SER E X PERIENCE  DESIGN   WORKSHOP    Web Structure Designer /  KIM, TAEYONG [email_address]
목차 01. The User Experience Design 사용자경험 디자인에 대한 이해 02. The User Class 피드백 성향에 따른 사용자 구분 사용성에 따른 사용자 구분 03. The Experience Class 일반적인 이야기 WEB 2.0 이 주는 경험 04. How to do? Put away the abacus
01. The User Experience Design 01. The User Experience Design 사용자경험 디자인에 대한 이해 User Experience is a term used to describe the overall experience and satisfaction a user has when using a product or system. from wikipedia
01. The User Experience Design 01. The User Experience Design 사용자경험 디자인에 대한 이해 User Experience GRAPHICS INFORMATION INTERACTION
01. The User Experience Design 02. The User Class 피드백 성향에 따른 사용자 구분 스타 캐쉬카우 문제아 개 영향력 낮음 부정적 영향력 좋음 긍정적 [ 보스톤컨설팅그룹의  BCG  매트릭스 응용 ]
01. The User Experience Design 02. The User Class 피드백 성향에 따른 사용자 구분 스타 가격비교사이트의 캐쉬카우 문제아 개 영향력 낮음 부정적 영향력 좋음 긍정적
01. The User Experience Design 02. The User Class 사용성에 따른 사용자 구분 Are you  convenient   or  inconvenient  ?
01. The User Experience Design 02. The User Class 사용성에 따른 사용자 구분 Are you  convenient   or  inconvenient  ?
01. The User Experience Design 02. The User Class 사용성에 따른 사용자 구분 Are you  convenient   or  inconvenient  ?
01. The User Experience Design 02. The User Class 사용성에 따른 사용자 구분 Userbility VS Usualbility  쉬워서 쉬운 것이 아니라 익숙해서 쉬운 것이다 . 처음 접속한  사용자 중심 으로 아니면 ,  기존 사용자 중심 으로 ?  우리 사이트는 분류가  상단에 드랍메뉴 로 구성되어 있었는데 , 이번  리뉴얼 에는  어떻게  변경해야 할까요 ? 다른 사이트는  로그인창이 왼쪽 상단 에 있는데 ,  우리 사이트만 오른쪽 상단 에 있는데 이상하지 않나요 ? 검색창 은 보통  중앙 에 있는 것이 맞지 않나요 ?
01. The User Experience Design 02. The User Class 사용성에 따른 사용자 구분 Userbility   VS Usualbility
01. The User Experience Design 02. The User Class 사용성에 따른 사용자 구분 Userbility   VS  Usualbility
01. The User Experience Design 03. The Experience Class 일반적인 이야기 PORTAL SITE
01. The User Experience Design 03. The Experience Class 일반적인 이야기 SHOPPING MALL
01. The User Experience Design 03. The Experience Class 일반적인 이야기 MINI HOMEPAGE
01. The User Experience Design 03. The Experience Class 일반적인 이야기 Blog
01. The User Experience Design 03. The Experience Class WEB 2.0 이 주는 경험 Site Objectives
01. The User Experience Design 03. The Experience Class WEB 2.0 이 주는 경험 Site Objectives Naver  Say: Stay here! G o o g l e  Say: Go away!
01. The User Experience Design 03. The Experience Class WEB 2.0 이 주는 경험 Site Objectives e N u r i  Say: Buy it ASAP!
01. The User Experience Design 03. The Experience Class WEB 2.0 이 주는 경험 Classification 2002 년  월드컵   스페인  8 강전   때  광화문 에서  여친 에게  사랑 을  고백 한  내용
01. The User Experience Design 03. The Experience Class WEB 2.0 이 주는 경험 ? Classification
01. The User Experience Design 03. The Experience Class WEB 2.0 이 주는 경험 2002 년 월드컵 스페인  8 강전 광화문 여친 사랑 고백 Classification
01. The User Experience Design 03. The Experience Class WEB 2.0 이 주는 경험 Web 2.0? web2.0 의  10 가지 기술들 1.  웹 표준 (XHTML/CSS) 2.  브라우저 지원 (Firefox.Safari) 3.  유니코드 (UTF-8) 4.  논리 주소체계 (Logical URL) 5.  컨텐츠 신디케이션 (RSS/Atom,RDF) 6.  오픈 API (REST,SOAP,Web Service) 7.  집단지성  (Folksonomy, Tag) 8.  가벼운 서비스 프레임웍 (Python, Ruby on Rails) 9.  풍부한 사용자 경험 (Ajax, Flex) 10.  확장기능 (Firefox Extentions, Widget) [ 출 처 :  윤석찬  @Web2.0 Conference, 2006.3]
01. The User Experience Design 03. The Experience Class WEB 2.0 이 주는 경험 Web 3.0? 냉장고의 인공지능 컴퓨터가 매일매일 그 날의 날씨에 맞추어서  먹기 좋은 음식을 추천해주고 음식이 떨어지면 자동으로 쇼핑몰에 주문해주는 세상 이번 여름휴가인  8 월 중순에 와이프와  7 살 난 딸아이와 함께 유럽으로 여행을 가려고 하는데 ,  선선하고 ,  깨끗한 나라로 어디를 선택하면 좋을까요 ?
01. The User Experience Design 04. How to do? Put away the abacus 드라마 영웅시대의  박대철의 명대사 “ 주판을 엎자”
01. The User Experience Design 04. How to do? Put away the abacus 드라마 영웅시대의  박대철의 명대사 “ 주판을 엎자” 목적이 뭔지 잊었는가 ? 그 목적을  “ 선택 ” 하여  “ 집중 ” 해라
01. The User Experience Design Q&A [email_address]
01. The User Experience Design THANK YOU

Contenu connexe

En vedette

H3 2011 반응형 웹디자인, 진짜 할 만 한가?
H3 2011 반응형 웹디자인, 진짜 할 만 한가?H3 2011 반응형 웹디자인, 진짜 할 만 한가?
H3 2011 반응형 웹디자인, 진짜 할 만 한가?
KTH
 
모션그래픽 중간발표
모션그래픽 중간발표모션그래픽 중간발표
모션그래픽 중간발표
Da Hye Kim
 
임지연 포트폴리오
임지연 포트폴리오임지연 포트폴리오
임지연 포트폴리오
Jiyeon Lim
 
텀블러
텀블러텀블러
텀블러
Trerson
 
D.M Project_1
D.M Project_1D.M Project_1
D.M Project_1
수 지
 
예술로서의디자인 2
예술로서의디자인 2예술로서의디자인 2
예술로서의디자인 2
hyein1227
 
SnDTech Company Profile (201506)
SnDTech Company Profile (201506)SnDTech Company Profile (201506)
SnDTech Company Profile (201506)
sndtech
 
대준아미대가자2
대준아미대가자2대준아미대가자2
대준아미대가자2
다솜 김
 

En vedette (20)

20130525_사용자_경험_3大_키워드
20130525_사용자_경험_3大_키워드20130525_사용자_경험_3大_키워드
20130525_사용자_경험_3大_키워드
 
Eyes web site progect
Eyes web site progectEyes web site progect
Eyes web site progect
 
착한문서만들기
착한문서만들기착한문서만들기
착한문서만들기
 
초기 아이디어 스케치
초기 아이디어 스케치 초기 아이디어 스케치
초기 아이디어 스케치
 
11_웹서비스활용
11_웹서비스활용11_웹서비스활용
11_웹서비스활용
 
IoT Web App - 수집된 정보의 가공, 처리, 융합
IoT Web App - 수집된 정보의 가공, 처리, 융합IoT Web App - 수집된 정보의 가공, 처리, 융합
IoT Web App - 수집된 정보의 가공, 처리, 융합
 
UI with SX perspective
UI with SX perspectiveUI with SX perspective
UI with SX perspective
 
H3 2011 반응형 웹디자인, 진짜 할 만 한가?
H3 2011 반응형 웹디자인, 진짜 할 만 한가?H3 2011 반응형 웹디자인, 진짜 할 만 한가?
H3 2011 반응형 웹디자인, 진짜 할 만 한가?
 
HTML5 와 미래웹기술 part 3
HTML5 와 미래웹기술 part 3HTML5 와 미래웹기술 part 3
HTML5 와 미래웹기술 part 3
 
모션그래픽 중간발표
모션그래픽 중간발표모션그래픽 중간발표
모션그래픽 중간발표
 
임지연 포트폴리오
임지연 포트폴리오임지연 포트폴리오
임지연 포트폴리오
 
텀블러
텀블러텀블러
텀블러
 
XE 레이아웃 실습 강의자료
XE 레이아웃 실습 강의자료XE 레이아웃 실습 강의자료
XE 레이아웃 실습 강의자료
 
D.M Project_1
D.M Project_1D.M Project_1
D.M Project_1
 
예술로서의디자인 2
예술로서의디자인 2예술로서의디자인 2
예술로서의디자인 2
 
[2015년 11월] TV 인터넷관심도 월간 리포트
[2015년 11월] TV 인터넷관심도 월간 리포트[2015년 11월] TV 인터넷관심도 월간 리포트
[2015년 11월] TV 인터넷관심도 월간 리포트
 
기획서
기획서기획서
기획서
 
SnDTech Company Profile (201506)
SnDTech Company Profile (201506)SnDTech Company Profile (201506)
SnDTech Company Profile (201506)
 
대준아미대가자2
대준아미대가자2대준아미대가자2
대준아미대가자2
 
색채연구보고서 최혜진
색채연구보고서 최혜진색채연구보고서 최혜진
색채연구보고서 최혜진
 

Similaire à 가격비교 사이트에서의 사용자 경험(USER EXPERIENCE DESIGN)에 대한 이야기

[2014널리세미나] 접근성과 사용성, 기획자가 챙겨야 하는 이유
[2014널리세미나] 접근성과 사용성, 기획자가 챙겨야 하는 이유[2014널리세미나] 접근성과 사용성, 기획자가 챙겨야 하는 이유
[2014널리세미나] 접근성과 사용성, 기획자가 챙겨야 하는 이유
Nts Nuli
 

Similaire à 가격비교 사이트에서의 사용자 경험(USER EXPERIENCE DESIGN)에 대한 이야기 (20)

Flutter로 글로벌앱 출시를 위한 꿀팁 - Droidknights2020
Flutter로 글로벌앱 출시를 위한 꿀팁 - Droidknights2020Flutter로 글로벌앱 출시를 위한 꿀팁 - Droidknights2020
Flutter로 글로벌앱 출시를 위한 꿀팁 - Droidknights2020
 
[2014널리세미나] 접근성과 사용성, 기획자가 챙겨야 하는 이유
[2014널리세미나] 접근성과 사용성, 기획자가 챙겨야 하는 이유[2014널리세미나] 접근성과 사용성, 기획자가 챙겨야 하는 이유
[2014널리세미나] 접근성과 사용성, 기획자가 챙겨야 하는 이유
 
마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유
 
U&I Insgiht
U&I InsgihtU&I Insgiht
U&I Insgiht
 
GKAC 2014 Nov. - The Beautiful Design Collection 살펴보기
GKAC 2014 Nov. - The Beautiful Design Collection 살펴보기GKAC 2014 Nov. - The Beautiful Design Collection 살펴보기
GKAC 2014 Nov. - The Beautiful Design Collection 살펴보기
 
Usability design guideline
Usability design guidelineUsability design guideline
Usability design guideline
 
헬프원
헬프원헬프원
헬프원
 
UX Trend Research
UX Trend ResearchUX Trend Research
UX Trend Research
 
What Can I say? Addressing User Experience Challenges of a Mobile Voice User ...
What Can I say? Addressing User Experience Challenges of a Mobile Voice User ...What Can I say? Addressing User Experience Challenges of a Mobile Voice User ...
What Can I say? Addressing User Experience Challenges of a Mobile Voice User ...
 
2013년이 요구하는 UX/UI
2013년이 요구하는 UX/UI 2013년이 요구하는 UX/UI
2013년이 요구하는 UX/UI
 
유아이디 두잇 기말 발표
유아이디 두잇 기말 발표유아이디 두잇 기말 발표
유아이디 두잇 기말 발표
 
다음카카오 Pc&Mobile 웹 접근성 개선 사례
다음카카오  Pc&Mobile 웹 접근성 개선 사례다음카카오  Pc&Mobile 웹 접근성 개선 사례
다음카카오 Pc&Mobile 웹 접근성 개선 사례
 
원격테스트
 원격테스트 원격테스트
원격테스트
 
Translation Translator
Translation TranslatorTranslation Translator
Translation Translator
 
Droid knights 2019 - (Large-scale App을 위한) Android Architecture 총정리
Droid knights 2019 - (Large-scale App을 위한) Android Architecture 총정리Droid knights 2019 - (Large-scale App을 위한) Android Architecture 총정리
Droid knights 2019 - (Large-scale App을 위한) Android Architecture 총정리
 
Scenario-Based Interactive UI Design
Scenario-Based Interactive UI DesignScenario-Based Interactive UI Design
Scenario-Based Interactive UI Design
 
원격테스트_UX1
원격테스트_UX1원격테스트_UX1
원격테스트_UX1
 
[124] 하이브리드 앱 개발기 김한솔
[124] 하이브리드 앱 개발기 김한솔[124] 하이브리드 앱 개발기 김한솔
[124] 하이브리드 앱 개발기 김한솔
 
[Msd10]mobile design02
[Msd10]mobile design02[Msd10]mobile design02
[Msd10]mobile design02
 
Fedevtalk 15 jds
Fedevtalk 15 jdsFedevtalk 15 jds
Fedevtalk 15 jds
 

가격비교 사이트에서의 사용자 경험(USER EXPERIENCE DESIGN)에 대한 이야기

  • 1.  
  • 2. U SER E X PERIENCE DESIGN WORKSHOP Web Structure Designer / KIM, TAEYONG [email_address]
  • 3. 목차 01. The User Experience Design 사용자경험 디자인에 대한 이해 02. The User Class 피드백 성향에 따른 사용자 구분 사용성에 따른 사용자 구분 03. The Experience Class 일반적인 이야기 WEB 2.0 이 주는 경험 04. How to do? Put away the abacus
  • 4. 01. The User Experience Design 01. The User Experience Design 사용자경험 디자인에 대한 이해 User Experience is a term used to describe the overall experience and satisfaction a user has when using a product or system. from wikipedia
  • 5. 01. The User Experience Design 01. The User Experience Design 사용자경험 디자인에 대한 이해 User Experience GRAPHICS INFORMATION INTERACTION
  • 6. 01. The User Experience Design 02. The User Class 피드백 성향에 따른 사용자 구분 스타 캐쉬카우 문제아 개 영향력 낮음 부정적 영향력 좋음 긍정적 [ 보스톤컨설팅그룹의 BCG 매트릭스 응용 ]
  • 7. 01. The User Experience Design 02. The User Class 피드백 성향에 따른 사용자 구분 스타 가격비교사이트의 캐쉬카우 문제아 개 영향력 낮음 부정적 영향력 좋음 긍정적
  • 8. 01. The User Experience Design 02. The User Class 사용성에 따른 사용자 구분 Are you convenient or inconvenient ?
  • 9. 01. The User Experience Design 02. The User Class 사용성에 따른 사용자 구분 Are you convenient or inconvenient ?
  • 10. 01. The User Experience Design 02. The User Class 사용성에 따른 사용자 구분 Are you convenient or inconvenient ?
  • 11. 01. The User Experience Design 02. The User Class 사용성에 따른 사용자 구분 Userbility VS Usualbility 쉬워서 쉬운 것이 아니라 익숙해서 쉬운 것이다 . 처음 접속한 사용자 중심 으로 아니면 , 기존 사용자 중심 으로 ? 우리 사이트는 분류가 상단에 드랍메뉴 로 구성되어 있었는데 , 이번 리뉴얼 에는 어떻게 변경해야 할까요 ? 다른 사이트는 로그인창이 왼쪽 상단 에 있는데 , 우리 사이트만 오른쪽 상단 에 있는데 이상하지 않나요 ? 검색창 은 보통 중앙 에 있는 것이 맞지 않나요 ?
  • 12. 01. The User Experience Design 02. The User Class 사용성에 따른 사용자 구분 Userbility VS Usualbility
  • 13. 01. The User Experience Design 02. The User Class 사용성에 따른 사용자 구분 Userbility VS Usualbility
  • 14. 01. The User Experience Design 03. The Experience Class 일반적인 이야기 PORTAL SITE
  • 15. 01. The User Experience Design 03. The Experience Class 일반적인 이야기 SHOPPING MALL
  • 16. 01. The User Experience Design 03. The Experience Class 일반적인 이야기 MINI HOMEPAGE
  • 17. 01. The User Experience Design 03. The Experience Class 일반적인 이야기 Blog
  • 18. 01. The User Experience Design 03. The Experience Class WEB 2.0 이 주는 경험 Site Objectives
  • 19. 01. The User Experience Design 03. The Experience Class WEB 2.0 이 주는 경험 Site Objectives Naver Say: Stay here! G o o g l e Say: Go away!
  • 20. 01. The User Experience Design 03. The Experience Class WEB 2.0 이 주는 경험 Site Objectives e N u r i Say: Buy it ASAP!
  • 21. 01. The User Experience Design 03. The Experience Class WEB 2.0 이 주는 경험 Classification 2002 년 월드컵 스페인 8 강전 때 광화문 에서 여친 에게 사랑 을 고백 한 내용
  • 22. 01. The User Experience Design 03. The Experience Class WEB 2.0 이 주는 경험 ? Classification
  • 23. 01. The User Experience Design 03. The Experience Class WEB 2.0 이 주는 경험 2002 년 월드컵 스페인 8 강전 광화문 여친 사랑 고백 Classification
  • 24. 01. The User Experience Design 03. The Experience Class WEB 2.0 이 주는 경험 Web 2.0? web2.0 의 10 가지 기술들 1. 웹 표준 (XHTML/CSS) 2. 브라우저 지원 (Firefox.Safari) 3. 유니코드 (UTF-8) 4. 논리 주소체계 (Logical URL) 5. 컨텐츠 신디케이션 (RSS/Atom,RDF) 6. 오픈 API (REST,SOAP,Web Service) 7. 집단지성 (Folksonomy, Tag) 8. 가벼운 서비스 프레임웍 (Python, Ruby on Rails) 9. 풍부한 사용자 경험 (Ajax, Flex) 10. 확장기능 (Firefox Extentions, Widget) [ 출 처 : 윤석찬 @Web2.0 Conference, 2006.3]
  • 25. 01. The User Experience Design 03. The Experience Class WEB 2.0 이 주는 경험 Web 3.0? 냉장고의 인공지능 컴퓨터가 매일매일 그 날의 날씨에 맞추어서 먹기 좋은 음식을 추천해주고 음식이 떨어지면 자동으로 쇼핑몰에 주문해주는 세상 이번 여름휴가인 8 월 중순에 와이프와 7 살 난 딸아이와 함께 유럽으로 여행을 가려고 하는데 , 선선하고 , 깨끗한 나라로 어디를 선택하면 좋을까요 ?
  • 26. 01. The User Experience Design 04. How to do? Put away the abacus 드라마 영웅시대의 박대철의 명대사 “ 주판을 엎자”
  • 27. 01. The User Experience Design 04. How to do? Put away the abacus 드라마 영웅시대의 박대철의 명대사 “ 주판을 엎자” 목적이 뭔지 잊었는가 ? 그 목적을 “ 선택 ” 하여 “ 집중 ” 해라
  • 28. 01. The User Experience Design Q&A [email_address]
  • 29. 01. The User Experience Design THANK YOU