SlideShare una empresa de Scribd logo
1 de 17
Descargar para leer sin conexión
미래 플랫폼과 UI/UX


Jonghong Jeon
ETRI, SRC

Email: hollobit@etri.re.kr
Blog: http://mobile2.tistory.com
      http://twitter.com/hollobit




http://www.etri.re.kr
Design is not just what it looks like
  and feels like. Design is how it works.

  "디자인은 어떻게 보이느냐가 아니라
  어떻게 작동하느냐의 문제다.“




http://www.quotationspage.com/quotes/Steve_Jobs
In most people's vocabularies, design means
veneer. It's interior decorating. It's the fabric of
the curtains of the sofa. But to me, nothing could
be further from the meaning of design. Design is
the fundamental soul of a human-made creation
that ends up expressing itself in successive outer
layers of the product or service.

"대부분의 사람들에게 디자인이 겉치장이다. 인테리어
장식이고 커튼과 소파의 소재다. 하지만 내게 디자인이란
그것들과 거리가 멀다. 디자인은 인간이 만들어낸 창조물
의 본질적 혼(fundamental soul)을 담은 제품과 서비스
를 외연을 드러내는 것이다."




   http://www.quotationspage.com/quotes/Steve_Jobs
UX의 시대




4
5
UX design




6
7
Device, I/O, UI 기술의 진화




         Source: Morgan Stanley, Mobile Internet Report, 2010.4
8
Web UI/UX의 기본 기술 요소




9
HTML과 Web API의 진화




10
Case : Web OS & UI




11
Web UI의 변화, 현재와 미래
          1995        2000        2005      2010

                                   PC
         Gopher      Mosaic                Mobile
                                   IE

        Keyboard     Mouse        Mouse    Touch

         1차원          2차원
                                  Event    Sensing
          Link         Link


q Sensors: Voice, Video, Sensing devices
     § 카메라, 마이크, 터치, 가속, 자이로, 온도계, 위치, 제스처 …
q M2M & Web of Things
q 증강 브라우징, 위치기반 브라우징 …

12
Multi Device UX : Web of Things




13
World Wide Web ….




14
Web OS ?




15
지금 우리가 알고 있는
모바일 웹이 전부일까 ?

더 편한 미래 웹 UI/UX를 위해
필요한 것은 ?
Thank you
     For more discussion :
       JongHong Jeon (hollobit@etri.re.kr)
       +82-42-860-5333

     Blog : http://mobile2.tistory.com/m
            http://twitter.com/hollobit



                           OR
17

Más contenido relacionado

Destacado

Destacado (15)

Mozilla wot dwika v5
Mozilla wot dwika  v5Mozilla wot dwika  v5
Mozilla wot dwika v5
 
Sharing bisnis big data v3 part3
Sharing  bisnis big data v3 part3Sharing  bisnis big data v3 part3
Sharing bisnis big data v3 part3
 
Web Browser as Universal client for IoT
Web Browser as Universal client for IoTWeb Browser as Universal client for IoT
Web Browser as Universal client for IoT
 
Mozilla and Areas of contributions
Mozilla and Areas of contributionsMozilla and Areas of contributions
Mozilla and Areas of contributions
 
Mozilla India 2016 - IoT at Mozilla
Mozilla India 2016 - IoT at MozillaMozilla India 2016 - IoT at Mozilla
Mozilla India 2016 - IoT at Mozilla
 
Mozilla chirimen firefox os dwika v5
Mozilla chirimen firefox os dwika v5Mozilla chirimen firefox os dwika v5
Mozilla chirimen firefox os dwika v5
 
The Web, After HTML5
The Web, After HTML5The Web, After HTML5
The Web, After HTML5
 
Mozilla & Connected Devices
Mozilla & Connected DevicesMozilla & Connected Devices
Mozilla & Connected Devices
 
Getting Started with AWS IoT
Getting Started with AWS IoTGetting Started with AWS IoT
Getting Started with AWS IoT
 
HTML5 360 VR Status
HTML5 360 VR StatusHTML5 360 VR Status
HTML5 360 VR Status
 
[Creative report 1] 2016 VR Report
[Creative report 1] 2016 VR Report[Creative report 1] 2016 VR Report
[Creative report 1] 2016 VR Report
 
