HCI 2012 패널토의 :

모바일웹 UI 및 UX의현재와미래

2012.1.13

2

패널참석자

모더레이터 전종홍 (ETRI, @hollobit)

패널리스트 황병선 (청강문화산업대학교, @marsnine) 현준호 (NIA, @) 신현석 (KTH, @hyeonseok) 김유신 (SK텔레콤, ) 김승열 (다음커뮤니케이션, )

기본논의자료http://slidesha.re/yQI9Jv

4

Evolution of World Wide Web

5

Evolution of World Wide Web

http://evolutionofweb.appspot.com/

6

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~현재) : 웹 앱의 시대, 모바일과 N-Screen 시대 스마트 폰 및 태블릿 등 다양한 모바일 기기들을 대상으로 HTML5와 Web

API를 통해 한 단계 진화된 웹 응용 환경을 제공하며, 위치정보 및 소셜 정보 등을 결합하는 통합 응용 플랫폼으로서 웹이 자리잡아 가는 단계

7

Web UX도진화발전

8

Web UI / UX ?

웹 개발자 눈에 보이는 UX 전문가의 대화

9

패널제안서

스마트 기기의 확산과 함께 웹 기술의 빠른 진화 단순히 정적인 문서 형태로 정보를 공유하는 형식에서, 이제는 HTML5와 단

말 API 등을 통해 단말의 HW을 제어하고 비동기적으로 원격 데이터베이스를 연동하며 다양한 응용 로직을 처리하는 수준까지 진화

그러나, 웹 응용과 서비스가 많아짐에 따라 시스템의 복잡도가높아지고 개발 생산성이 낮아지는 문제 발생 PC뿐 아니라 모바일, TV 등 다양한 단말 환경에서 웹 서비스를 활용함에 따

라 단말과 사용환경에 상관없이 일관성 있는 사용성 제공의 요구가 증가 모두를 위한 보편적 서비스로 웹 서비스가 활용됨에 따라 제약없고 차별없

는 보편적 웹 접근성 제공의 필요성도 커짐

본 패널 토의에서는 보다 나은 웹 사용성을 제공하기 위해 다양한 모바일 웹 UI/UX 관련 이슈 및 기술 표준 동향에 대해 살피고, 향후 웹 사용자 편의와 사용자 경험 개선 극대화를 위해 나아갈 방향들에

대해 고찰

10

진행순서

기조발제 9:30 ~ 9:45 “차세대 웹 UI/UX 기술 및 표준 현황”

• 전종홍 (ETRI, @hollobit) 9:45 ~ 10:00 “N-Screen과 웹 UI/UX”

• 황병선 (청강문화산업대학교, @marsnine) 10:00 ~ 10:15 “모바일 웹 접근성”

• 현준호 (NIA, ) 10:15 ~ 10:30 “반응형 웹 디자인”

• 신현석 (KTH, @hyeonseok)

자유토론 10:15 ~ 12:30 “자유토론” – 패널, 참석자 함께

모바일웹 UI/UX에대한

애매할만한것을토론하는남자들

12

Topic 1: 보편적 One Web

“꼭 One Web으로설계해야한다” Desktop, Tablet, Mobile을 각각 ? 아니면 하나로 ? 최적화, 적응형, 변환 웹 호환성, 크로스 브라우징, 웹 접근성

100%를위하는웹서비스 vs. 90%만을위한웹서비스 UI/UX 우수성 vs. 보편성 웹 접근성

13

Topic 2: 웹표준과한국의웹

"한국의웹은기획자와디자이너가망쳤다" "한국의 웹" - ActiveX와 Flash로 도배된 이상한 나라 인터넷 이용환경 개선 - ActiveX 대체

웹표준기반의웹 UI/UX 설계 – 과연필요한가 ? 왜 ? 웹 표준 전문가가 얼마나 되나 ?

한국비표준웹환경을바꾸기위한방법은 ? HTML5를 빠르게 적용하기 위한 방법은 ?

14

Topic 3: 스마트모바일시대

"PC의시대는끝났다. 스마트폰이국내웹을바꾸고있다 ?" 스마트폰 2천만 시대 스마트 기기 시대 M2M 시대

웹은 "N-Screen 시대의종결자"인가 ?

“멀티디바이스협력적 UI/UX”도웹으로?

웹 API들이어떻게 UI/UX를바꿀까 ? Device API, Web Event, Web RTC … Native Web App..

15

Topic 4: HTML5가 가져올변화와대응

"HTML5 앱의시대가언제쯤도래할까 ? 그변화는 ?” Rich Media : Canvas, Audio, Video Web Forms Semantics Offline 새로운 프로토콜들 : Web Socket,

“HTML5 시대에가장크게고려해야할 UI/UX 변화는 ?”

“디자이너도 HTML5를배워야하나요 ?”

16

Topic 5: 모바일웹앱설계, 어떻게 ?

"무엇부터개발을해야하나요 ? 어떻게설계를해야하나요 ?" 앱 vs. 웹 반응형 웹 디자인 vs. 각각 설계

“Mobile First 방향에대해서는 ?” Desktop vs. Mobile

SoLoMoClo 환경에서의적절한설계방법은? UI/UX는 ? App vs. Mobile vs. Hybrid vs. Cloud

“앱접근성얼마나고려해야하는가 ?”

17

Topic 6: 미래웹기술과 UI/UX

“Web OS가성공할까 ? UI/UX에미칠영향은 ?” HP Web OS Chrome Web OS, Boot to Gekco

“5년이내, 웹 UI/UX의큰변화를기대해본다면 ?” HTML6, CSS4 … HTML5 Game Open APIs RESTful Web of Things Web Oriented Architecture

18

종합및결론

빠트린내용은?

우리는무엇을준비해야할것인가 ?

19

경청해주셔서감사합니다