Invisible Web UI/UX ?

50 %
50 %
Information about Invisible Web UI/UX ?
Technology

Published on February 15, 2014

Author: hollobit

Source: slideshare.net

Description

HCI 2014 학술대회에 패널로 열렸던 "사물들을 연결하는 Invisible Web UI/UX" 세션에서 기조 발표를 했던 자료입니다. 이 발표에서 하고자 했던 질문은 하나였습니다.

IoT 시대의 웹 UI/UX는 어떻게 진화해야 할 것인가 ? 브라우저가 없는 Invisible Web UI/UX 환경은 올것인가 ?

Invisible Web 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

In The Beginning .....  World Wide Web (Tim Berners-Lee, 1989)  universe of network-accessible information  anyone, anywhere, anytime  Client to server interactions 2

Evolution of World Wide Web 3

The era of “Internet of Things”

Technology Cycles 5 Source: Mary Meeker, INTERNET TRENDS D11 CONFERENCE , 2013

Computing Environment 6 Source: Mary Meeker, INTERNET TRENDS D11 CONFERENCE , 2013

Evolution of Web

Evolution of World Wide Web 2015? 8

Evolution of World Wide Web  1단계 (1989~1999) : 웹사이트의 시대, HTML과 WAP  HTML, URL, HTTP 라는 세 가지 기술에 기초한 웹 기술이 제안되고, 보다 나은 인간 중심의 정보처리 및 지식공유 등을 목표로 하는 단계  2단계 (2000~2004) : XML과 웹서비스, 시맨틱 웹  XML(eXtensible Markup Language)에 기반하며 인간 중심의 정보 처리뿐 아 니라 다양한 디바이스와 서비스, 멀티미디어를 연결하는 것을 목표로 하는 단계  3단계 (2005~2009) : 웹 2.0, 웹 플랫폼 시대의 성장  구글, 아마존, 위키피디아 등의 성공과 함께 웹 산업을 제2의 전성기로 이 끌며 다양한 신규 서비스가 등장할 수 있는 기반을 마련  4단계 (2010~2014) : 웹 앱의 시대, 모바일과 N-Screen 시대  스마트 폰 및 태블릿 등 다양한 모바일 기기들을 대상으로 HTML5와 Web API를 통해 한 단계 진화된 웹 응용 환경을 제공하며, 위치정보 및 소셜 정 보 등을 결합하는 통합 응용 플랫폼으로서 웹이 자리잡아 가는 단계  5단계 (2015~ ) : Web of Things의 시대 9

Evolution of Web Connectivity (1/2) 10 Source: http://www.w3.org/2013/Talks/dhm-wot/#/connectivity

Evolution of Web Connectivity (2/2) XHR 11

Web Platform Technology Web Services Platform Technology (Web Resources) Web Client Platform Technology 12 Web Server Platform Technology

Web Platform Architecture 13

Next Web UI/UX ?

Evolution of Web UI 1995 2000 2005 2010 Gopher Mosaic PC IE Mobile Things Keyboard Mouse Mouse Touch NUI Sensing Sensing & Context 1차원 Link 15 2차원 Link Event 2015

NUI and Web Touch Event Web Speech Voice Browsing Device APIs System APIs 16 Source : 이정헌, 스마트 UI/UX 기술 동향

APIs for Hardware & Sensors Geolocation Motion sensors Battery Status Proximity sensors Ambient Light sensor Humidity sensor Camera & Microphone streams NFC Serial 17 Bluetooth WiFi Network Information System Settings

Web Speech API https://www.youtube.com/watch?v=qRolXPWqCSo 18

Future Web Speech Application ? https://www.youtube.com/watch?v=TbJldUklxzs 19

From Multi Screen To Non-Screen Multi Devices 20

Web Technology for Smart Accessories 21

Future Web Interface ? 22

JS based Invisible Web ? WigWag & DeviceJS 23

Rule based Invisible Web ? 24

Context based Invisible Web ? 25 http://www.youtube.com/watch?v=c3h0eKGfUfI

Conversation with Things 26

Conclusions – Social Web of Things 27 http://www.youtube.com/watch?v=i5AuzQXBsG4

28

Conclusions Web of Things UI/UX Invisible Web UI Active Web UI 29

JongHong Jeon (hollobit@etri.re.kr) +82-42-860-5333 http://mobile2.tistory.com/m http://twitter.com/hollobit 30

Add a comment

Related presentations

Related pages

Invisible - Mobile UI Template on Behance

Invisible - Mobile UI Template. Graphic Design; ... Interaction Design, UI/UX. Dope - Music UI Kit App ... Web Design. View Complete Profile ...
Read more

Invisible Children Web Store on Behance

Digital Operative worked with Invisible Children to create and experience that is more closely tied ... Invisible Children Web Store. UI/UX; Web Design ...
Read more

User Interface Design Basics | Usability.gov

User Interface Design Basics. ... The best interfaces are almost invisible to the user. ... User-Centered Design for the Web and Beyond ...
Read more

Invisible Design | Matt Olpinski | UI + UX Designer | New York

But the invisible design is the backbone of ... The web-industry is largely based on referrals so it is vitally important that we carefully uphold and ...
Read more

11 great UI designs | Creative Bloq

Web design; 11 great UI designs; 11 great UI designs. ... it should be intuitive to the point of being invisible.
Read more

1000+ images about WEB / UI / UX on Pinterest | Ui Kit, Ui ...

Explore Rafael Terozi's board "WEB / UI / UX" on Pinterest, the world's catalogue of ideas. | See more about Ui Kit, Ui Design and Web design.
Read more

inspiring UI/UX designs - pinterest.com

Snowbird Responsive Mobile and Web Landing Page ... This concept video of Microsofts Productivity Future Vision features gorgeous UI, UX and product ...
Read more

Michael Wong - UI / UX Designer | LinkedIn

View Michael Wong - UI / UX Designer’s professional profile on LinkedIn. LinkedIn is the world's largest business network, helping professionals like ...
Read more

Interfacedesign – Wikipedia

A Common Sense Approach to Web Usability, New Riders, Auflage: 2nd ed. (8. ... Donald A. Norman:The Invisible Computer: Why Good Products Can Fail, ...
Read more