빅데이터, 클라우드, IoT, 머신러닝. 왜 이렇게 많은 것들이 나타날까?
빅데이터, 클라우드, IoT, 머신러닝. 왜 이렇게 많은 것들이 나타날까?빅데이터, 클라우드, IoT, 머신러닝. 왜 이렇게 많은 것들이 나타날까?
빅데이터, 클라우드, IoT, 머신러닝. 왜 이렇게 많은 것들이 나타날까?
 
Getting Started with AWS IoT, Devices & SDKs
Getting Started with AWS IoT, Devices & SDKsGetting Started with AWS IoT, Devices & SDKs
Getting Started with AWS IoT, Devices & SDKs
 
Introduction to AWS IoT
Introduction to AWS IoTIntroduction to AWS IoT
Introduction to AWS IoT
 
IoT 서비스 아키텍처 분석 및 Case Study-Innovation Seminar
IoT 서비스 아키텍처 분석 및 Case Study-Innovation SeminarIoT 서비스 아키텍처 분석 및 Case Study-Innovation Seminar
IoT 서비스 아키텍처 분석 및 Case Study-Innovation Seminar
 

Similar a Future Web Platform and UI/UX

Limepaper 회사소개서 2014
Limepaper 회사소개서 2014Limepaper 회사소개서 2014
Limepaper 회사소개서 2014
Limepaper, Inc.
 
인터랙션디자인 요약Ppt
인터랙션디자인 요약Ppt인터랙션디자인 요약Ppt
인터랙션디자인 요약Ppt
henni31
 

Similar a Future Web Platform and UI/UX (20)

차세대 모바일 웹 UI/UX 기술 및 표준화 동향 (기조발표)
차세대 모바일 웹 UI/UX 기술 및 표준화 동향 (기조발표)차세대 모바일 웹 UI/UX 기술 및 표준화 동향 (기조발표)
차세대 모바일 웹 UI/UX 기술 및 표준화 동향 (기조발표)
 
2016 3rd UX 트렌드 리포트_2부
2016 3rd UX 트렌드 리포트_2부2016 3rd UX 트렌드 리포트_2부
2016 3rd UX 트렌드 리포트_2부
 
Ux 트렌드, beyond 2012
Ux 트렌드, beyond 2012Ux 트렌드, beyond 2012
Ux 트렌드, beyond 2012
 
ux 2.0 시대의 ceo와 디자이너의 역할
ux 2.0 시대의 ceo와 디자이너의 역할ux 2.0 시대의 ceo와 디자이너의 역할
ux 2.0 시대의 ceo와 디자이너의 역할
 
마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유
 
2017 Web/Mobile Design Trend
2017 Web/Mobile Design Trend2017 Web/Mobile Design Trend
2017 Web/Mobile Design Trend
 
20090826 Blackjack Cafe V1.0
20090826 Blackjack Cafe V1.020090826 Blackjack Cafe V1.0
20090826 Blackjack Cafe V1.0
 
2009.11.20_Space & User Experience (발표본).. for copyright please send me a mes...
2009.11.20_Space & User Experience (발표본).. for copyright please send me a mes...2009.11.20_Space & User Experience (발표본).. for copyright please send me a mes...
2009.11.20_Space & User Experience (발표본).. for copyright please send me a mes...
 
Limepaper 회사소개서 2014
Limepaper 회사소개서 2014Limepaper 회사소개서 2014
Limepaper 회사소개서 2014
 
'UX', 'UX Design' and 'Good UX'
'UX', 'UX Design' and 'Good UX''UX', 'UX Design' and 'Good UX'
'UX', 'UX Design' and 'Good UX'
 
성공적인 UX디자인을 위한 프로토타입 방법론
성공적인 UX디자인을 위한 프로토타입 방법론 성공적인 UX디자인을 위한 프로토타입 방법론
성공적인 UX디자인을 위한 프로토타입 방법론
 
차세대 UX/UI 기술 및 산업동향
차세대 UX/UI 기술 및 산업동향차세대 UX/UI 기술 및 산업동향
차세대 UX/UI 기술 및 산업동향
 
