모바일 왕국을 꿈꾸며!!! mobizen@mobizen.pe.kr

Posted
Filed under 모바일 일반
출발선에 서 있는 Pad & Tablet PC

사용자 삽입 이미지

약 50억대 정도로 추정되는 Connected Device는 다양한 종류가 있다. 이 가운데, 최근 가장 뜨거운 관심은 iPad, 갤럭시탭, 아이덴티티탭 등과 같은 Pad와 Tablet PC이다. Nielsen의 최근 보고서에 따르면 Tablet PC의 보급율은 4% 정도로 eBook Reader 보다도 낮은 것으로 조사되었다.


개인용 컴퓨터로 시장 안착 중

사용자 삽입 이미지

iPad와 갤럭시 탭등과 같은 Pad 기기들이 차례차례 상용화되면서 시장의 반응은 점차 뜨거워지고 있다. Pad는 다양한 용도로서 포지셔닝 가능성이 있지만 초기에는 개인용 컴퓨터로서의 용도로 많이 쓰이고 있다. iPad를 보유한 사용자를 대상으로 하루 중 개인용 컴퓨터로 사용하는 Device의 비중을 비교해 보니 iPad가 31.8%로 가장 높게 조사되었다. Laptop과 Desktop은 각각 31.0%와 22.1%로 알려졌다.

사용자 삽입 이미지

Pad 기기들이 PC로서 역할 수행을 하게 되면서 사용 시간 역시 증가하고 있다. 하루 평균 iPad를 사용하는 시간이 2시간 이상이라고 답한 사용자가 48.2%나 차지하고 있다. 1시간 이상 사용하는 사용자들은 84.6%에 이른다. Pad 구매자들의 Device 충성도가 매우 높다는 것을 알 수 있다.


웹서핑으로의 활용도가 가장 높아

Pad Device는 Smart Phone과 동일한 플랫폼을 사용하고 있으며, 다양한 기능의 활용이 가능하다. Web과 App 사이의 주도권이라는 Mobile의 고전적인 화두와 함께 동영상, 음악 재생, 카메라 등 많은 기능을 포함하고 있다. 과연 사용자들은 어떠한 기능을 가장 많이 사용할까?

사용자 삽입 이미지

iPad의 기능 중 웹서핑의 활용 비중이 37.7% 로 가장 높게 나왔다. Communication App 사용 비중이 높은 Smart Phone과는 다른 행태를 보이고 있으며, 동영상과 게임 등은 예상보다 낮은 수치를 보이고 있다.

사용자 삽입 이미지

iPad 사용자들이 웹서핑할때 선호하는 Device 로 iPad 36.2%가 가장 높이 조사된 것도 중요한 내용이다. Desktop 22.0%, Laptop 31.1%와 비교를 하면 매우 높은 수치를 보여주고 있다. 간단하게 Web Mail 확인을 하거나 뉴스, 검색 등과 같이 View 위주의 작업을 하는 사용자들에게는 Touch를 통해 제어할 수 있는 Pad가 웹서핑에 최적의 Device로 사용되고 있는 것이다.

사용자 삽입 이미지

Business Insider에서는 '온라인 뉴스'를 확인할 때의 iPad 사용자들의 이용 패턴을 분석하여 발표를 하였다. iPad내의 브라우저를 선호하는 사용자가 37.0%로 가장 많았다. 반면에 신문사 전용앱 34.7%, Reeder나 Flipboard와 같은 뉴스 전용 리더를 사용한다는 사용자는 28.3%에 불과하였다.


Web 사업자들의 새로운 고민, Pad Web

Smartphone 열풍 초기에 Web 사업자들의 첫번째 고민은 Web Page에 대한 Device별 대응 방식이었다. 풀브라우징이 되는 환경에서 PC 페이지로 서비스를 유지해야 하는 것인지, Mobile Web Page를 따로 제공해주어야 하는 것인지, 기존 PC 페이지를 모바일 환경에 맞게 경량화 해야 하는지 등에 대한 많은 접근이 있어왔다. 결과론적인 이야기는 하지만 최근에는 사용성을 고려하여 Mobile Web Page를 따로 제공해주는게 최선이라는데 어느 정도 공감대가 형성된 듯 하다. 물론, 논란의 여지는 여전히 존재한다.

