Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

모바일 웹 UI/UX의 현재와 미래 - Agenda

6,134 views

Published on

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

Published in: Technology
  • Be the first to comment

모바일 웹 UI/UX의 현재와 미래 - Agenda

  1. 1. HCI 2012 패널토의 :모바일 웹 UI 및 UX의 현재와 미래 2012.1.13
  2. 2. 패널 참석자모더레이터  전종홍 (ETRI, @hollobit)패널리스트  황병선 (청강문화산업대학교, @marsnine)  현준호 (NIA, @)  신현석 (KTH, @hyeonseok)  김유신 (SK텔레콤, )  김승열 (다음커뮤니케이션, )2
  3. 3. 기본 논의 자료http://slidesha.re/yQI9Jv
  4. 4. Evolution of World Wide Web4
  5. 5. Evolution of World Wide Web http://evolutionofweb.appspot.com/5
  6. 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. 7. Web UX도 진화 발전7
  8. 8. Web UI / UX ? 웹 개발자 눈에 보이는 UX 전문가의 대화8
  9. 9. 패널 제안서 스마트 기기의 확산과 함께 웹 기술의 빠른 진화  단순히 정적인 문서 형태로 정보를 공유하는 형식에서, 이제는 HTML5와 단 말 API 등을 통해 단말의 HW을 제어하고 비동기적으로 원격 데이터베이스 를 연동하며 다양한 응용 로직을 처리하는 수준까지 진화 그러나, 웹 응용과 서비스가 많아짐에 따라 시스템의 복잡도가 높아지고 개발 생산성이 낮아지는 문제 발생  PC뿐 아니라 모바일, TV 등 다양한 단말 환경에서 웹 서비스를 활용함에 따 라 단말과 사용환경에 상관없이 일관성 있는 사용성 제공의 요구가 증가  모두를 위한 보편적 서비스로 웹 서비스가 활용됨에 따라 제약없고 차별없 는 보편적 웹 접근성 제공의 필요성도 커짐 본 패널 토의에서는 보다 나은 웹 사용성을 제공하기 위해  다양한 모바일 웹 UI/UX 관련 이슈 및 기술 표준 동향에 대해 살피고,  향후 웹 사용자 편의와 사용자 경험 개선 극대화를 위해 나아갈 방향들에 대해 고찰9
  10. 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. 11. 모바일 웹 UI/UX에 대한애 매할만한 것을 토론하는 남자들
  12. 12. Topic 1: 보편적 One Web “꼭 One Web으로 설계해야 한다”  Desktop, Tablet, Mobile을 각각 ? 아니면 하나로 ?  최적화, 적응형, 변환  웹 호환성, 크로스 브라우징, 웹 접근성 100%를 위하는 웹 서비스 vs. 90%만을 위한 웹 서비스  UI/UX 우수성 vs. 보편성  웹 접근성12
  13. 13. Topic 2: 웹 표준과 한국의 웹 "한국의 웹은 기획자와 디자이너가 망쳤다"  "한국의 웹" - ActiveX와 Flash로 도배된 이상한 나라  인터넷 이용환경 개선 - ActiveX 대체 웹 표준 기반의 웹 UI/UX 설계 – 과연 필요한가 ? 왜 ?  웹 표준 전문가가 얼마나 되나 ? 한국 비표준 웹 환경을 바꾸기 위한 방법은 ?  HTML5를 빠르게 적용하기 위한 방법은 ?13
  14. 14. Topic 3: 스마트 모바일 시대 "PC의 시대는 끝났다. 스마트폰이 국내 웹을 바꾸고 있다 ?"  스마트폰 2천만 시대  스마트 기기 시대  M2M 시대 웹은 "N-Screen 시대의 종결자"인가 ? “멀티 디바이스 협력적 UI/UX”도 웹으로? 웹 API들이 어떻게 UI/UX를 바꿀까 ?  Device API, Web Event, Web RTC …  Native Web App..14
  15. 15. Topic 4: HTML5가 가져올 변화와 대응 "HTML5 앱의 시대가 언제쯤 도래할까 ? 그 변화는 ?”  Rich Media : Canvas, Audio, Video  Web Forms  Semantics  Offline  새로운 프로토콜들 : Web Socket, “HTML5 시대에 가장 크게 고려해야 할 UI/UX 변화는 ?” “디자이너도 HTML5를 배워야 하나요 ?”15
  16. 16. Topic 5: 모바일 웹 앱 설계, 어떻게 ? "무엇부터 개발을 해야 하나요 ? 어떻게 설계를 해야 하나요 ?"  앱 vs. 웹  반응형 웹 디자인 vs. 각각 설계 “Mobile First 방향에 대해서는 ?”  Desktop vs. Mobile SoLoMoClo 환경에서의 적절한 설계 방법은? UI/UX는 ?  App vs. Mobile vs. Hybrid vs. Cloud “앱 접근성 얼마나 고려해야 하는가 ?”16
  17. 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 Architecture17
  18. 18. 종합 및 결론 빠트린 내용은? 우리는 무엇을 준비해야 할 것인가 ?18
  19. 19. 경청해주셔서 감사합니다19

×