동작인식 UI/UX
동작인식 UI/UX동작인식 UI/UX
동작인식 UI/UX
 
2015 1st UX 트렌드 리포트_인터랙션(Interaction)편
2015 1st UX 트렌드 리포트_인터랙션(Interaction)편2015 1st UX 트렌드 리포트_인터랙션(Interaction)편
2015 1st UX 트렌드 리포트_인터랙션(Interaction)편
 
인터랙션디자인 요약Ppt
인터랙션디자인 요약Ppt인터랙션디자인 요약Ppt
인터랙션디자인 요약Ppt
 
모바일 웹 UI/UX의 현재와 미래 - Agenda
모바일 웹 UI/UX의 현재와 미래 - Agenda모바일 웹 UI/UX의 현재와 미래 - Agenda
모바일 웹 UI/UX의 현재와 미래 - Agenda
 
2010코리아모바일Ux데이 인상깊은 부분 정리
2010코리아모바일Ux데이 인상깊은 부분 정리2010코리아모바일Ux데이 인상깊은 부분 정리
2010코리아모바일Ux데이 인상깊은 부분 정리
 
Flexible Display UX:다양한 사례를 통해 영감 얻기(2013년 한국인지과학 학술대회)
Flexible Display UX:다양한 사례를 통해 영감 얻기(2013년 한국인지과학 학술대회)Flexible Display UX:다양한 사례를 통해 영감 얻기(2013년 한국인지과학 학술대회)
Flexible Display UX:다양한 사례를 통해 영감 얻기(2013년 한국인지과학 학술대회)
 
Bsw ui ux정의
Bsw ui ux정의Bsw ui ux정의
Bsw ui ux정의
 
Invisible Web UI/UX ?
Invisible Web UI/UX ?Invisible Web UI/UX ?
Invisible Web UI/UX ?
 

Más de Jonathan Jeon

Más de Jonathan Jeon (20)

Standardization for Artificial Intelligence in Medicine
Standardization for Artificial Intelligence in MedicineStandardization for Artificial Intelligence in Medicine
Standardization for Artificial Intelligence in Medicine
 
IoT 및 인공지능을 활용한 헬스케어 제품․서비스 개발 동향 및 주요 과제
IoT 및 인공지능을 활용한  헬스케어 제품․서비스  개발 동향 및 주요 과제IoT 및 인공지능을 활용한  헬스케어 제품․서비스  개발 동향 및 주요 과제
IoT 및 인공지능을 활용한 헬스케어 제품․서비스 개발 동향 및 주요 과제
 
헬스케어 웨어러블 : 주요 동향과 이슈
헬스케어 웨어러블 : 주요 동향과 이슈헬스케어 웨어러블 : 주요 동향과 이슈
헬스케어 웨어러블 : 주요 동향과 이슈
 
4차 산업혁명 시대, 의료기기 표준화 이슈
4차 산업혁명 시대, 의료기기 표준화 이슈4차 산업혁명 시대, 의료기기 표준화 이슈
4차 산업혁명 시대, 의료기기 표준화 이슈
 
