모바일 앱과 모바일 웹

안녕하세요

날라리기획자 입니다.

오늘은 모바일 앱과 모바일 웹에 대해 이야기 해 보고자 합니다. 

---

1. 모바일 앱(App)과 모바일 웹(Web)

위의 이미지는 네이버의 모바일 웹과 모바일 앱을 캡쳐한 사진입니다. 

좌측의 모바일 웹은 사파리라는 브라우저(또는 휴대폰에서 지원하는 브라우저)를 통해 HTML형태의 문서로 화면을 제공하는 방식이며 우측의 모바일 앱은 iOS(Android)의 프로그램 언어 (C, Java)를 통해 화면을 제공하는 것입니다.

그렇기 때문에 모바일 웹은 해당 브라우저와 HTML에 귀속된 정보구조, 기능을 제공하는 반면, 모바일 앱은 각 휴대폰과 소프트웨어에 귀속된다고 보시면 됩니다.

  - 새창을 띄우는 방식(화면 및 메뉴이동 컨트롤 포함)도 웹과 앱이 다르게 표현됩니다. (물론 동일하게 할 수도 있습니다.)

즉 웹은 브라우저에서 확인할 수 있으며, 앱은 앱스토어 또는 구글플레이를 통해 다운로드 후 이용해야 하는 것입니다.

---

2. 무엇을 선택하는 것이 옳을까?

이건 솔직히 답이 없다고 생각합니다. 자사의 개발 능력과 제품 및 서비스의 내용, 사용자 행동 등에 따라 달라질 것이기 때문입니다. 즉 사용자와의 커뮤니케이션을 어떠한 방법과 내용으로 끌어 낼 것인가 하는 것이 중요한 것입니다.

그냥 다른 회사도 하니까 경쟁업체도 하니까 하는 그런 것이 아닙니다.

다음의 모바일 웹, 앱의 장단점을 보시면 좀 더 자신에 맞는 기준을 세울 수 있게 될 것입니다.

---

3. 모바일 웹

(이미지출처: http://harpodesign.com)

모바일 웹은 기본적으로 HTML위에서 표현됩니다.

그러므로 다양한 디바이스에서 동일한 효과와 내용을 사용자에게 전달 할 수 있습니다. 이는 수정과 유지보수 비용 절감에 대단히 중요한 요소로 자리하게 됩니다.

하지만 해당 서비스에 접근하기 위해서는 검색, URL 입력, 북마크 등의 사전작업을 거쳐야만 접속할 수 있는 단점이 있습니다. 또한 해당 브라우저의 특성과 HTML의 특성에 따라 표현이 불가능한 요소와 인터렉션, UI/UX가 존재하기 때문에 단순 정보 컨텐츠 제공에 적합한 내용이라고 할 수 있습니다.

아이폰(사파리)은 플래시의 지원을 하지 않는 것이 대표적이라 할 수 있습니다.

가장 큰 단점으로는 사용자의 폰에 들어 있는 정보(사진, 연락처, 등) 및 저장소를 별도로 이용할 수 없기 때문에 기능상 구현 불가능한 사항과 사용상 불편한 점이 발생할 수 있다는 것입니다.

마지막으로 모바일 웹도 웹의 한 요소이기 때문에 웹접근성 및 표준, 반응형 웹에 대한 이슈가 항상 따라 다니게 됩니다. 간단하게 말씀드리면 

웹접근성은, 일반인, 장애우 등 모든 사람이 웹을 이용하는데 불편함이 없고자 하는 취지에서 시작한 제정입니다. 시각장애우가, 청각장애우가 일반인과 동일한 조건, 서비스를 사용할 수 있도록 하는 요소입니다.

웹표준은 다양한 브라우저와 기기에서 동일한 경험과 사용성을 주기 위해 (국제)표준적인 구조의 웹문서를 만들자는 취지에서 사용되었습니다. 이러한 웹표준의 정책은 다양한 국제기구에서 시행하고 있습니다.

반응형 웹은 다양한 디바이스 화면의 크기(화질)에 따라 각기 다른 화면과 구성을 만드는 것이 아니라 하나의 HTML문서가 해당 기기 특성을 알고 그에 맞는 화면으로 대체되어 통일감있는 그리고 동일한 사용경험을 제공하는 서비스를 말합니다.

더 자세한 내용은 추후에 다루도록 하겠습니다.

---

4. 모바일 앱

모바일앱은 구글플레이, 앱스토어에서 다운받아 사용하는 앱이라고 보시면 됩니다. (흔히 네이티브 앱이라고도 합니다.) 

앱의 장점이자 단점은 개발하고자 하는 OS에 따라 해당 업체 (Apple, Android)의 지원과 제약을 받는 다는 것입니다. 그렇기 때문에 OS에서 지원하는 다양한 인터렉션과 효과, 사용자 폰과의 상호연계성이 뛰어난 점을 가지고 있습니다. 위의 장점은 메뉴간 이동, 화면 배치 등의 기능적 표현을 하고자 할 때 모바일 웹보다는 미려하고 더 자유롭다는 특징을 가지고 있습니다.

또한 모바일웹보다 보안에 있어 더 탁월하며 정보의 처리속도 또한 매우 빠르다는 점이 있습니다.

다른 내용이기는 하지만, 인기앱으로 선정된 경우 스토어 내에서 해당 앱을 상위랭크하여 광고해주는 효과를 가질 수도 있으며 유료 앱의 경우 수익을 낼 수 있는 형태가 될 수 있다는 것이 그 특징이라 할 수 있습니다.

하지만 해당 OS의 정책과 규제(변경된 내용에 따라)에 따라 표현할 수 없는 부분이 발생하기도 하며, 앱등록 후 승인과정에서 거부 당하는 경우도 발생합니다. 그렇기 때문에 변경되는 규제내용과 그들의 원칙을 잘 이해하고 있는 것도 필요하게 됩니다.

---

 

이상으로 모바일 웹과 앱에 대해서 알아 보았습니다.

첨언 하자면, 웹앱과 하이브리드 앱이 있는데,

웹앱(Web Application)은 웹 (브라우저, HTML)에서 사용할 수 있는 특정 기능이라고 할 수 있습니다. 예를 들어 구글닥스와 같이 웹에서 문서작업을 하거나 사진첩을 관리하는 등의 기능, 서비스라고 보시면됩니다. 즉 웹 위에서 작동하는 응용프로그램이라고 보시면 됩니다. 이것은 비단 모바일이 아니라 웹이라는 전체에 포함되기 때문에 모든 요소에서 사용될 수 있습니다.

하이브리드 앱은 앱에서 웹페이지를 호출하여 보는 형태입니다. 모바일 앱과 동일하지만 앱에 들어가서 보게되는 화면은 웹페이지라고 생각하시면 됩니다.