Your SlideShare is downloading. ×
Flexible Display UX:
다양한 사례를 통해 영감 얻기
(2013년 한국인지과학 학술대회)
2013.3.25
InnoUX CEO 최병호
InnoUX@InnoUX.com, @ILOVEHCI
© 2013 InnoUX & Innodesign All rights reserved.Flexible Display UX: 다양한 사례를 통해 영감 얻기
Table of Contents
• The Five Agenda
•...
The Five Agenda
http://pinterest.com/pin/80572280805261915/ http://pinterest.com/pin/80572280802977004/
1. 휘는 것은 무엇이 있을까?
2. 휘어야만 가치가 있는 것은 무엇일까?
3. 휘면 세상이 어떻게 달라질까?
4. 휘게 만들면 세상을 바꿀 수 있을까?
5. 휘게 하여 돈을 벌 수 있을까?
Wearable UX
Glass bracelet
http://pinterest.com/pin/116249234103515469/
Flexible은 단지 물건을
휘게하는 것만을 의미하지
않는구나!
Flexible은 착용할 수 있다는
의미로 해...
http://info.frogdesign.com/rs/aricent/images/frog_Mobile_Ecosystems-Wearable-Technology.pdf
일명 먼지털기… 가방, 지갑, 호주머니 등 들고 다니는...
http://www.kickstarter.com/projects/embraceplus/embrace-1
EMBRACE+, smart notification bracelet
for iPhone and Android
http://www.kickstarter.com/projects/embraceplus/embrace-1
Flexible display &
bracelet의 가능성!
• 팔찌의 특성 상 개성 표출:
자신만의 칼라 설정으로...
http://info.frogdesign.com/rs/aricent/images/frog_Mobile_Ecosystems-Wearable-Technology.pdf
Flexible display & bracelet의 가...
http://info.frogdesign.com/rs/aricent/images/frog_Mobile_Ecosystems-Wearable-Technology.pdf
Flexible display &
band의 가능성:
...
http://info.frogdesign.com/rs/aricent/images/frog_Mobile_Ecosystems-Wearable-Technology.pdf
Flexible display & band의 가능성: ...
http://info.frogdesign.com/rs/aricent/images/frog_Mobile_Ecosystems-Wearable-Technology.pdf
Flexible display & band의 가능성:
...
MP3
Player
Creative
http://pinterest.com/pin/92816442292229470/
Hailed as “MP3 Player Creative,” the portable music player...
Bracelet
& Watch
http://pinterest.com/pin/285978645059989720/
Flexible display &
Watch의 가능성!
• 시계 특성 상 개성 표출:
차별화된 형태 추구,
...
http://youtu.be/u5OV_BJreTA
iWatch - A Future Concept
http://youtu.be/u5OV_BJreTA
Flexible display &
Watch의 가능성!
• 시계의 확장: 알람,
일정 관리 및 공유
• 탁상/착용 겸용
• 인증: 지문/터치와
맞춤 서비스
• 통화 지원...
http://youtu.be/oWu9TFJjHaM
MYO - Wearable Gesture
Control from Thalmic Labs
http://youtu.be/oWu9TFJjHaM
Flexible display &
band의 가능성!
• 염력의 재탄생와 flexible
display를 채택한
제품과의 연동 가능성
• 제스처를 취하는 그대로
이루어지...
Philips Fluid Smartphone
with flexible OLED display
http://www.designbuzz.com/flex-chatter-flexible-display-cellphone-conc...
http://youtu.be/DJdD6NHW0xI
Mobile phones
concepts
http://info.frogdesign.com/rs/aricent/images/frog_Mobile_Ecosystems-Wearable-Technology.pdf
Flexible display & cover의
가능성:...
http://itechfuture.com/sikker-baby-safety/
Sikker –
Baby Safety
The Sikker (Danish for safety) is a jack of all trades
bab...
Glasses UX
Google Glasses
http://pinterest.com/pin/80290805827139756/
Flexible display &
Glasses의 가능성
http://pinterest.com/pin/80290805827139756/
Flexible display & Glasses의
가능성
• 제1의 눈: 부모님의 주신 눈
• 제2의 눈: 사회에서 준 눈인 안경
• 제3의...
http://youtu.be/13ZQ4LbE2u0
The Future of Mobile
http://youtu.be/13ZQ4LbE2u0
Flexible display &
Glasses의 가능성!
• 검색 포탈의
미래는 지도
포탈이 아니라
G-포탈?
 G-인물 검색의
탄생
 G-테마검색의 탄생
 입체...
