2012년 1월13일 알펜시아 리조트에서 개최된 HCI 2012 학회에서 열렸던 패널토의의 Agenda 및 토의 주제 화일입니다.

1. HCI 2012 패널토의 :
모바일 웹 UI 및 UX의
현재와 미래
2012.1.13

2. 패널 참석자
모더레이터
 전종홍 (ETRI, @hollobit)
패널리스트
 황병선 (청강문화산업대학교, @marsnine)
 현준호 (NIA, @)
 신현석 (KTH, @hyeonseok)
 김유신 (SK텔레콤, )
 김승열 (다음커뮤니케이션, )
2

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

4. Evolution of World Wide Web
4

5. Evolution of World Wide Web
http://evolutionofweb.appspot.com/
5

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

7. Web UX도 진화 발전
7

8. Web UI / UX ?
웹 개발자 눈에 보이는 UX 전문가의 대화
8

9. 패널 제안서
 스마트 기기의 확산과 함께 웹 기술의 빠른 진화
 단순히 정적인 문서 형태로 정보를 공유하는 형식에서, 이제는 HTML5와 단
말 API 등을 통해 단말의 HW을 제어하고 비동기적으로 원격 데이터베이스
를 연동하며 다양한 응용 로직을 처리하는 수준까지 진화
 그러나, 웹 응용과 서비스가 많아짐에 따라 시스템의 복잡도가
높아지고 개발 생산성이 낮아지는 문제 발생
 PC뿐 아니라 모바일, TV 등 다양한 단말 환경에서 웹 서비스를 활용함에 따
라 단말과 사용환경에 상관없이 일관성 있는 사용성 제공의 요구가 증가
 모두를 위한 보편적 서비스로 웹 서비스가 활용됨에 따라 제약없고 차별없
는 보편적 웹 접근성 제공의 필요성도 커짐
 본 패널 토의에서는 보다 나은 웹 사용성을 제공하기 위해
 다양한 모바일 웹 UI/UX 관련 이슈 및 기술 표준 동향에 대해 살피고,
 향후 웹 사용자 편의와 사용자 경험 개선 극대화를 위해 나아갈 방향들에
대해 고찰
9

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 “자유토론” – 패널, 참석자 함께
10

11. 모바일 웹 UI/UX에 대한
애 매할만한 것을 토론하는 남자들

12. Topic 1: 보편적 One Web
 “꼭 One Web으로 설계해야 한다”
 Desktop, Tablet, Mobile을 각각 ? 아니면 하나로 ?
 최적화, 적응형, 변환
 웹 호환성, 크로스 브라우징, 웹 접근성
 100%를 위하는 웹 서비스 vs. 90%만을 위한 웹 서비스
 UI/UX 우수성 vs. 보편성
 웹 접근성
12

13. Topic 2: 웹 표준과 한국의 웹
 "한국의 웹은 기획자와 디자이너가 망쳤다"
 "한국의 웹" - ActiveX와 Flash로 도배된 이상한 나라
 인터넷 이용환경 개선 - ActiveX 대체
 웹 표준 기반의 웹 UI/UX 설계 – 과연 필요한가 ? 왜 ?
 웹 표준 전문가가 얼마나 되나 ?
 한국 비표준 웹 환경을 바꾸기 위한 방법은 ?
 HTML5를 빠르게 적용하기 위한 방법은 ?
13

14. Topic 3: 스마트 모바일 시대
 "PC의 시대는 끝났다. 스마트폰이 국내 웹을 바꾸고 있다 ?"
 스마트폰 2천만 시대
 스마트 기기 시대
 M2M 시대
 웹은 "N-Screen 시대의 종결자"인가 ?
 “멀티 디바이스 협력적 UI/UX”도 웹으로?
 웹 API들이 어떻게 UI/UX를 바꿀까 ?
 Device API, Web Event, Web RTC …
 Native Web App..
14

15. Topic 4: HTML5가 가져올 변화와 대응
 "HTML5 앱의 시대가 언제쯤 도래할까 ? 그 변화는 ?”
 Rich Media : Canvas, Audio, Video
 Web Forms
 Semantics
 Offline
 새로운 프로토콜들 : Web Socket,
 “HTML5 시대에 가장 크게 고려해야 할 UI/UX 변화는 ?”
 “디자이너도 HTML5를 배워야 하나요 ?”
15

16. Topic 5: 모바일 웹 앱 설계, 어떻게 ?
 "무엇부터 개발을 해야 하나요 ? 어떻게 설계를 해야 하나요 ?"
 앱 vs. 웹
 반응형 웹 디자인 vs. 각각 설계
 “Mobile First 방향에 대해서는 ?”
 Desktop vs. Mobile
 SoLoMoClo 환경에서의 적절한 설계 방법은? UI/UX는 ?
 App vs. Mobile vs. Hybrid vs. Cloud
 “앱 접근성 얼마나 고려해야 하는가 ?”
16

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
17

18. 종합 및 결론
 빠트린 내용은?
 우리는 무엇을 준비해야 할 것인가 ?
18

19. 경청해주셔서
감사합니다
19