2012 ux storming _ 모바일 daum 메일 개편을 통해서 본, 인터넷 서비스 발전...
TRANSCRIPT
인터넷 서비스의 발전 히스토리 with 모바일 Daum 메일 개편
다음커뮤니케이션 김연지
UX STORMING Daum UX conferences 2012.07.06 http://uxdc.tistory.com/1
15 minutes
• Hot keyword : WebApp / HybridApp
• 웹 발전의 역사
• AJAX / HTML5 / Responsive Web
• Daum 모바일 메일 사례
브라우저 위에서
Tool서비스 형태
구동위치
WebApp
Web App
Page Tool
브라우저 위에서 독립적 설치디바이스 기능 사용
브라우저 위에서
Tool서비스 형태
구동위치
WebApp
Web App
Page Tool
브라우저 위에서 독립적 설치디바이스 기능 사용
WebApp
브라우저 위에서
Tool서비스 형태
구동위치
WebApp
Web App
Page Tool
브라우저 위에서 독립적 설치디바이스 기능 사용
WebApp
브라우저 위에서
Tool서비스 형태
구동위치
WebApp
Web App
Page Tool
브라우저 위에서 독립적 설치디바이스 기능 사용
WebApp
브라우저 위에서
Tool서비스 형태
구동위치
HybridApp
Web App
Page Tool
브라우저 위에서 독립적 설치디바이스 기능 사용
WebApp
Page Tool
독립적 설치디바이스 기능 사용
서비스 형태
구동위치브라우저 위에서
Tool서비스 형태
구동위치
HybridApp
Web App
Page Tool
브라우저 위에서 독립적 설치디바이스 기능 사용
WebApp
Page Tool
독립적 설치디바이스 기능 사용
서비스 형태
구동위치브라우저 위에서
Tool서비스 형태
구동위치
HybridApp
Web App
Page Tool
브라우저 위에서 독립적 설치디바이스 기능 사용
WebApp HybridApp
Page Tool
독립적 설치디바이스 기능 사용
서비스 형태
구동위치브라우저 위에서
Tool서비스 형태
구동위치
HybridApp
Web App
Page Tool
브라우저 위에서 독립적 설치디바이스 기능 사용
WebApp HybridApp
PageTool
독립적 설치디바이스 기능 사용
서비스 형태
구동위치브라우저 위에서
Tool서비스 형태
구동위치
HybridApp
Web App
Page Tool
브라우저 위에서 독립적 설치디바이스 기능 사용
WebApp HybridApp
Page
Tool
독립적 설치디바이스 기능 사용
서비스 형태
구동위치브라우저 위에서
Tool서비스 형태
구동위치
HybridApp
Web App
Page Tool
브라우저 위에서 독립적 설치디바이스 기능 사용
WebApp HybridApp
Page
Tool
독립적 설치디바이스 기능 사용
Which One on Mobile?
필수 서비스(모든 디바이스에서동작해야 함)
향상된 UX
Web WebApp
HybridApp App디바이스
고유기능 사용
일반 서비스
History of Web
2004
2005
2007
2009
2010
2011
2012
History of Web
GmailAJAX
2004
2005
2007
2009
2010
2011
2012
History of Web
GmailAJAX
2004
2005
2007
2009
2010
2011
2012
GoogleMaps
AJAX용어등장
History of Web
GmailAJAX
2004
2005
2007
2009
2010
2011
2012
GoogleMaps
AJAX용어등장
AJAX
- Asynchronous JavaScript and XML - 화면 전환없이 서버와 통신하는 기술 - Web 2.0 의 주요 기술
History of Web
GmailAJAX
2004
2005
2007
2009
2010
2011
2012
GoogleMaps
[국내최초]
DaumMail AJAX
iPhone미국출시
AJAX용어등장
History of Web
GmailAJAX
2004
2005
2007
2009
2010
2011
2012
GoogleMaps
[국내최초]
DaumMail AJAX
iPhone미국출시
AJAX용어등장
GmailMobile
WebApp
History of Web
GmailAJAX
2004
2005
2007
2009
2010
2011
2012
GoogleMaps
[국내최초]
DaumMail AJAX
iPhone미국출시
AJAX용어등장
GmailMobile
WebApp
iPhone한국출시
History of Web
GmailAJAX
2004
2005
2007
2009
2010
2011
2012
GoogleMaps
[국내최초]
DaumMail AJAX
iPhone미국출시
AJAX용어등장
GmailMobile
WebApp
iPhone한국출시
HTML5발표
History of Web
GmailAJAX
2004
2005
2007
2009
2010
2011
2012
GoogleMaps
[국내최초]
DaumMail AJAX
iPhone미국출시
AJAX용어등장
GmailMobile
WebApp
iPhone한국출시
HTML5발표
HTML5
- HTML 태그 정리 - 내부 저장소 지원 - Geolocation API 지원 - Canvas, Video, Audio 요소 추가 - 서버 발송 Event 지원 - 히스토리 관리 API 지원
History of Web
GmailAJAX
2004
2005
2007
2009
2010
2011
2012
GoogleMaps
[국내최초]
DaumMail AJAX
iPhone미국출시
AJAX용어등장
GmailMobile
WebApp
iPhone한국출시
HTML5발표
[국내최초]
DaumMail Mobile
WebApp
DaumCampMobile
WebApp
Future of Web
GmailAJAX
2004
2005
2007
2009
2010
2011
2012
GoogleMaps
[국내최초]
DaumMail AJAX
iPhone미국출시
AJAX용어등장
GmailMobile
WebApp
iPhone한국출시
HTML5발표
[국내최초]
DaumMail Mobile
WebApp
DaumCampMobile
WebApp
Future of Web
2009
2010
2011
2012GmailMobile
WebApp
iPhone한국출시
HTML5발표
[국내최초]
DaumMail Mobile
WebApp
Future
Future of Web
2009
2010
2011
2012GmailMobile
WebApp
iPhone한국출시
HTML5발표
[국내최초]
DaumMail Mobile
WebApp
N Screen(Multi-Device)
Future
Future of Web
2009
2010
2011
2012GmailMobile
WebApp
iPhone한국출시
HTML5발표
[국내최초]
DaumMail Mobile
WebApp
N Screen(Multi-Device)
Responsive Web/
WebApp
Future
Future of Web
2009
2010
2011
2012GmailMobile
WebApp
iPhone한국출시
HTML5발표
[국내최초]
DaumMail Mobile
WebApp
N Screen(Multi-Device)
Responsive Web/
WebApp
Future
Responsive Web Design
- 브라우저 사이즈에 맞는 UI (레이아웃, 이미지) 알아서 적절히 Display 되는 웹 디자인
- CSS3 Media Queries
Future of Web
2009
2010
2011
2012GmailMobile
WebApp
iPhone한국출시
HTML5발표
[국내최초]
DaumMail Mobile
WebApp
N Screen(Multi-Device)
Responsive Web/
WebApp
HybridApp
Future
Proj.Momil
• Mobile 사용성 신장
• IMAP(내장 메일앱 사용) < Mobile Web
• 브라우저의 발전
Before - Web
Before - Web
Before - Web
Before - Web
Wrap up
• Web WebApp, ResponsiveWeb
• App HybridApp
• AJAX : 페이지 전환없이 서버와 데이터 통신하는 기술
• HTML5 : Web이 App역할(WebApp)을 더 잘할 수 있게 발전
• Proj.Momil - Mobile WebApp
• 만족스럽진 않지만 적당히 구현 가능
Thank you