Pad 디바이스들이 새롭게 시장 진입을 하자 Web 사업자들은 데자뷰를 경험하게 된다. 그나마 Smart Phone보다는 해상도가 좋으니 PC Web Page로 Pad를 대응해야 할지, 브라우저와 네트워크 속도의 한계는 Smart Phone과 크게 다르지 않으니 Mobile Web Page로 대응해야 할지, Pad에 최적화된 Page를 또 다시 제작해야 하는지 선택을 해야 한다. 최근 업무 관련이나 지인들에게 가장 많이 듣는 질문이기도 하다.


Pad에서의 사용자들의 Web 사용 행태

이 질문에 대한 전략적인 판단 이전에 사용자 검증이 필요하다. 참고할 만한 좋은 보고서가 있는데, Nielsen Norman Group에서 내놓은 'Usability of iPad Apps and Websites' 이다. 해당 보고서에서는 PC Page와 Mobile Page가 있는 Web Service를 Pad로 접근할 때는 PC Page를 선택한다고 한다. 선택의 이유는 PC Page가 더 많은 Contents를 제공해주기 때문이라고 한다.

사용자 삽입 이미지

해당 보고서에서는 Pad를 통해 PC Page와 Mobile Page를 사용하는 각각의 경우에 대해서도 사용성 문제점을 이야기 하고 있다. 먼저 PC Page는 Mouse를 기반으로 제작이 되어 있어서, Touch를 사용하는 Pad에서는 오동작이 많고, 지도 Page에서 Zoom을 할 경우 지도 영역을 Zoom을 하는 것인지 Page 전체를 Zoom을 하는 것인지에 대한 정의가 명확하지 않다는 점 등을 지적하였다.

Mobile Page로 접속하는 경우에는 제공하는 컨텐츠가 해상도에 비해 너무 적고, Layout에 공백이 많다는 점을 이야기 하고 있다. 끝으로 PC Web Page를 기본으로 해서 Pad에 맞게 수정하는 것을 기본으로 하되, Pad 최적화 Web Page 제작도 생각해야 할 필요가 있다는 결론을 내리고 있다.


정답은 스스로가

일차적으로 Nielsen Norman Group 보고서가 내린 결론에 동의한다. 하지만, 이는 일반론적인 내용일 뿐이다. Web Site의 성격, 지향하는 목표, Target User Segment, 가지고 있는 역량 등을 고려하여 전략적인 판단을 내려야 한다. 또한, 7인치 또는 5인치 Tabet PC의 사용성은 iPad와는 전혀 다른 결론을 얻을 수 있기 때문에 단순한 문제가 결코 아니다.

이번 기회를 통해서 본인의 Web Site에 대한 정의를 다시 한번 생각해 볼 필요가 있다. Portifolio 인지, 커뮤니티인지, Commerce인지, Contents 인지... 중요한 것은 Device 대응 전략이 아니라 Web을 대하는 우리의 View이기 때문이다.
2010/11/18 19:06 2010/11/18 19:06

다양한 디바이스들이 출몰하다보니 고민을 많이 할 수밖에 없다. 어떻게 해야 고객(사용자)에게 더 좋은 서비스를 제공할 수 있을지 다양한 고민이 있어야겠다. iPad & Tablet PC의 Web 대응 전략

후시

흠 많은 생각을 하게되네요 좋은 정보 감사합니다.

라라랑

좋은정보 감사합니다

Mari

표준화할 수 있는 방법들이 나오게 될까요?^^
말씀대로 향후 더 다양한 디바이스들이 나오게 될텐데,
디자인을 하는 입장에서도 고민이 많이 됩니다.

숲속얘기

일단 터치기반 html 스펙이 좀 자리 잡아야하지 않을른지.. 웹서핑이 주목적이라면 아이패드는 플래시가 안된다는 점에서 제한을 많이 받고 있는듯합니다.
국내의 경우 AX기반의 전자상거래 기반은 싹 들어엎는것부터 접근해야 하지 않을까 싶습니다.

Jins

좋은 자료 감사합니다.^^
다름이 아니라 비즈니스 인사이더 자료로 만드신 그래프가 몇개 있던데..
정확한 출처(기사, 보고서 등등)를 좀 알 수 있을까요??

designodoubt

좋은자료 감사합니다~ 작년 유명 블로그라는 소개를 통해 들어오게 되었는데 수준 높은 포스팅 감사합니다~ ^^