Trends on standardization for smart wearable devices & services (ITU-T, OCF, ...
Trends on standardization for smart wearable devices & services (ITU-T, OCF, ...Trends on standardization for smart wearable devices & services (ITU-T, OCF, ...
Trends on standardization for smart wearable devices & services (ITU-T, OCF, ...
 
AI and IoT : How do IoT and AI change the world?
AI and IoT : How do IoT and AI change the world?AI and IoT : How do IoT and AI change the world?
AI and IoT : How do IoT and AI change the world?
 
OCF/IoTivity for Healthcare/Fitness/Wearable
OCF/IoTivity for Healthcare/Fitness/WearableOCF/IoTivity for Healthcare/Fitness/Wearable
OCF/IoTivity for Healthcare/Fitness/Wearable
 
#3 Quantified Self Seoul Meetup
#3 Quantified Self Seoul Meetup #3 Quantified Self Seoul Meetup
#3 Quantified Self Seoul Meetup
 
Trends on Smart Wearable Application Standardization
Trends on Smart Wearable Application StandardizationTrends on Smart Wearable Application Standardization
Trends on Smart Wearable Application Standardization
 
New ICT Trends in CES 2016
New ICT Trends in CES 2016New ICT Trends in CES 2016
New ICT Trends in CES 2016
 
Open Source and Open Standards
Open Source and Open StandardsOpen Source and Open Standards
Open Source and Open Standards
 
Open Source and Open Standards
Open Source and Open StandardsOpen Source and Open Standards
Open Source and Open Standards
 
Hybrid App Platform - HyWAI 3.5
Hybrid App Platform - HyWAI 3.5Hybrid App Platform - HyWAI 3.5
Hybrid App Platform - HyWAI 3.5
 
HyWAI Web Bluetooth API
HyWAI Web Bluetooth APIHyWAI Web Bluetooth API
HyWAI Web Bluetooth API
 
WoT.js - WoT App. Framework for Open Source Hardware
WoT.js - WoT App. Framework for Open Source HardwareWoT.js - WoT App. Framework for Open Source Hardware
WoT.js - WoT App. Framework for Open Source Hardware
 
IoT and WoT (Internet of Things and Web of Things)
IoT and WoT (Internet of Things and Web of Things)IoT and WoT (Internet of Things and Web of Things)
IoT and WoT (Internet of Things and Web of Things)
 
Web Technology and Standards Tutorial
Web Technology and Standards Tutorial Web Technology and Standards Tutorial
Web Technology and Standards Tutorial
 
Mobile, IoT and Web
Mobile, IoT and WebMobile, IoT and Web
Mobile, IoT and Web
 
W3C 국제표준화 대응 전략
W3C 국제표준화 대응 전략W3C 국제표준화 대응 전략
W3C 국제표준화 대응 전략
 
W3C TPAC 2014 Review
W3C TPAC 2014 Review W3C TPAC 2014 Review
W3C TPAC 2014 Review
 

Future Web Platform and UI/UX

  • 1. 미래 플랫폼과 UI/UX Jonghong Jeon ETRI, SRC Email: hollobit@etri.re.kr Blog: http://mobile2.tistory.com http://twitter.com/hollobit http://www.etri.re.kr
  • 2. Design is not just what it looks like and feels like. Design is how it works. "디자인은 어떻게 보이느냐가 아니라 어떻게 작동하느냐의 문제다.“ http://www.quotationspage.com/quotes/Steve_Jobs
  • 3. In most people's vocabularies, design means veneer. It's interior decorating. It's the fabric of the curtains of the sofa. But to me, nothing could be further from the meaning of design. Design is the fundamental soul of a human-made creation that ends up expressing itself in successive outer layers of the product or service. "대부분의 사람들에게 디자인이 겉치장이다. 인테리어 장식이고 커튼과 소파의 소재다. 하지만 내게 디자인이란 그것들과 거리가 멀다. 디자인은 인간이 만들어낸 창조물 의 본질적 혼(fundamental soul)을 담은 제품과 서비스 를 외연을 드러내는 것이다." http://www.quotationspage.com/quotes/Steve_Jobs
  • 5. 5
  • 7. 7
  • 8. Device, I/O, UI 기술의 진화 Source: Morgan Stanley, Mobile Internet Report, 2010.4 8
  • 9. Web UI/UX의 기본 기술 요소 9
  • 10. HTML과 Web API의 진화 10
  • 11. Case : Web OS & UI 11
  • 12. Web UI의 변화, 현재와 미래 1995 2000 2005 2010 PC Gopher Mosaic Mobile IE Keyboard Mouse Mouse Touch 1차원 2차원 Event Sensing Link Link q Sensors: Voice, Video, Sensing devices § 카메라, 마이크, 터치, 가속, 자이로, 온도계, 위치, 제스처 … q M2M & Web of Things q 증강 브라우징, 위치기반 브라우징 … 12
  • 13. Multi Device UX : Web of Things 13
  • 14. World Wide Web …. 14
  • 16. 지금 우리가 알고 있는 모바일 웹이 전부일까 ? 더 편한 미래 웹 UI/UX를 위해 필요한 것은 ?
  • 17. Thank you For more discussion : JongHong Jeon (hollobit@etri.re.kr) +82-42-860-5333 Blog : http://mobile2.tistory.com/m http://twitter.com/hollobit OR 17