포털관점에서본웹디자인 및...
DESCRIPTION
2012년 웹월드컨퍼런스 발표자료, 이미 꽤 시간이 지나버리긴 했지만 '포털'이라는 서비스에 대해 다시금 생각해보게 된 계기, 그리고 모바일에서의 '포털'이란 어떤 역할을 해야할지에 대한 고민. 초기 자료라 공유하긴 쑥스럽지만 히스토리 정리차원에서.. :D [Content] Portal Portal @Mobile Pattern: Daily, Weekly = Chance Context: on/offline, in/out = Experience Device: Button size, GPS, etc. = Focus Portal @PC = Start-page (Browser) Portal @Mobile = Main-page (Shortcut)TRANSCRIPT
![Page 1: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/1.jpg)
포털 관점에서 본
웹 디자인 이슈 및 UX동향
Daum UX2팀 김기성
![Page 2: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/2.jpg)
포털 관점에서 본 웹 디자인 이슈 및 UX동향
![Page 3: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/3.jpg)
포털 관점에서 본 웹 디자인 이슈 및 UX동향
![Page 4: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/4.jpg)
포털 관점에서 본 웹 디자인 이슈 및 UX동향
![Page 5: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/5.jpg)
포털 관점에서 본 웹 디자인 이슈 및 UX동향
![Page 6: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/6.jpg)
포털 관점에서 본 웹 디자인 이슈 및 UX동향
![Page 7: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/7.jpg)
![Page 8: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/8.jpg)
포털 관점에서 본 웹 디자인 이슈 및 UX동향
n. 입구가 되는 사이트라는 뜻으로 수많은 사이트를 특정한 분류에 따라 정리해놓고 주소를 링크시켜서 사용자들이 원하는 곳을 쉽게 찾아갈 수 있도록 만든 사이트를 이르는 말
![Page 9: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/9.jpg)
http://www.giantbomb.com/stargate-command/95-2798/all-images/52-412658/stargate/51-1288601/
![Page 11: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/11.jpg)
http://www.flickr.com/photos/a440/2065934413/
입구가 되는
이동이 쉬운
원하는 곳에 쉽게 접근할 수 있는
![Page 13: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/13.jpg)
Start-page
![Page 14: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/14.jpg)
자사 서비스로의 Gateway
자사 서비스로의 Gateway
타사서비스로의 Gateway
자사 서비스로의 Gateway
![Page 15: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/15.jpg)
타 서비스로의 Gateway
타 서비스로의 Gateway
타 서비스로의 Gateway
자사 서비스로의 Gateway
![Page 16: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/16.jpg)
GATEWAY
![Page 17: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/17.jpg)
“ Portal is Dead. ”
![Page 18: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/18.jpg)
“the enterprise portal as we know it (a one-size-fits-all web
site with some personalization features) is dead.
Our devices, be it laptops, smart phones or tablets, will be our
new enterprise portals.” Oscar Berg, Digital Strategist & Business Analyst
http://durl.kr/3tumks
![Page 19: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/19.jpg)
“the old portal is dead.
it’s not just about how we take traditional marketing and stick
it on these devices, but how we can use technology to create
newer, more immersive experiences that are BETTER than
anything else we’ve ever seen.” Rob Bennett, MSN executive Producer
http://durl.kr/3tumgv
![Page 20: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/20.jpg)
![Page 21: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/21.jpg)
“A focus on shifting Yahoo’s platform to mobile.
Being friendly to partners across a range of companies from
mobile carriers to social networks to hardware makers.” Marissa Mayer, New Yahoo CEO
http://durl.kr/3tux2x
![Page 22: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/22.jpg)
“Our programmers are doing work on mobile first,
We’ll still have a desktop version, but we’ll also have one on a
high-performance mobile phone. The top programmers want
to work on mobile apps.” Eric Schmidt, Google CEO
http://durl.kr/3tvb2i
![Page 24: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/24.jpg)
2000 2005
1000
0
500
750
250
PC
Smartphone
http://durl.kr/3tvexi
2010 2015
Sales
Time
Smartphone sales overtook PC sales
![Page 25: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/25.jpg)
2000 2005
1000
0
500
750
250
PC
Smartphone
http://durl.kr/3tvexi
2012
2010 2015
Sales
Time
Smartphone sales overtook PC sales
![Page 26: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/26.jpg)
2000 2005
1000
0
500
750
250
PC
Smartphone
http://durl.kr/3tvexi
2015
2010 2015
Sales
Time
Smartphone sales overtook PC sales
![Page 27: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/27.jpg)
2000 2005 2010
1000
0
500
750
250
http://durl.kr/3tvexi
한메일, 카페
97 99
미디어 다음
03
tv팟
06
자체 검색엔진
07
스카이뷰, 로드뷰 오픈
09
tv팟앱
08
지도앱
09
마이피플
10
뮤직앱
11
사전앱
12
2015
Sales
Time
13
14
15
Smartphone sales overtook PC sales
![Page 28: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/28.jpg)
![Page 29: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/29.jpg)
PC Ver. Mobile Ver.
London Olympic
![Page 30: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/30.jpg)
PC Mobile
100
200
300
400
500
600
London Olympic | Page View
![Page 31: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/31.jpg)
PC Mobile
London Olympic | Page View
X 1.7
100
200
300
400
500
600
![Page 32: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/32.jpg)
PC: 3 Mobile:7
출처: 나스미디어
London Olympic | 하이라이트 시청
![Page 33: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/33.jpg)
![Page 34: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/34.jpg)
Pattern
Context
Device
Portal
![Page 35: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/35.jpg)
Pattern
Context
Device
Portal
![Page 36: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/36.jpg)
Pattern
Context
Device
Portal
Daily, Weekly
![Page 37: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/37.jpg)
0
Traffic
23
Smart phone
PC
12 6 Time
18
Daily | PC & Mobile Traffic
![Page 38: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/38.jpg)
0
Traffic
0
PC
Smart phone
23 12 6 Time
출근
18
06:00~08:00
기상
Daily | PC & Mobile Traffic
![Page 39: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/39.jpg)
0
Traffic
0
PC
Smart phone
23 12 6 18 Time
학교/직장
점심
09:00
Daily | PC & Mobile Traffic
학교/직장
17:00
![Page 40: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/40.jpg)
0
Traffic
0
PC
Smart phone
23 12 6 Time
퇴근 취침
18
Daily | PC & Mobile Traffic
18:00 ~ 23:00
![Page 41: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/41.jpg)
출/퇴근 시간
![Page 42: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/42.jpg)
Game
출/퇴근 시간 | Killing Time
![Page 43: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/43.jpg)
Game
출/퇴근 시간 | Killing Time
![Page 44: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/44.jpg)
Gossip
출/퇴근 시간 | Killing Time
![Page 45: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/45.jpg)
FUN
출/퇴근 시간 | Killing Time
![Page 46: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/46.jpg)
취침 전 | Entertainment
Webtoon
![Page 47: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/47.jpg)
Movie
취침 전 | Entertainment
![Page 48: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/48.jpg)
월
Traffic
0
PC
일 금 수 토 Time
화 목
Smartphone
Weekly | PC & Mobile Traffic
![Page 49: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/49.jpg)
월
Traffic
0
PC
일 금 수 토 Time
화 목
Smartphone
토 ~ 일
월 ~ 금
Weekly | PC & Mobile Traffic
![Page 50: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/50.jpg)
Weekdays | 날씨
![Page 51: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/51.jpg)
Weekdays | 주식
![Page 52: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/52.jpg)
Weekend | 지도
![Page 53: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/53.jpg)
Weekend | 맛집
![Page 54: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/54.jpg)
Mobile Traffic 분석을 통한 순환구조 개선
Case Study
![Page 55: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/55.jpg)
Case Study | Mobile 순환개선
![Page 56: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/56.jpg)
Case Study | Mobile 순환개선
![Page 57: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/57.jpg)
Case Study | Mobile 순환개선
![Page 58: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/58.jpg)
Pattern
Context
Device
Portal
Chance =
![Page 59: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/59.jpg)
Pattern
Context
Device
Portal
Chance =
![Page 60: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/60.jpg)
Pattern
Context
Device
Portal
On/Offline, in/Out
![Page 63: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/63.jpg)
Mobile Context | Offline
![Page 64: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/64.jpg)
Mobile Context | Offline
![Page 65: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/65.jpg)
Mobile Context | Offline
![Page 66: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/66.jpg)
Mobile Context | Offline
![Page 67: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/67.jpg)
Mobile Context | Offline
![Page 68: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/68.jpg)
Mobile Context | Home
![Page 69: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/69.jpg)
Mobile Context | Home
![Page 70: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/70.jpg)
Mobile Context | Home
![Page 71: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/71.jpg)
Mobile Context | Outside
![Page 72: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/72.jpg)
Mobile Context | Outside
![Page 73: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/73.jpg)
Daum 지도 필드 리서치를 통한 Context파악
Case Study | Field Research
![Page 74: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/74.jpg)
74
다음 모바일 지도 사용 특성 이슈 4.
도보사용자는 이동 하면서 목적지까지의 경로를 재확인 하기 위해 간헐적으로 지도 앱을 켜서 현위치 및 경로를 파악함
- 목적지까지 제대로 가고 있는지 확인하기 위해 이동 중간중간 앱을 켜서 현위치를 확인함
- 초행길인 경우 로드뷰 기능을 활용해서 주변을 탐색하는 행위도 발견됨
Case Study | Field Research
![Page 75: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/75.jpg)
다음 모바일 지도 사용 특성 이슈 3.
실시간 교통 정보 이용을 위해 네비게이션 앱을 사용하고 있음
- 네비게이션 앱은 실시간 교통 정보를 확인하기 위해 사용 한다고 응답함
- 네비게이션 앱의 경우 경로 이탈 시에 재안내가 네비게이션 대비 느려 불편하다는 의견도 다소 있었음
- 모바일의 화면 사이즈는 작아서 메인 네비게이션으로 사용하기에 무리라고 지적하였음
Case Study | Field Research
![Page 77: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/77.jpg)
Case Study | Field Research
![Page 79: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/79.jpg)
Case Study | Field Research
![Page 80: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/80.jpg)
Case Study | Field Research
![Page 81: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/81.jpg)
Pattern
Context
Device
Portal
Experience =
Chance =
![Page 82: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/82.jpg)
Pattern
Context
Device Button Size,GPS,etc.
Chance =
Experience =
Portal
![Page 83: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/83.jpg)
Display
Interaction
GPS
Camera
Mic., SPK
Mobile Device
![Page 84: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/84.jpg)
57
144 57
144
Mobile Device | Button Size
![Page 89: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/89.jpg)
Case Study | Guideline
![Page 90: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/90.jpg)
Pattern
Context
Device Focus =
Chance =
Experience =
Portal
![Page 91: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/91.jpg)
Pattern
Context
Device Focus
Chance =
Experience =
=
Portal
![Page 92: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/92.jpg)
GATEWAY
![Page 93: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/93.jpg)
Pattern
Context
Device
Portal in PC ?
![Page 94: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/94.jpg)
(Browser) Start-page
![Page 95: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/95.jpg)
Pattern
Context
Device
Portal in Mobile ?
![Page 96: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/96.jpg)
GATEWAY ?
![Page 97: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/97.jpg)
15개의 이동 Gateway (+전체 이동)
8개의 이동 Gateway
3개의 이동 Gateway
18개의 이동 Gateway
![Page 98: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/98.jpg)
Portal in Mobile | Gateway
4개의 이동 Gateway (+ 전체이동)
![Page 99: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/99.jpg)
Portal in Mobile | Compact Screen
![Page 100: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/100.jpg)
Portal in Mobile | Hidden Screen
![Page 101: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/101.jpg)
Portal in Mobile | Hidden Screen
![Page 103: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/103.jpg)
Portal in Mobile | Personalized Screen
![Page 104: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/104.jpg)
Portal in Mobile | Personalized Screen
![Page 105: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/105.jpg)
Portal in Mobile | Personalized Screen
![Page 106: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/106.jpg)
Portal in Mobile | Personalized Screen
![Page 107: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/107.jpg)
Portal in Mobile | Personalized Screen
![Page 108: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/108.jpg)
Portal in Mobile | Personalized Screen
![Page 109: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/109.jpg)
Portal in Mobile | Personalized Screen
![Page 110: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/110.jpg)
Portal in Mobile | Personalized Screen
![Page 111: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/111.jpg)
Portal in Mobile | Personalized Screen
![Page 112: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/112.jpg)
Desktop Step 1 • Windows XP/7/8, OSX, etc.
Portal in PC | Task Flow
Browser Step 2 • Explorer, Chrome, Firefox, etc.
Services Step 4 • 포털 - 뉴스, 카페, 블로그, 쇼핑 • 일반 – 각 홈페이지, 쇼핑몰, SNS서비스 등
Start-page Step 3 • 포털 페이지: 네이버, 다음, 네이트
![Page 113: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/113.jpg)
Desktop
Browser
Services
Step 1
Step 2
Step 4 • 포털 - 뉴스, 카페, 블로그, 쇼핑 • 일반 – 각 홈페이지, 쇼핑몰, SNS서비스 등
• Explorer, Chrome, Firefox, etc.
Start-page Step 3 • 포털 페이지: 네이버, 다음, 네이트
Portal in PC | Task Flow
Main Gateway: Browser 시작페이지
• Windows XP/7/8, OSX, etc.
![Page 114: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/114.jpg)
Main Page Step 1 • 주요 어플리케이션 (Page Flicking)
Portal in Mobile | Task Flow
App / Web Step 2 • Phone: 전화, 메시지, 카메라 • Browser: 사파리, 오페라, 크롬 등 • Social: 메신저, SNS • Portal: 네이버, 다음, 네이트 • Portal Services: 뉴스, 카페, 블로그 등
Browser Step 3 • Portal: 네이버, 다음, 네이트 • Portal Services: 카페, 블로그, 쇼핑 등
![Page 115: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/115.jpg)
Main Page Step 1 • 주요 어플리케이션 (Page Flicking)
Portal in Mobile | Task Flow
App / Web Step 2 • Phone: 전화, 메시지, 카메라 • Browser: 사파리, 오페라, 크롬 등 • Social: 메신저, SNS • Portal: 네이버, 다음, 네이트 • Portal Services: 뉴스, 카페, 블로그 등
Browser Step 3 • Portal: 네이버, 다음, 네이트 • Portal Services: 카페, 블로그, 쇼핑 등
Main Gateway: Device 페이지 아이콘
![Page 116: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/116.jpg)
Main Page Step 1 • 주요 어플리케이션 (Page Flicking)
Portal in PC | Task Flow
Main Gateway: Device 페이지 아이콘
Portal in Mobile | Task Flow
Start-page Step 3 • 포털 페이지: 네이버, 다음, 네이트
Main Gateway: Browser 시작페이지
![Page 117: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/117.jpg)
Portal in Mobile | WEB vs. APP
순위 전월 순위 서비스 명
1 1 네이버
2 2 다음
3 6 구글 (.com)
4 3 구글 (.co.kr)
5 4 티스토리
6 7 페이스북
7 5 네이트
8 8 Youtube
9 32 Twitter
10 10 머니투데이
* Mobile Web 이용률 (10월, 순방문자 기준, Korean Click)
![Page 118: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/118.jpg)
Portal in Mobile | WEB vs. APP
순위 전월 순위 서비스 명
1 1 카카오톡
2 2 카카오스토리
3 3 애니팡
4 4 네이버
5 - 드래곤 플라이트
6 9 캔디팡
7 5 페이스북
8 7 네이버 지도
9 6 멜론
10 8 Photo Wonder
* Mobile App 이용률 (10월, 순이용자 기준, 프리로드 앱 제외, Korean Click)
![Page 119: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/119.jpg)
Portal in Mobile | WEB vs. APP
2012. 11. 16
![Page 120: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/120.jpg)
포털 관점에서 본 웹 디자인 이슈 및 UX동향
![Page 121: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/121.jpg)
GATEWAY
![Page 122: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/122.jpg)
Mobile Focus
![Page 123: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/123.jpg)
Mobile First
![Page 124: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/124.jpg)
Device Focus =
Context Experience =
Pattern Chance =
Portal in Mobile ?
Portal in PC ?
![Page 125: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/125.jpg)
Device Focus =
Context Experience =
Pattern Chance =
Portal in PC ? = Browser Start-page
Portal in Mobile ?
![Page 126: 포털관점에서본웹디자인 및 UX동향(@웹월드컨퍼런스 2012, 2012.11)](https://reader030.vdocuments.mx/reader030/viewer/2022013111/5599db061a28ab085e8b45ed/html5/thumbnails/126.jpg)
Device Focus =
Context Experience =
Pattern Chance =
Portal in Mobile ?
Portal in PC ? = Browser Start-page
= Device Main Page Icons