Posted
Filed under 모바일 일반
사용자 삽입 이미지

comScore에서 월마다 발표하는 미국 모바일 사용자들의 사용 행태를 재구성해보면 Mobile Web이 근소한 차이를 유지하면서 Mobile App보다는 많은 사용자를 확보하고 있는 것을 알 수 있다. 이는 일반 사용자에게 Browser 사용이 친숙하고 Feature Phone에서도 비교적 자유롭게 Mobile Web 사용이 가능하기 때문이다.

이렇게 Mobile Web 사용이 증가하면서 일부 전문가들은 'html5'라는 필살기만 완성되면 App에게 주도권을 빼앗긴 IT 산업을 다시 Web 품으로 돌려줄 수 있을 것이라 '맹신'하고 있다. 하지만, Web과 App의 주도권 싸움의 결론을 떠나서 현재 Mobile Web의 불편한 사용성과 문제점들이 단순한 Script Language의 기술적인 이슈가 전부인지는 진단해 볼 필요가 있다.

Mobile 업계가 가장 먼저 Web에 대한 접근을 시도한 것은 '풀브라우징' 이었다. Mobile 기기에서 PC Web 화면을 그대로 볼 수 있다는 마케팅 용어는 어느 순간 사라져 버렸다. 사용성에 있어서 큰 문제를 가지고 있고 정보를 전달하는데 있어서도 비효율적이기 때문이다.

최근에는 Mobile 기기에 최적화하는 Mobile Web Site로 대응하는 것이 일반화되고 있다. 그렇다면 얼마나 많은 Web Site들이 Mobile Web을 지원하고 있을까? 조금 오래된 자료이긴 하지만 'Walled Garden에서 탈출하는 Mobile Web' 에서 소개한 taptu 보고서에 의하면 전체 Web Site의 0.32%에 불과하다.

사용자 삽입 이미지

2010년 11월에 발표한 Chitika의 보고서도 Mobile Web Site 구축율을 이해하는데 도움이 된다. 해당보고서에서는 사용자들이 자주 접속하는 상위 백만개 사이트를 대상으로 Mobile Web 대응 비율을 조사하였다. 조사 결과 Top 10 사이트의 경우는 100% Mobile Web을 대응하고 있었지만, Top 100은 67%, Top 1000은 35%만이 Mobile Web Site를 보유하고 있었다. 전체 조사 대상인 백만개 사이트 중 3.54% 만이 Mobile Web 대응을 하고 있었다.

사용자 삽입 이미지

그렇다면 사용자들은 Mobile로 Web Site를 접속할 때는 어떠한 것을 기대하고 있을까? gomez 보고서에서는 매우 대조적인 결과를 보여주고 있다. 42%는 Mobile 단말이 제약사항이 많으니 PC에서 접근하는 것보다는 느릴 것으로 예상하고 있었다. 반면에 33%는 Mobile Web 전용 Site들이 PC Site에 비해 가볍기 때문에 PC에서보다 더 빠를 것으로 예상하고 있었다. 사용자간의 Mobile Web에 대한 예상과 이해도가 다양하다는 이야기이다.

사용자 삽입 이미지

사용자들이 Mobile Web을 이용하면서 가장 불편한 점은 대체로 일반적인 내용들이다. 불편하게 설계되어 있을 때 33%, 로딩이 느릴 때 29%, 원하는 기능이 없을 때 18% 등이다. html5이 만들어내는 다양한 Device 연동과 Local Cache, 새로운 사용자 경험이 일부 완충작용을 하겠지만 기술적인 이슈보다는 사용성에 대한 연구가 더 선행되어야 한다는 아주 기초적인 결론을 내릴 수 있다.

그렇다면 Mobile Web을 설계하고 개발하는데 어떠한 점을 유의해야 할까? 이러한 질문에 대해 W3C에서는 'Mobile Web Best Practice' 문서를 만들어서 답변을 하고 있는데, 아주 기본적이면서도 중요한 내용이 많아 이 자리를 빌려 소개하고자 한다.

