경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라

  • 965 views
Uploaded on

경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라 ...

경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라
- ‘질문의 질문, 생각의 생각’, UX 혁신전략의 시작
- ZEC(Zero Effort & Connected), UX 혁신전략의 새로운 프레임워크
- UX 2.0, UX 혁신전략의 새로운 범주

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
965
On Slideshare
959
From Embeds
6
Number of Embeds
1

Actions

Shares
Downloads
51
Comments
0
Likes
3

Embeds 6

https://twitter.com 6

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. 2014.7~8 성균관대학교 일반대학원 휴먼ICT융합학과 교수/ InnoUX CEO 최병호 InnoUX@InnoUX.com, @ILOVEHCI http://Slideshare.net/BillyChoi
  • 2. © 2014 성균관대학교 일반대학원 휴먼ICT융합학과 교수/InnoUX CEO 최병호 All rights reserved. 경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라! Table of Contents • ‘질문의 질문, 생각의 생각’, UX 혁신전략의 시작 • ZEC(Zero Effort & Connected), UX 혁신전략의 새로운 프레임워크 • UX 2.0, UX 혁신전략의 새로운 범주 1
  • 3. 아이패드의 키노트, 페이지, 넘버스보다 더 뛰어나야 한다. 그리고 당연히 특허도 걸 수 있도록 접근해야 한다. 할 수 있겠는가?
  • 4. http://j.mp/108Yf10 http://j.mp/104kbiu http://j.mp/ZZWLZY
  • 5. OCR를 이용해서 UX적으로 접근하고 싶은데요….???!!!
  • 6. http://blog.joinsmsn.com/media/folderlistslide.asp?uid=britni&folder=6&list_id=7957781
  • 7. http://www.fashionsquad.com/tag/moma-umbrella/
  • 8. 1. 핵심은 최고의 OCR 인식률 제고가 아니라 최적의 OCR 경험 2. 어떤 유저가 언제 어떤 맥락(context)에서 사용하는가? 3. 사람의 행동을 바꾸는 방법은 무엇인가? 춤추는 곰이 안되면서 지속가능한 행동 유발이 가능한 트리거는 무엇인가? 4. 유저는 실수한다. 실수하는 대표적인 패턴은 무엇이고, 어떻게 커버할 것인가? 5. 그 외는?
  • 9. 스마트 세탁기와 스마트 오븐을 만들었는데 좀… 개발을 하긴 했는데 소비자에게 어떤 가치를 줄 지… 소비자를 위한 방향성을 수립해야 할 듯 합니다. 이를 위해서 UX/UI 평가 지표와 사용자 조사를 해 주십시오. 이 외에도 스마트 냉장고, 스마트 청소기 등…
  • 10. http://j.mp/104pu1l http://j.mp/10wDkE3
  • 11. 1. 버스에서 tagging하는 습관처럼 집안에서 새로운 습관을 형성할 수 있는 제반 ecosystem은 무엇인가? 2. 유저가 세탁하는 기분 상태를 좀 더 긍정적으로 변화시킬 수 있는가? 3. 근본적으로 가지고 있는 세탁기와 오븐의 문제점을 해결할 수 있는가? 4. NFC 기능은 커뮤니케이션 가치인가?
  • 12. 스마트 TV의 미래에 대한 걱정이 큽니다. 방향성을 제시해 주십시오. 그리고 UX/UI 원칙을 만들어 주십시오.
  • 13. http://blog.naver.com/PostView.nhn?blogId=gtcu&logNo=110106554187&categoryNo=51&viewDate=&currentPage=1&listtype=0
  • 14. http://j.mp/1094h1w http://j.mp/10wEwaq http://blog.handstudio.net/1298
  • 15. http://youtu.be/re1EatGRV0w IllumiRoom Projects Images Beyond Your TV for an Immersive Gaming Experience
  • 16. http://youtu.be/pAC5SeNH8jw My 90 year old grandmother tries the Oculus Rift.
  • 17. 1. TV를 기술적으로 스마트하게 하는 것보다 TV를 보는 경험을 스마트하게 방향이 필요하다! 2. 사람들이 집에서 하는 행태에서 핵심적인 심리 요소를 찾아라! 3. Second screen 4. Gesture Tech. & Gesture UX 5. Voice Solution & SIRI UX
  • 18. 플렉시블 디스플레이의 미래를 그려주십시오. 관건은 UX/UI일 것 같습니다.
  • 19. http://itechfuture.com/sikker-baby-safety/ The Sikker (Danish for safety) is a jack of all trades baby monitor, radio, alarm clock, and watch. One bracelet stays on baby; the other on parent. The units work in tandem with the base station to transmit basic biometric data about baby’s condition like temperature. The units also transmit sounds and even remotely play music for baby. Flexible display & band의 가능성! • 부모와 아기의 연결고리
  • 20. http://info.frogdesign.com/rs/aricent/images/frog_Mobile_Ecosystems-Wearable-Technology.pdf Flexible display & cover의 가능성: 타인 및 사물과의 소통과 이해의 탄생. 나에서 또 다른 나에게로의 관점 이동
  • 21. 자동차의 옆 유리창을 디스플레이로 바꾸고 싶습니다. 그런데 어떤 용도로 활용해야 할 지 모르겠습니다. UX/UI 시나리오가 필요합니다.
  • 22. 임원이 당장 통화를 혁신하라고 합니다. “우리는 통화로 밥 먹고 살고 있고, 매출도 거기에서 가장 많이 나오는데 왜 우리는 통화를 혁신하지 않는가?” 아무래도 통화 UX/UI를 혁신해야 할 듯 합니다. 어떻게 하면 될까요?
  • 23. 스마트 카는 어떻게… 헬스케어를 고려해야 하는데…
  • 24. • 페이스북 홈의 UX/UI는 스마트폰이 아니라 TV다? • 소비성 UX/UI와 생산성 UX/UI의 차이점을 아는가? • 지금의 자동차 UX/UI는 DOS다? • 내일의 자동차 UX/UI는 TV다?
  • 25. • 복잡성 보존의 법칙을 아는가? 주체가 문제이다? • TV를 보려고 학원을 다니거나 자격증을 따지 않는다. 왜 자동차는 TV와 다른가? • 자동차가 학원을 다니고 자격증을 따는 것은 제대로 된 UX/UI 방향? • 시간 지배 전략을 고려해야 한다?
  • 26. Face tracking & Feeling M2M Ecosystem & SNS Facedeals - Check-In with Your Face Ibis Sleep Art First Warning Systems BSE Bra Mind Lamp
  • 27. • 자동차는 표정이 있다. 그런데 사람의 표정은 모른다? 자동차가 사람의 감정에 반응해야 하는가? 자동차에 거울뉴런을 제공하자? 그래야 공감이 일어난다. • 자동차는 스마트 안경인가? 스마트 안경은 라이프 로깅 제품이다. 그렇다면 자동차도 그래야 하는가? 내 라이프 패턴에 반응하는 자동차를 추구해야 하는가?
  • 28. Detailed Strategies for Our Dream Smart TV & 사회 기여 저는 꿈을 꿉니다 스마트TV로 가족의 행 복을 견인할 수 있다는 꿈. 스마트TV는 반 드시 사회적 제품이어야 한다는 꿈을. "내 인생을 돌려줘"라고 외치는 사람에게 스 마트TV는 길을 열어주는 친구이길 꿈꿉니 다 스마트TV로 삶을 변화시키는 첫 걸음은 자기인식, 자기평가, 자기긍정이다. 삶의 정체성, 자존감, 이웃과 더불어 살기 위한 소통이 녹아든 스마트TV를 미친 놈 처럼 꿈꿉니다 UX전략은 고유의 색깔을 정의하는 것입니 다. Tree Planet의 BM (예) 제스처와 기부
  • 29. 인간 중심의 차량용 헬스케어 선행 연구 제언 (C) 2014 InnoUX. All Right Reserved. 인간 중심의 차량용 헬스케어 UX혁신 전략 프레임워크 37 1. 인간 중심의 차량용 헬스케어 서비스 및 감성 디자인 방향성 수립 2. 현대자동차 고유의 차별화된 가치 도출 추진 목적 수행 범주 1. 수요 조사 2. 서비스 전략 수립 3. 감성 디자인 4. 디자인 가이드라인 수립 5. 수용성 테스트 개발 방향성 핵심 타깃 주요 시나리오 대상 적용 스크린 콘텐츠 타입 메인 디자인 원칙 플랫폼(생태계) 종류 음주운전자, 지병이 있는 운전자 및 동승객, 장시간 운전자, IoT 제품 사용자 운전 전/중/후, 진단/공유/조치, 동승객 유무 클러스터, AVN, HUD PULL content, PUSH content, AR/VR content 인지/시각/운동 부하 감소, Less is more(정보/기능), 15초 법칙, 비주얼 터널링 디바이스 간 연계 생태계와 산업군 연계 생태계 추구 개발 필요성 • 경쟁사는 보유한 역량에 부합하는 차량용 헬스케어 서비스 개척으로 시장 및 수요 창출 도모 • 새로운 산업 패러다임으로 소비자의 건강을 측정 및 관리하는 IoT 제품 급부상 • 개발 트렌드는 제조 위주에서 인간 중심으로, 학습 강요에서 Natural UI(NUI)로 전환 • 디자인 트렌드는 UI에서 체화된 인지를 투영한 UX로, 스큐어모피즘에서 미니멀리즘으로 전환
  • 30. 저 큰 일 났습니다. 해외에서 저희가 만든 회계 SAP 프로그램을 못 쓰겠다고 반품 처리하겠답니다. 도와주십시오. 시간이 없습니다.
  • 31. 구분 No. UI 가이드라인 사례 Information Architecture System 1 유관 정보는 그룹핑을 해야 함 • 아이콘 • 항목 2 필수 항목과 선택 항목을 명료하게 구분해야 함 • 항목 • 영역: 필수/옵션/세팅 3 중복된 항목과 불필요한 항목은 제거를 해야 함 • Year • Company code 4 단일한 UI에 복수의 목적을 부과하지 말아야 함 • Report Period 5 조회와 결과 화면을 통합해서 제공해야 함 • 조회 화면 • 결과 화면 Labeling System 6 사용자 입장에서 레이블링을 해야 함 • Company code Interface 7 사용자의 실수를 방지해야 함 • 년도, 월, 일 직접 입력 8 가로 스크롤을 지양해야 함 • 조회 결과 화면 9 정보의 상태가 변화되면 명료한 피드백을 제공해야 함 • 출력/미출력 정보 피드백 • 선택/미선택 정보 피드백 10 유관 정보(또는 영역) 간 상관 관계를 직관적으로 제공해야 함 • Temporary payment clearing 조회 결과 화면 11 내비게이션 단서를 제공해야 함 • Class 화면 -Asset class 화면 12 사용자의 습관을 지원해야 함 • Asset report 엑셀 다운로드 • Customer Billing Print 출력 프로세스: 수정 • 검색 결과가 1개인 경우 출력 프로세스 • 디폴트 기간 설정
  • 32. 은행 점포를 혁신하고 싶습니다. 스마트 브랜치도 포함해서 말이지요. 물론 한 번에 혁신을 단행하기는 어렵겠지만 방법을 찾고 싶습니다. 어떻게 해야 할까요?
  • 33. : ‘권위자, 현자(sage)’ 이미지에서 ‘친구, 보호자’ 이미지로 전환 : ‘권위자, 현자(sage)’ 이미지에서 ‘친구, 보호자’ 이미지로 전환
  • 34. ; 호텔로비/패션 부띠끄 방향; 호텔로비/패션 부띠끄 방향
  • 35. : 커피 향기 가득, 복고풍의 탁상램프가 은은한 조명, 심지어 경영서적도 구매 가능 : 커피 향기 가득, 복고풍의 탁상램프가 은은한 조명, 심지어 경영서적도 구매 가능
  • 36. ; 점포 내 걸어 다니며 고객에게 말을 건넴 ; 리츠칼튼 호텔의 서비스 호텔에서 연간 40시간 교육과정 이수로 고객 눈높이에 맞춘 서비스 기법 적용 ; 점포 내 걸어 다니며 고객에게 말을 건넴 ; 리츠칼튼 호텔의 서비스 호텔에서 연간 40시간 교육과정 이수로 고객 눈높이에 맞춘 서비스 기법 적용
  • 37. (지역경제가 성장해야 은행이 성장할 수 있다 ; 지역 주민은 누구나 우리 고객) (지역경제가 성장해야 은행이 성장할 수 있다 ; 지역 주민은 누구나 우리 고객) 영업시간 이후 요가, 독서클럽, 바느질 클럽, 영화상영, 금융 세미나 위한 장소 제공, 지역 무명 음악인 위한 CD 제작 및 무료 배포/공연 개최 (Discover local music prj. 추진) 영업시간 이후 요가, 독서클럽, 바느질 클럽, 영화상영, 금융 세미나 위한 장소 제공, 지역 무명 음악인 위한 CD 제작 및 무료 배포/공연 개최 (Discover local music prj. 추진)
  • 38. : 가정과 중소기업의 에너지 효율성 증진, 친환경 대체에너지 사업 지원 : 양조장을 위한 상업융자 지원 : 가정과 중소기업의 에너지 효율성 증진, 친환경 대체에너지 사업 지원 : 양조장을 위한 상업융자 지원
  • 39. : 위로는 호텔, 아래로는 지역상점: 위로는 호텔, 아래로는 지역상점
  • 40. -> 은행지점을 지역 커뮤니티의 거점, 문화공간화, 기존 고객 방문 증가, 신규 고객 창출 효과 -> 은행지점을 지역 커뮤니티의 거점, 문화공간화, 기존 고객 방문 증가, 신규 고객 창출 효과
  • 41. 2006년 127개 -> 2009년 151개 73억 달러 -> 86억 달러 2000년 160명 -> 2008년 1,700명 ; 리노베이션한 지점의 평균예금액 일반지점의 130%, 금융상품 판매액 200% 2006년 127개 -> 2009년 151개 73억 달러 -> 86억 달러 2000년 160명 -> 2008년 1,700명 ; 리노베이션한 지점의 평균예금액 일반지점의 130%, 금융상품 판매액 200%
  • 42. • UXD는 본질을 발견하고, 새로운 본질로 재정의하는 것이다. • UXD는 새로운 고객층을 발굴하고, 그들이 원하는 것을 통찰하여 제공하는 것이다. • UXD는 제품, 상품, 서비스, 공간 등 광범위한 영역을 대상으로 한다. • UXD는 궁극적으로 수익을 창출한다. • UXD는 본질을 발견하고, 새로운 본질로 재정의하는 것이다. • UXD는 새로운 고객층을 발굴하고, 그들이 원하는 것을 통찰하여 제공하는 것이다. • UXD는 제품, 상품, 서비스, 공간 등 광범위한 영역을 대상으로 한다. • UXD는 궁극적으로 수익을 창출한다.
  • 43. © 2014 성균관대학교 일반대학원 휴먼ICT융합학과 교수/InnoUX CEO 최병호 All rights reserved. 경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라! ZEC UI/UX Strategic Framework 1.0a by Billy Choi Zero Effort UI/UX Strategy ZEC* UI/UX Strategy (*ZEC=Zero Effort & Connected(IoT/IoE)) Load Law of conservation of complexity Quality in Use F-shaped pattern based Satisficing UI UX Zero Effort UI/UX Strategy Connected Shortcuts & Defaults Connected FFA** DAG*** ZEC UI Strategy Ferdinand de Saussure’s Syntagm & Paradigm Jean Baudrillard’s Simulation & Hyperreal Quantified Self & Change Life **FFA=Feedback, Feedforward and perceived Affordances ***DAG=The Dopamine seeking system, unconscious selective Attention, Goal-gradient effect 66
  • 44. 출처: 문철우(2011)
  • 45. 출처: 문철우(2011)
  • 46. 출처: 문철우(2011)
  • 47. 출처: 문철우(2011)
  • 48. 출처: 문철우(2011)
  • 49. 출처: 문철우(2011)
  • 50. 출처: 문철우(2011)
  • 51. © 2014 성균관대학교 일반대학원 휴먼ICT융합학과 교수/InnoUX CEO 최병호 All rights reserved. 경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라! Zero Effort UI/UX Strategic Framework by Billy Choi Zero Effort UI/UX Strategy Load Law of conservation of complexity Quality in Use F-shaped pattern based Satisficing “인지/시각/운동 부하와 인터페이스 복잡성을 혁신적으로 줄이고, F패턴에 부흥하며, 높은 사용품질을 내재화하는 것” by Billy Choi (@ILOVEHCI) C+V+M=0 인지부하(Cognitive), 시각부하(Visual), 운동부하(Motor) I.C=0%, S.C=100% 사용자 인터페이스의 복잡성(Interface Complexity), 시스템의 복잡성(System Complexity) I=100%, L=0%, Ef= M=0%, Er=0% S=100% Intuitive design, ease of Learning, Efficiency of use, Memorability, Error frequency and severity, subjective Satisfaction 부하 복잡성 보존의 법칙 사용품질 Interface=F 만족화 원리에 기반한 F패턴 74
  • 52. © 2014 성균관대학교 일반대학원 휴먼ICT융합학과 교수/InnoUX CEO 최병호 All rights reserved. 경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라! Zero Effort UI/UX Strategic Framework(continue) Zero Effort UI/UX Strategy Load C+V+M=0 인지부하(Cognitive), 시각부하(Visual), 운동부하(Motor) 부하 75 “인지/시각/운동 부하와 인터페이스 복잡성을 혁신적으로 줄이고, F패턴에 부흥하며, 높은 사용품질을 내재화하는 것” by Billy Choi (@ILOVEHCI)
  • 53. © 2014 성균관대학교 일반대학원 휴먼ICT융합학과 교수/InnoUX CEO 최병호 All rights reserved. 경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라! Zero Effort UI/UX Strategic Framework(continue) Zero Effort UI/UX Strategy Law of conservation of complexity I.C=0%, S.C=100% 사용자 인터페이스의 복잡성(Interface Complexity), 시스템의 복잡성(System Complexity) 복잡성 보존의 법칙 CLI GUI NUI NEST-like UI Interface Complexity System Complexity 0% 0%100% http://youtu.be/L8TkhHgkBsg 76 “인지/시각/운동 부하와 인터페이스 복잡성을 혁신적으로 줄이고, F패턴에 부흥하며, 높은 사용품질을 내재화하는 것” by Billy Choi (@ILOVEHCI)
  • 54. © 2014 성균관대학교 일반대학원 휴먼ICT융합학과 교수/InnoUX CEO 최병호 All rights reserved. 경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라! Zero Effort UI/UX Strategic Framework(continue) Zero Effort UI/UX Strategy Quality in Use I=100%, L=0%, Ef= M=0%, Er=0% S=100% Intuitive design, ease of Learning, Efficiency of use, Memorability, Error frequency and severity, subjective Satisfaction 사용품질 • Intuitive design: a nearly effortless understanding of the architecture and navigation of the site • Ease of learning: how fast a user who has never seen the user interface before can accomplish basic tasks • Efficiency of use: How fast an experienced user can accomplish tasks • Memorability: after visiting the site, if a user can remember enough to use it effectively in future visits • Error frequency and severity: how often users make errors while using the system, how serious the errors are, and how users recover from the errors • Subjective satisfaction: If the user likes using the system http://www.designresourcebox.com/why-usability-is-the-most-important-aspect-of-designing-a-site/ 77 “인지/시각/운동 부하와 인터페이스 복잡성을 혁신적으로 줄이고, F패턴에 부흥하며, 높은 사용품질을 내재화하는 것” by Billy Choi (@ILOVEHCI)
  • 55. © 2014 성균관대학교 일반대학원 휴먼ICT융합학과 교수/InnoUX CEO 최병호 All rights reserved. 경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라! Zero Effort UI/UX Strategic Framework(continue) Zero Effort UI/UX Strategy F-shaped pattern based Satisficing Interface=F 만족화 원리에 기반한 F패턴 HCI Quick Guide (Emanuel Fernandes, May 2010) 78 “인지/시각/운동 부하와 인터페이스 복잡성을 혁신적으로 줄이고, F패턴에 부흥하며, 높은 사용품질을 내재화하는 것” by Billy Choi (@ILOVEHCI)
  • 56. © 2014 성균관대학교 일반대학원 휴먼ICT융합학과 교수/InnoUX CEO 최병호 All rights reserved. 경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라! ZEC UI/UX Strategic Framework 1.0a by Billy Choi ZEC* UI/UX Strategy (*ZEC=Zero Effort & Connected(IoT/IoE)) UI UX Zero Effort UI/UX Strategy Connected Shortcuts & Defaults Connected FFA** DAG*** ZEC UI Strategy Ferdinand de Saussure’s Syntagm & Paradigm Jean Baudrillard’s Simulation & Hyperreal Quantified Self & Change Life **FFA=Feedback, Feedforward and perceived Affordances ***DAG=The Dopamine seeking system, unconscious selective Attention, Goal-gradient effect 79 “기본적인 사용성과 커넥티드 기반의 사용성을 충족하면서 현실에서 제공하지 못하는 차별화된 가치와 생태계를 디자인하여 구매자의 숨은 니즈에 부합하는 것” by Billy Choi (@ILOVEHCI)
  • 57. © 2014 성균관대학교 일반대학원 휴먼ICT융합학과 교수/InnoUX CEO 최병호 All rights reserved. 경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라! ZEC UI Strategic Framework by Billy Choi ZEC* UI/UX Strategy (*ZEC=Zero Effort & Connected(IoT/IoE)) UI Zero Effort UI/UX Strategy Connected Shortcuts & Defaults Connected FFA DAG • 부하 • 복잡성 보존의 법칙 • 사용품질 • 만족화 원리에 기반한 F패턴 Thing to Service • Feedback • Feedforward • perceived Affordances • the Dopamine seeking system • unconscious selective Attention • Goal-gradient effect 80 “기본적인 사용성과 커넥티드 기반의 사용성을 충족하면서 현실에서 제공하지 못하는 차별화된 가치와 생태계를 디자인하여 구매자의 숨은 니즈에 부합하는 것” by Billy Choi (@ILOVEHCI)
  • 58. © 2014 성균관대학교 일반대학원 휴먼ICT융합학과 교수/InnoUX CEO 최병호 All rights reserved. 경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라! ZEC UI Strategic Framework(continue) ZEC* UI/UX Strategy (*ZEC=Zero Effort & Connected(IoT/IoE)) UI Connected Shortcuts & Defaults Thing to Service Internet Internet Things Things Services Services Shortcuts Defaults Connecting Physical Shortcuts Invisible Shortcuts • Amazon Dash • iBeacon http://youtu.be/JLOzF0Y4Mqw Internet Things Services Logical Shortcuts • Nymi Things http://youtu.be/c3h0eKGfUfI http://youtu.be/jUO7Qnmc8vE • Smart Glasses 상품 내비게이터, 상품 정보 열람, 카트 정보, 쇼핑 목록 관리, 즉시 결제 81 http://youtu.be/xnIoGzur0h4 “기본적인 사용성과 커넥티드 기반의 사용성을 충족하면서 현실에서 제공하지 못하는 차별화된 가치와 생태계를 디자인하여 구매자의 숨은 니즈에 부합하는 것” by Billy Choi (@ILOVEHCI)
  • 59. © 2014 성균관대학교 일반대학원 휴먼ICT융합학과 교수/InnoUX CEO 최병호 All rights reserved. 경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라! ZEC UI Strategic Framework(continue) ZEC* UI/UX Strategy (*ZEC=Zero Effort & Connected(IoT/IoE)) UI Connected FFA • Feedback • Feedforward • perceived Affordances HCI Quick Guide (Emanuel Fernandes, May 2010) 82 “기본적인 사용성과 커넥티드 기반의 사용성을 충족하면서 현실에서 제공하지 못하는 차별화된 가치와 생태계를 디자인하여 구매자의 숨은 니즈에 부합하는 것” by Billy Choi (@ILOVEHCI)
  • 60. © 2014 성균관대학교 일반대학원 휴먼ICT융합학과 교수/InnoUX CEO 최병호 All rights reserved. 경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라! ZEC UI Strategic Framework(continue) ZEC* UI/UX Strategy (*ZEC=Zero Effort & Connected(IoT/IoE)) UI Connected FFA DAG • Feedback • Feedforward • perceived Affordances • 도파민 시스템 (the Dopamine seeking system) • 무의식 선택적 주의 (unconscious selective Attention) • 목표 가속화 효과 (Goal- gradient effect) 자신의 이름, 움직이는 모든 것, 우리를 쳐다보 고 있는 사람 얼굴 그림, 음식/섹스/위험 그림, 이야기, 큰 소음 100 Things Every Designer Needs to Know About People, (Susan M. Weinschenk, 2011) 83 “기본적인 사용성과 커넥티드 기반의 사용성을 충족하면서 현실에서 제공하지 못하는 차별화된 가치와 생태계를 디자인하여 구매자의 숨은 니즈에 부합하는 것” by Billy Choi (@ILOVEHCI)
  • 61. © 2014 성균관대학교 일반대학원 휴먼ICT융합학과 교수/InnoUX CEO 최병호 All rights reserved. 경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라! ZEC UI/UX Strategic Framework by Billy Choi ZEC* UI/UX Strategy (*ZEC=Zero Effort & Connected(IoT/IoE)) UX ZEC UI Strategy Ferdinand de Saussure’s Syntagm & Paradigm Jean Baudrillard’s Simulation & Hyperreal Quantified Self & Change Life • 부하 • 복잡성 보존의 법칙 • 사용품질 • 만족화 원리에 기반한 F패턴 • Connected Shortcuts & Defaults • Feedback • Feedforward • perceived Affordances • the Dopamine seeking system • unconscious selective Attention • Goal-gradient effect S+P=CE 소쉬르의 2분법적 구조인 결합체 (Syntagm)과 계열체 (Paradigm) 응용하여 Culture Ecosystem 구축 일상의 가치 지향적인 시뮬라시옹 장 보드리야르의 시뮬라시옹과 과잉현실의 가치 응용 Six phase • 자가 측정 결과를 통한 자기 및 동료의 동반 성장 리딩 • MSSUBC Self로의 변화 • C2S, S2C, C2C로의 변화 84 “기본적인 사용성과 커넥티드 기반의 사용성을 충족하면서 현실에서 제공하지 못하는 차별화된 가치와 생태계를 디자인하여 구매자의 숨은 니즈에 부합하는 것” by Billy Choi (@ILOVEHCI)
  • 62. © 2014 성균관대학교 일반대학원 휴먼ICT융합학과 교수/InnoUX CEO 최병호 All rights reserved. 경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라! ZEC UI/UX Strategic Framework(continue) ZEC* UI/UX Strategy (*ZEC=Zero Effort & Connected(IoT/IoE)) UX Ferdinand de Saussure’s Syntagm & Paradigm S+P=CE 소쉬르의 2분법적 구조인 결합체 (Syntagm)과 계열체 (Paradigm) 응용하여 Culture Ecosystem 구축 85 FualBand SE Mobile Web Statistical Information based open data Coaching/ SNS Nike+ Kinect Training Web App PC(iTunes) Sportwatch GPS Chip+Shoes Web Mobile App Things Media Information Triggers Syntagm/ Synchrony (공시성/현재) Paradigm/ Diachrony(통시성) “기본적인 사용성과 커넥티드 기반의 사용성을 충족하면서 현실에서 제공하지 못하는 차별화된 가치와 생태계를 디자인하여 구매자의 숨은 니즈에 부합하는 것” by Billy Choi (@ILOVEHCI) [Nike의 Culture Ecosystem 분석] “무수히 많은 가능성들 가운데 어느 하나가 선택되어 ‘결합체’로 완결되면 결합의 결속력은 매우 견고해진다. 이후에 하나의 이미지로 굳어져 이후의 인식과 관념에 지배적인 영향력을 행사한다.”(기호학/전동열,2012) 선택할 수 있는 모든 가능성 랑그(자연/ 습관)가 된다. 컬쳐코드를 만든다.
  • 63. 자기효능감 (self-efficacy)
  • 64. © 2014 성균관대학교 일반대학원 휴먼ICT융합학과 교수/InnoUX CEO 최병호 All rights reserved. 경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라! ZEC UI/UX Strategic Framework(continue) ZEC* UI/UX Strategy (*ZEC=Zero Effort & Connected(IoT/IoE)) UX Jean Baudrillard’s Simulation & Hyperreal 일상의 가치 지향적인 시뮬라시옹 장 보드리야르의 시뮬라시옹과 과잉현실의 가치 응용 87 RRADA http://youtu.be/3pXNYciHCLc MemoMi http://youtu.be/kvJbu1rvd_w UNIQLO http://youtu.be/oUD57MpHAE8 ALKE http://youtu.be/qqFcaewtBJA http://youtu.be/rhH1ZNmCEdghttp://youtu.be/1qkf3kjurZw Dunk Tank Play “기본적인 사용성과 커넥티드 기반의 사용성을 충족하면서 현실에서 제공하지 못하는 차별화된 가치와 생태계를 디자인하여 구매자의 숨은 니즈에 부합하는 것” by Billy Choi (@ILOVEHCI) “The ‘postmodern media’ no longer provide ‘secondary representations of reality; they affect and produce the reality that they mediate’”(John Fiske,1994), Smart Mirror의 시뮬라시옹 Smart Bathroom의 시뮬라시옹 Smart Signage의 시뮬라시옹 Smart Shop의 시뮬라시옹
  • 65. © 2014 성균관대학교 일반대학원 휴먼ICT융합학과 교수/InnoUX CEO 최병호 All rights reserved. 경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라! 시뮬라시옹 88 REAL HYPERREAL*** 일상의 스캔들 진짜 가짜 O X 일상의 스캔들 진짜 가짜 X O 스캔들 O X 베트남 전쟁 진짜 가짜 O X 베트남 전쟁 진짜 가짜 O O 지옥의 묵시록 O X 스캔들 지옥의 묵시록 스캔들의 시뮬라시옹 ‘지옥의 묵시록’의 시뮬라시옹 * “디즈니랜드는 디즈니랜드가 바로 ‘진짜’ 나라, 즉 ‘진짜’ 미국의 모든 것이라는 사실을 감추기 위해서 존재한다(이는 마치 완전한 형태의 사회도 감옥과 다를 바가 없다는 것을 숨기려고 감옥을 부각시키는 것과 같다). 디즈니랜드가 상상의 세계로 묘사되는 것은 그 외의 세계가 진짜임을 믿게 하려는 이유에서이다. 그런데 사실상 그 주위의 로스앤젤레스나 미국도 더 이상 진짜가 아니며, 그것들도 과잉 현실과 시뮬라시옹의 질서에 따르고 있을 뿐이다. 현실의 거짓 재현(이데올로기)은 이제 더 이상 문제가 아니며, 오히려 진실이 아니라는 사실을 감추는 것이 문제이다.” (Cultural theory and popular culture/John Storey, 2009) ** Baudrillard argues that the very distinction between original and copy has itself now been destroyed. He calls this process ‘simulation’. Baudrillard (1983) calls simulation ‘the generation by models of a real without origins or reality: a hyperreal’. (출처 상동) *** In the realm of the hyperreal, the distinction between simulation and the ‘real’ implodes; the ‘real’ and the imaginary continually collapse into each other. The result is that reality and simulation are experienced as without difference – operating along a roller-coaster continuum. (출처 상동) 일상 진짜 가짜 O X 일상 진짜 가짜 O O 디즈니랜드 X O 디즈니랜드* 디즈니랜드의 시뮬라시옹**
  • 66. 제임스 로 사이버텍처(James Law Cybertecture International)의 사이버텍처 미러/ http://youtu.be/h_Sj-brC3-w
  • 67. Magic Mirror http://youtu.be/HlsSLRMq8X0 Mirrors installed in the Delano Hotel in Miami on every guest floor
  • 68. http://youtu.be/x5Lr6yW9QbQ Magic Mirror
  • 69. http://youtu.be/oLBPhh01yiY Future department stores (Digital Mirror)
  • 70. RRADA retail experience http://youtu.be/3pXNYciHCLc
  • 71. Magic Mirror brings magical shopping experience into your shop. http://www.slideshare.net/metatechnology/magic-mirror-bring-social-shopping-into-retail-store
  • 72. MemoMi unveils world's first ever body controlled smart mirror http://youtu.be/kvJbu1rvd_w
  • 73. Sharp Electronics UNIQLO Magic Mirror Display Technology http://youtu.be/oUD57MpHAE8
  • 74. ALKE - Smart Mirror - UK http://youtu.be/qqFcaewtBJA
  • 75. L'Oreal Paris Magic Mirror http://youtu.be/t5HsHaieYOI
  • 76. 대우건설은 위례신도시의 송파 푸르지오에서 스마트 거울을 활용한 생활정보기에 대해 특허 출현을 시도하고 있다. 현관에서 날씨, 주차위치, 가스 사용여부, 엘리베이터 호출, 소등, 가스 차단, 방범 설치 등의 서비스를 제공하고 있다. 스마트 생활 정보기는 평소엔 거울 기능을 유지하고 사용자가 가까이 가면 LCD 화면으로 전환된다. 영화 속 화면처럼 외출할 때 현관에 다가서면 “오늘은 비가 올 예정이오니 우산을 준비하시기 바랍니다.”와 같은 음성 안내가 나오고 현재 날씨와 온도 등이 표시된다. 입주민이 가스 불을 켜놓고 외출하면 경고음과 함께 관련 정보가 화면에 나타난다.(이후연, 2012) http://youtu.be/z2patXVyKYA
  • 77. http://youtu.be/dAI9mF_cBu0 Interactive Mirror
  • 78. Smart Toothbrush & Smart Mirror System http://youtu.be/Cvoy4deM-VQ
  • 79. Magic mirror functionalprototype http://www.slideshare.net/jjoannasee/magic-mirror-functionalprototype
  • 80. Mirrors Dont Lie http://youtu.be/VwEAaINH9X0
  • 81. • UXD는 본질을 발견하고, 새로운 본질로 재정의하는 것이다. • UXD는 새로운 고객층을 발굴하고, 그들이 원하는 것을 통찰하여 제공하는 것이다. • UXD는 광범위한 비즈니스 생태계를 구축한다. • UXD는 재미를 추구한다. • UXD는 새로운 습관을 형성하고, 궁극적으로 문화를 만든다. • UXD는 궁극적으로 수익을 창출한다. • UXD는 본질을 발견하고, 새로운 본질로 재정의하는 것이다. • UXD는 새로운 고객층을 발굴하고, 그들이 원하는 것을 통찰하여 제공하는 것이다. • UXD는 광범위한 비즈니스 생태계를 구축한다. • UXD는 재미를 추구한다. • UXD는 새로운 습관을 형성하고, 궁극적으로 문화를 만든다. • UXD는 궁극적으로 수익을 창출한다.
  • 82. © 2014 성균관대학교 일반대학원 휴먼ICT융합학과 교수/InnoUX CEO 최병호 All rights reserved. 경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라! 일상의 가치 지향적인 시뮬라시옹 110 거울 진짜 가짜 X O 스마트 미러 O X 스마트 미러 REAL HYPERREAL ‘스마트미러’의 시뮬라시옹 RRADA http://youtu.be/3pXNYciHCLc MemoMi http://youtu.be/kvJbu1rvd_w UNIQLO http://youtu.be/oUD57MpHAE8 거울 진짜 가짜 O X 스마트 미러 X O
  • 83. © 2014 성균관대학교 일반대학원 휴먼ICT융합학과 교수/InnoUX CEO 최병호 All rights reserved. 경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라! ZEC UI/UX Strategic Framework(continue) ZEC* UI/UX Strategy (*ZEC=Zero Effort & Connected(IoT/IoE)) UX Quantified Self & Change Life Six phase • 자가 측정 결과를 통한 자기 및 동료의 동반 성장 리딩 • MSSUSC Self로의 변화 • C2S, S2C, C2C로의 변화 111 http://youtu.be/V5RVqgmSV28 Smart Mirror http://www.youtube.com/watch?v=GJKwHAvR4uI&feature=share&list =PL1D61EDA3FA74A9F2 Sight: Contact Lenses with AR http://youtu.be/j3Y7PGhHR20 Zeo Sleep Manager Pro “기본적인 사용성과 커넥티드 기반의 사용성을 충족하면서 현실에서 제공하지 못하는 차별화된 가치와 생태계를 디자인하여 구매자의 숨은 니즈에 부합하는 것” by Billy Choi (@ILOVEHCI)
  • 84. © 2014 성균관대학교 일반대학원 휴먼ICT융합학과 교수/InnoUX CEO 최병호 All rights reserved. 경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라! Six phase of Quantified self for ZEC* 1.0a by Billy Choi *ZEC=Zero Effort & Connected(IoT/WoT/IoE) 112 Quantified Self=MSSUBC Self Measure Self Sync Self Share Self Understand Self Be Self Change Self Customer to Service Service to Customer Customer to Customer The measurement of customer behaviors, leveraging the things (사물로 고객의 행동 측정) Sync measured behavior data to the service system (측정한 행동 데이터를 서비스 시스템에 동기화) Make the open ecosystem, by sharing in the synchronized data to the service space (동기화된 데이터를 서비스 공간에 공유하여 오픈 생태계 형성) Understanding with the information that is accumulated in an open ecosystem of customers (오픈 생태계에서 누적된 고객의 정보로 고객의 제반 이해) To Ship Your Package Before You Buy It (고객이 상품 구매하기 전에 배송) The restoration of geur naturel & Providing leverage to other people's changes (자연성 회복 및 타인의 변화에 영향력 행사)
  • 85. © 2014 성균관대학교 일반대학원 휴먼ICT융합학과 교수/InnoUX CEO 최병호 All rights reserved. 경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라! The Overview of ZEC(Zero Effort & Connected) UI/UX Strategy 1.0a 114 Man Machine Interface Human Computer Interface based context H C Interaction based context Info. Architecture based context H C Interaction based context Info. Architecture based context H Interaction based context Info. Architecture based context H Group Society C Content Service Interaction based context Info. Architecture based context H G S Interaction based context Info. Architecture based context H based embodied cognition G S C C S Connected Thing Culture-(eco)System Company Interaction based context Info. Architecture based context H based embodied cognition G S Interaction based context Info. Architecture based context HCI1.0HCI2.0!HCI3.0? UI UX0.0UX1.0!UX2.0? ZeroEffort UI/UXStrategy ZEC UI/UXStrategy
  • 86. © 2014 성균관대학교 일반대학원 휴먼ICT융합학과 교수/InnoUX CEO 최병호 All rights reserved. 경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라! The Overview of ZEC(Zero Effort & Connected) UI/UX Strategy 1.0a 115 HCD Human-Centered Design UCD User-Centered Design ACD Activity-Centered Design GDD Goal-Driven Design (Persona & Scenario design) CCD Collaboration-Centered Design (Agile UX) MCD Metrics-Driven Design (Lean UX)
  • 87. © 2014 성균관대학교 일반대학원 휴먼ICT융합학과 교수/InnoUX CEO 최병호 All rights reserved. 경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라! The Overview of ZEC(Zero Effort & Connected) UI/UX Strategy 1.0a 116 UI/UX Method I UI/UX Method II UI/UX Method III UI/UX Method IV UI/UX Guideline I UI/UX Guideline II UI/UX Guideline III UI/UX Guideline IV
  • 88. Using user advocacy as a means to product development… Grounding requirements and design decision making in observed behavioral data. For Websites, portals, Intranets. Software, Web applications. Embedded or mobile devices, hardware products. For end-to-end experiences.
  • 89. User Experience이란 일상 생활에서 사람들이 컴퓨터와 상호작용하면서 사람들 속에 축적하게 되는 모든 지식과 기억과 감정을 의미한다. 좀 더 구체적으로 정의하자면 사용자가 디지털 제품이나 서비스를 사용하거나 사용 상황을 예상하면서 갖게 되는 모든 감정과 지각과 인지적인 결과를 의미하는 개념이다. (ISO 9241 2120) UX는 제품의 사용 전이나 사용 중 그리고 사용 후에 일어나는 사용자의 감정, 신념, 선호도, 지각, 신체적/정신적 반응이나 행동을 포함하는 매우 넓은 개념이다.
  • 90. 123
  • 91. • 가장 먼저 특정 UX/UI 분야의 전문가(specialist)가 되어야 한다. 이것은 적합한 역량, 태도, 습관의 겸비를 의미한다. (예) UX researcher, Information Architect, Interaction designer, Visual designer, PUI designer, AUI designer 등 • 전문가(specialist)가 된 이후 전략가(strategist)가 되어야 한다. 전략가는 HCI/UX 2.0 사상을 투영한 전략을 수립할 줄 알아야 한다. (예) UX Strategist, Project Manager • 전문가와 전략가를 아우르는 T형 인재에 인문학적 상상력(Imaginer)를 녹일 수 있어야 한다. 이를 위해서 커리어 로드맵을 만들어야 한다. • 자신만의 차별화된 VRIN(Valuable, Rare, Inimitable, Nonsubstitutable)을 창조할 수 있어야 하고, 이를 실현시킬 독창적인 방법론을 개발할 수 있어야 한다.
  • 92. • 조직의 프로세스에 UX/UI 프로세스를 현명하게 적용하는 방안을 개발 및 적용한다. • 전사적인 UX/UI 역량을 강화하기 위해서 최적화된 조직 구조로 혁신을 단행하고 지속적인 리딩이 가능하도록 역할을 수행한다.
  • 93. © 2014 성균관대학교 일반대학원 휴먼ICT융합학과 교수/InnoUX CEO 최병호 All rights reserved. 경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라! 인용/참조 문헌 • Designing User Experience, Not User Interface /Conversion Meetup 2013/ (Petr Kosnar on Nov 07, 2013) • UX Strategy ; Management Perspective on UX (Ernest Volnyansky, Apr 15, 2013) • User Experience on Gui (Mehmet Baykal, Working at Türkiye İş Bankası on Apr 01, 2012) • Lean UX Roundtable (Anders Ramsay, Apr 24, 2012) • HCI (Meet Shah, Sep 2012) • HCI (Alejandro Ruiz, Aug 2012) • History of Human-Computer Interaction (Erik Duval, Mar 2012) • Human-Computer Interfaces: How is Technology Change Creating New Opportunities in Them? (Jeffrey Funk, Mar 2012) • Human Computer Interaction 개론 (김진우, 2012) • 100 Things Every Presenter Needs to Know About People (Susan Weinschenk, May 14, 2012) • 100 Things Every Designer Needs to Know About People, http://www.scribd.com/doc/104454035/100-Things-Every-Designer-Needs-to-Know- About-People-Weinschenk-New-Riders-2011 (Susan M. Weinschenk, 2011), The W Blog, http://www.theteamw.com/blog/ (Susan M. Weinschenk) • Evaluating User Experience (NorthernUX on Jul 08, 2011) • Adrian Day "User Experience or Brand Experience" - LBi Masterclasses June 11 (LBi User Experience on Jun 28, 2011) • HCI to UX to HCI - Parte A (Cristiano Rastelli, Dec 2011) • Brief Introduction to HCI (Bao Nguyen, Dec 2011) • Human-Computer Interaction: An Overview (Sabin Buraga, Feb 2010) • Introduction to HCI (Deskala, Jul 2010) • HCI Quick Guide (Emanuel Fernandes, May 2010) • The Ten Commandments Of User Experience (Nick Finck, Mar 2010) • 10 Things CEOs Need to Know About Design (Jason Putorti, May 2010) • UX design. What, how and why (Serena Facchinetti, Feb 2010) • Metrics-Driven Design (Joshua Porter, May 2010) • UX Deliverables in Practice (Peter Boersma, May 2009) • 10 Most Common Misconceptions About User Experience Design (Whitney Hess, Apr 2009) • UX design, service design and design thinking (Sylvain Cottong, Aug 2009) • Foundations of Interaction Design (Karen McGrane, Jan 2009) • User Experience Best Practices (Nick Finck, May 2008) • Interaction Design History (Marc Rettig, Jan 27, 2008) • User Centered Design 101 (Frank Spillers, Mar 2007) • Experience Is The Product (Peterme, Oct 2007) • Are You An User Experience Designer (Vinay Mohanty, Oct 2007) 129
  • 94. 경청해주셔서 고맙습니다!