http://youtu.be/13ZQ4LbE2u0
Flexible display & Glasses의
가능성!
• 검색 포탈의 미래는 지도
포탈이 아니라 G-포탈?
1. 검색 인터페이스의 변화:
Click/Voice to...
http://www.google.com/glass/start/how-it-feels/
How it feels
http://www.google.com/glass/start/how-it-feels/
Flexible display &
Glasses의 가능성!
• 미래의 뉴미디어 권력은
TV나 유튜브가 아니라
익스트림 동영상을 찍는
...
http://www.google.com/glass/start/how-it-feels/
• 미래의 뉴미디어 권력은 TV나 유튜브가
아니라 익스트림 동영상을 찍는 만인의 손?
1. 만인의 습관: 일상을 동영상으로 기록하는 ...
http://youtu.be/xnIoGzur0h4
Discover the Future of Frozen Foods |
Marie Callender's and Healthy Choice
http://youtu.be/xnIoGzur0h4
Flexible display &
Glasses의 가능성!
• G-날씨예보와
코디/행동 추천
• G-TO DO의
즉각적인 처리/관리
• G-초단타 실시간
영상 뉴스 시청...
http://youtu.be/xnIoGzur0h4
Flexible display &
Glasses의 가능성!
• G-실시간 운동 정보
기록
• G-메시지 및 영상
통화
• G-상품 내비게이션
• G-상품 정보 열람 및
...
http://youtu.be/xnIoGzur0h4
Flexible display & Glasses의 가능성!
• 커머스의 미래는 M-commerce가
아니라 G-commerce?
1. 상품 내비게이터: Findabili...
UX Ecosystem
http://youtu.be/qwJ9uGw4Mk8
Nike+ FuelBand
http://youtu.be/qwJ9uGw4Mk8
Flexible display &
band의 가능성!
• 손목 착용 ▶
• 운동 ▶
• 데이터 기록 ▶
• 목표 달성 확인 ▶
• 스마트폰 앱과 데이터 연동 ▶
• 웹사...
http://youtu.be/bqvinDgex-A
Flexible display, Video Game,
Ecosystem, Collaboration Values
Flexible
Smartphone/
Tablet UX
http://pinterest.com/pin/208080445254771757/
http://youtu.be/Zto6aTZM9t0
Nokia Morph Concept
http://youtu.be/Zto6aTZM9t0
Flexible display &
Tablet의 가능성!
• 크기 선택의 자유:
펼치고 접기
• 통화 수단의 자유:
스마트폰과
이어폰의 선택
• 휴대의 편리:
손목에 착용
Flexible Layout
http://youtu.be/z0z4Cj_7Xh4
PARKd
https://vimeo.com/61202867
NYC Beacon (Reinvent Payphones)
Gently rising out of the sidewalk and topping out at nearly 12 ...
http://youtu.be/SvEW2CJMasQ
Flexible display와
옥외 광고의 layout
Flexible display와
smart car의 layout
http://youtu.be/eOSJdQ3e6JE
Others
IMPRESS - flexible display
http://vimeo.com/3187100
경청해주셔서
고맙습니다!
Upcoming SlideShare
Loading in...5
×

Flexible Display UX:다양한 사례를 통해 영감 얻기(2013년 한국인지과학 학술대회)

2,858

Published on

Flexible Display UX:다양한 사례를 통해 영감 얻기(2013년 한국인지과학 학술대회)

The Five Agenda
Wearable UX
Glasses UX
UX Ecosystem

Flexible Smartphone/Tablet UX
Flexible Layout
Others

Published in: Design
0 Comments
11 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,858
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
0
Comments
0
Likes
11
Embeds 0
No embeds

No notes for slide