1. 하나의 웹을 위한 설계 : 다양한 장비를 고려하여 설계한 컨텐츠는 비용을 절감시키고, 유연성을 증대하며, 더 많은 사람들의 필요를 충족시킬 수 있다.
2. 웹 표준 준수 : 세계 곳곳의 제각기 다른 장비와 브라우저의 호환을 위해서는 표준을 준수해야 한다.
3. 유해요소 제거 : 모바일 장비의 제한 된 화면크기, 키보드, 기타 기능으로 발생하는 사용자의 문제를 고려하여 설계한다.
4. 장비 제한 주의 : 특정 웹 기술을 사용하고자 할때는, 모바일 장비 성능이 제각기 다르다는 것을 염두해 두어야 한다.
5. 웹 네비게이션 최적화 : 작은 화면과 키보드, 제한된 bandwidth에서는 단순한 네비게이션과 입력이 매우 중요하다.
6. 그래픽과 색상 확인 : 이미지, 색상, 스타일은 컨텐츠를 빛나게하지만 지원되는 포맷과 저사양의 화면 등을 유의하여야 한다.
7. 가볍고 간결한 사이트 : 가벼운 사이트는 시간과 비용을 절약하여 사용자를 즐겁게 한다.
8. 네트워크 자원 절약 : 웹 프로토콜 기능을 활용하면 네트워크 부하와 대기시간을 줄여 사용자 이용을 향상시킬 수 있다.
9. 사용자 입력 가이드 : 모바일 장비에서 키보드 및 각종 입력 방법은 비효율적일 수 있으며, 효과적인 설계는 이러한 입력을 최소화 할 수 있다.
10. 모바일 유저 배려 : 시간이 부족하고 번잡한 상황에 있는 모바일 사용자들은 간결한 정보를 얻고자 한다.

개인적으로는 noupe에서 이야기 하는 'Mobile Web Design : Tips and Best Practices'도 많은 공감이 간다. 간략하게 번역을 하여 소개해본다.

1. 간결하게 하라!
2. 정확한 Markup을 사용하라. 비표준이나 문법에 맞지 않는 구문을 사용하지 말아야 한다.
3. 사용자 선택에 의해 PC Site도 볼 수 있게 해야 한다.
4. CSS를 이용하여 PC Site에서도 Mobile 단말에 대한 대응을 할 필요가 있다.
5. 스크롤은 한 쪽 방향으로, 짧은 스크롤로!
6. 팝업이나 '새창으로 열기'등은 사용하지 말아야 한다.
7. 이미지는 최소화한다.
8. 네비게이션은 모바일 환경을 고려하여 최적화 한다.
9. Flash와 Java Script 사용을 자제한다.
10. 최대한 효율적으로 PC Site에 있는 컨텐츠를 Mobile Web에서도 많이 노출시킨다.
11. 적당히 모바일 환경에 맞는 페이지로 리다이렉트 시킨다.

실제 사용 비중과 다르게 App이 Mobile 산업을 이끌어가는 느낌을 주는 것은 그만큼 사용성에 대한 연구와 함께 새로운 가치를 사용자에게 전달을 잘 하고 있기 때문이다. 반면에 아직도 Mobile Web은 PC Web의 설계 패턴을 벗어나지 못하고 있으며, 단말 사용성에 대한 이해가 아직도 많은 편이다.

'html5가 Web을 구할 것이다'라는 전설만을 믿으며 살아가는 것 보다는 현재의 기술 안에서 좀더 모바일 다운 Web 환경을 만들어 가는 것이 더욱 중요해보인다. Mobile Web에 대한 고민을 하는 이들에게 오늘 소개한 몇가지 자료와 팁들이 도움이 되었으면 하는 바램을 가져본다.
2010/11/17 08:28 2010/11/17 08:28
wizardee

예전에 VM 게임 처음 만들때 생각이 나네요.. 좋은 글 감사드립니다. :)

bobozzang

퍼갈께요~ 좋은 자료 감사합니다.

숲속얘기

사용성에 대한 재고.. 정말 동감합니다. 근데 역사가 짧은만큼 증명된것도 적은것 같습니다. 개인적으로 스크롤이란게 모바일에 맞는지도 의문이 듭니다.
또한 HTML5에는 모바일에 꼭 필요한 다른 스펙들도 좀 추가되었으면 좋겠습니다. 과거에 WML에 번호로 직접 이동가능한 anchor가 있듯이 다른 액션을 통한 웹에 대한 접근도 가능할텐데 말이죠.

좋은글 감사합니다.

mc500

좋은 글 감사합니다. ^^

까만별

좋은 자료 감사합니다.
퍼가겠습니다.

1

잘 읽고갑니다.!