Transcript of "Flexible Display UX:다양한 사례를 통해 영감 얻기(2013년 한국인지과학 학술대회)"

  1. 1. Flexible Display UX: 다양한 사례를 통해 영감 얻기 (2013년 한국인지과학 학술대회) 2013.3.25 InnoUX CEO 최병호 InnoUX@InnoUX.com, @ILOVEHCI
  2. 2. © 2013 InnoUX & Innodesign All rights reserved.Flexible Display UX: 다양한 사례를 통해 영감 얻기 Table of Contents • The Five Agenda • Wearable UX • Glasses UX • UX Ecosystem • Flexible Smartphone/Tablet UX • Flexible Layout • Others 1
  3. 3. The Five Agenda
  4. 4. http://pinterest.com/pin/80572280805261915/ http://pinterest.com/pin/80572280802977004/
  5. 5. 1. 휘는 것은 무엇이 있을까? 2. 휘어야만 가치가 있는 것은 무엇일까? 3. 휘면 세상이 어떻게 달라질까? 4. 휘게 만들면 세상을 바꿀 수 있을까? 5. 휘게 하여 돈을 벌 수 있을까?
  6. 6. Wearable UX
  7. 7. Glass bracelet http://pinterest.com/pin/116249234103515469/ Flexible은 단지 물건을 휘게하는 것만을 의미하지 않는구나! Flexible은 착용할 수 있다는 의미로 해석할 수도 있구나! 그렇다면 들고 다니는 것과 착용하는 것들을 조사해야겠구나!
  8. 8. http://info.frogdesign.com/rs/aricent/images/frog_Mobile_Ecosystems-Wearable-Technology.pdf 일명 먼지털기… 가방, 지갑, 호주머니 등 들고 다니는 모든 것과 귀걸이, 반지, 시계 등 착용한 모든 것을 꺼내 놓고 보니… 모든 것이 Flexible Display!?
  9. 9. http://www.kickstarter.com/projects/embraceplus/embrace-1 EMBRACE+, smart notification bracelet for iPhone and Android
  10. 10. http://www.kickstarter.com/projects/embraceplus/embrace-1 Flexible display & bracelet의 가능성! • 팔찌의 특성 상 개성 표출: 자신만의 칼라 설정으로 • 스마트폰과 연동: 칼라 설정 및 앱 활용 유도; N 스크린과의 연동 또는 독자적인 스마트 기능 확보 가능성 고려 (최적화된 범주 정의 필요) • 낮보다 밤이 더 어울려: 야광과 무도회!
  11. 11. http://info.frogdesign.com/rs/aricent/images/frog_Mobile_Ecosystems-Wearable-Technology.pdf Flexible display & bracelet의 가능성: 공통의 제스처, 칼라, 메시지 그리고 배우와 관객의 쌍방향 소통, 참여, 연대
  12. 12. http://info.frogdesign.com/rs/aricent/images/frog_Mobile_Ecosystems-Wearable-Technology.pdf Flexible display & band의 가능성: 독창적인 디자인, 대중교통 도우미!?
  13. 13. http://info.frogdesign.com/rs/aricent/images/frog_Mobile_Ecosystems-Wearable-Technology.pdf Flexible display & band의 가능성: 어디에서 무엇을 타야 하고, 그곳에 가려면 어떻게 가야하고 시간과 거리가 얼마나 걸리는지, 타려면 얼마나 기다려야 하는지, 목적지에 도착하려면 얼마나 남았는지, 현재 몇 시 인지 안내한다면!? 해외, 낯선 곳에서
  14. 14. http://info.frogdesign.com/rs/aricent/images/frog_Mobile_Ecosystems-Wearable-Technology.pdf Flexible display & band의 가능성: • 차세대 교통 시스템으로서의 가능성  다양한 교통 시스템의 지원: 지하철, 기차, 고속버스, 도심버스, 마을버스, 택시, 콜택시, 자가운전, 비행기 등 탑승 및 환승(또는 낯선 지역 여행)  다양한 목적 지원: 좌석 예매, 결제, 대리운전 호출, 렌탈, 주차, 도보 등  다양한 상황 지원: 사람이 걷고, 멈추고, 타는 것에 포커스. 이 외에 기다리고, 뛰고, 놀고, 대화하는 것에 고찰 필요 (예) 기다리는 상황: 1분 밴드형 애니팡 게임, 7번째 지하철 역에 도착할 때까지 즐길 수 있는 15분 세바시, 36초 Keek.com 등
  15. 15. MP3 Player Creative http://pinterest.com/pin/92816442292229470/ Hailed as “MP3 Player Creative,” the portable music player features a flexible OLED screen that other than displaying the playlist also lets the user select the song or control volume with just a touch of a finger. Worn around the wrist like a bracelet, the MP3 concept gives easy access of the functions to the user. In addition, the sleek music player includes wireless headphones to offer clutter-free music on the go. Flexible display & bracelet의 가능성! • 팔찌의 특성 상 개성 표출: 차별화된 형태 • 분위기 업: 혼자만의 음악 청취, 더불어 음악 공유; 지속가능한 활용성 검토
  16. 16. Bracelet & Watch http://pinterest.com/pin/285978645059989720/ Flexible display & Watch의 가능성! • 시계 특성 상 개성 표출: 차별화된 형태 추구, 1개가 아니라 2개? • Flexible display을 채택한 Smart watch는 어떤 용도?
  17. 17. http://youtu.be/u5OV_BJreTA iWatch - A Future Concept
  18. 18. http://youtu.be/u5OV_BJreTA Flexible display & Watch의 가능성! • 시계의 확장: 알람, 일정 관리 및 공유 • 탁상/착용 겸용 • 인증: 지문/터치와 맞춤 서비스 • 통화 지원 • 운동 지원: 기록/공유; 건강 • 기억의 확장: 도어 비밀번호 등; 실버 지원
  19. 19. http://youtu.be/oWu9TFJjHaM MYO - Wearable Gesture Control from Thalmic Labs
  20. 20. http://youtu.be/oWu9TFJjHaM Flexible display & band의 가능성! • 염력의 재탄생와 flexible display를 채택한 제품과의 연동 가능성 • 제스처를 취하는 그대로 이루어지는 WYGIWYD(What You Gesture Is What You Do) • 직접 통제할 수 있는 지배욕과 과시욕 • 재미
  21. 21. Philips Fluid Smartphone with flexible OLED display http://www.designbuzz.com/flex-chatter-flexible-display-cellphone-concepts/ It was Brazilian designer Dinard da Mata who conceived the “Fluid” for Phillips. It is a smartphone concept that stays loyal to its name and is flexible in every imaginable way. The phone can be wrapped around the wrist to double up as a wristwatch or a bracelet and can be accessed easily on the go. The phone is exceptionally energy efficient. As suggested by the image the phone lacks a physical keypad but the shape and the adaptability of the flexible display allows user interactions either horizontally or vertically.
  22. 22. http://youtu.be/DJdD6NHW0xI Mobile phones concepts
  23. 23. http://info.frogdesign.com/rs/aricent/images/frog_Mobile_Ecosystems-Wearable-Technology.pdf Flexible display & cover의 가능성: 타인 및 사물과의 소통과 이해의 탄생. 나에서 또 다른 나에게로의 관점 이동
  24. 24. http://itechfuture.com/sikker-baby-safety/ 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의 가능성! • 부모와 아기의 연결고리: 관계 디자인 • 통제되지 않는 아기를 향한 분노와 죄책감의 심리 • 외롭게 않게 알아서 챙겨주는 키다리 아저씨 • 실시간 건강정보의 기록과 공유 그리고 발 빠른 피드백 (소통)
  25. 25. Glasses UX
  26. 26. Google Glasses http://pinterest.com/pin/80290805827139756/ Flexible display & Glasses의 가능성
  27. 27. http://pinterest.com/pin/80290805827139756/ Flexible display & Glasses의 가능성 • 제1의 눈: 부모님의 주신 눈 • 제2의 눈: 사회에서 준 눈인 안경 • 제3의 눈: 보이지 않는 매크로한 것을 볼 수 있게 하고(예로 망원경, AR 기술을 적용한 스마트폰), 보이지 않는 마이크로한 것을 볼 수 있게(예로 현미경) 한 제품 • 제4의 눈: 스마트 안경; AR 기술을 적용한 스마트제품은 제2의 눈에 비해 인위적이고 불편함. 대안으로 제3의 눈을 혁신하는 것이 아니라 제2의 눈을 혁신함
  28. 28. http://youtu.be/13ZQ4LbE2u0 The Future of Mobile
  29. 29. http://youtu.be/13ZQ4LbE2u0 Flexible display & Glasses의 가능성! • 검색 포탈의 미래는 지도 포탈이 아니라 G-포탈?  G-인물 검색의 탄생  G-테마검색의 탄생  입체(3D,AR 등) 정보의 대폭발
  30. 30. http://youtu.be/13ZQ4LbE2u0 Flexible display & Glasses의 가능성! • 검색 포탈의 미래는 지도 포탈이 아니라 G-포탈? 1. 검색 인터페이스의 변화: Click/Voice to search의 연속적인 접근에서 Point to search의 단일 접근으로 2. 검색 시작점의 차이: 막연한 연상에서 명료한 대상으로 3. 맥락 정보의 차이: 만족화 원리에서 시간, 공간, 사람 등 여러 맥락 정보 통합 자동 처리
  31. 31. http://www.google.com/glass/start/how-it-feels/ How it feels
  32. 32. http://www.google.com/glass/start/how-it-feels/ Flexible display & Glasses의 가능성! • 미래의 뉴미디어 권력은 TV나 유튜브가 아니라 익스트림 동영상을 찍는 만인의 손?
  33. 33. http://www.google.com/glass/start/how-it-feels/ • 미래의 뉴미디어 권력은 TV나 유튜브가 아니라 익스트림 동영상을 찍는 만인의 손? 1. 만인의 습관: 일상을 동영상으로 기록하는 습관. 제4의 눈 특성 때문 2. 사물의 습관: 제4의 눈은 지능적인 블랙박스 역할 (레코딩, 공유, 편집 등) 3. 만인의 소비: 1초에 소비되는 정보량은 인류 처음 경험 4. 시간의 지배: TV보다 적극적 소비. 자극적인 또 다른 버전의 트루먼쇼이기 때문 5. 권력의 이동: 시간 지배자인 네트워크 허브(사람/사물) 6. 거래의 지배: 실시간 경험 거래로 시장 파괴 및 대체 7. 큐레이터의 지배: 과도한 데이터 스모그 현상과 대안 8. 모바일 지상주의
  34. 34. http://youtu.be/xnIoGzur0h4 Discover the Future of Frozen Foods | Marie Callender's and Healthy Choice
  35. 35. http://youtu.be/xnIoGzur0h4 Flexible display & Glasses의 가능성! • G-날씨예보와 코디/행동 추천 • G-TO DO의 즉각적인 처리/관리 • G-초단타 실시간 영상 뉴스 시청/제작 및 공유 • G-냉장고 관리
  36. 36. http://youtu.be/xnIoGzur0h4 Flexible display & Glasses의 가능성! • G-실시간 운동 정보 기록 • G-메시지 및 영상 통화 • G-상품 내비게이션 • G-상품 정보 열람 및 평가 • G-결제
  37. 37. http://youtu.be/xnIoGzur0h4 Flexible display & Glasses의 가능성! • 커머스의 미래는 M-commerce가 아니라 G-commerce? 1. 상품 내비게이터: Findability의 극대화 2. 친구 내비게이터: 위치 정보의 공유와 인도; 아동, 실버 등 3. 상품 정보 열람: 상품 설명, 칼로리, 소셜평가/점수, 구매횟수, 만족도, 내 구매이력 4. 카트 정보: 카트에 포함된 상품 실시간 계산 5. 눈의 공유: 내가 보는 것을 타인도 볼 수 있다! 6. 쇼핑 목록 관리: 합리적인 쇼핑; 외부 개입? 7. 즉시 결제
  38. 38. UX Ecosystem
  39. 39. http://youtu.be/qwJ9uGw4Mk8 Nike+ FuelBand
  40. 40. http://youtu.be/qwJ9uGw4Mk8 Flexible display & band의 가능성! • 손목 착용 ▶ • 운동 ▶ • 데이터 기록 ▶ • 목표 달성 확인 ▶ • 스마트폰 앱과 데이터 연동 ▶ • 웹사이트와 데이터 연동 ▶ • SNS에 데이터 오픈 ▶ • SNS에 게임화 적용 ▶ • SNS에 관계 형성 및 강화 ▶ • 오프라인 인맥으로 발전 ▶ • 운동
  41. 41. http://youtu.be/bqvinDgex-A Flexible display, Video Game, Ecosystem, Collaboration Values
  42. 42. Flexible Smartphone/ Tablet UX
  43. 43. http://pinterest.com/pin/208080445254771757/
  44. 44. http://youtu.be/Zto6aTZM9t0 Nokia Morph Concept
  45. 45. http://youtu.be/Zto6aTZM9t0 Flexible display & Tablet의 가능성! • 크기 선택의 자유: 펼치고 접기 • 통화 수단의 자유: 스마트폰과 이어폰의 선택 • 휴대의 편리: 손목에 착용
  46. 46. Flexible Layout
  47. 47. http://youtu.be/z0z4Cj_7Xh4 PARKd
  48. 48. https://vimeo.com/61202867 NYC Beacon (Reinvent Payphones) Gently rising out of the sidewalk and topping out at nearly 12 feet, BEACON is a slender concrete and stainless steel structure enclosing a stack of indestructible LED matrix screens, similar to those found on Times Square billboards. The upper screens function as digital signage, creating an ad-supported revenue stream that allows Beacon to provide its other functions free of charge. These screens also adapt to public events throughout our city, from NYC marathon mileage markers to themed banners, celebrating with the city during its many parades. Beacon was designed to connect New York City with New Yorkers, businesses and visitors. Beacon takes everything chaotic, colorful & loud about New York City and connects it back to us in an intelligent, purposeful & familiar way.
  49. 49. http://youtu.be/SvEW2CJMasQ Flexible display와 옥외 광고의 layout
  50. 50. Flexible display와 smart car의 layout http://youtu.be/eOSJdQ3e6JE
  51. 51. Others
  52. 52. IMPRESS - flexible display http://vimeo.com/3187100
  53. 53. 경청해주셔서 고맙습니다!

×