서비스 기획/UI UX design

[서비스 기획] 모바일 웹(web)과 모바일 앱(app) 차이

찐리뷰 2021. 6. 15. 17:27
728x90

모바일 웹과 모바일 앱 간의 차이점

  모바일 웹(web) 모바일 앱(app)
OS 제한 없음 안드로이드, iOS 앱 별도 개발 필요
인터넷 제한 온라인에서만 사용 가능 오프라인에서도 사용 가능
설치 설치 단계 없음 (웹 브라우저 접속) 스토어를 통해 구매 및 설치
구축 비용 적은 비용, 적은 시간 (한 번의 개발 비용) 큰 비용, 많은 시간 (OS별로 개발)
업데이트, 주기 긴 편. 웹 표준 업데이트 시 개편 짧은 편. OS 업데이트마다 개발 필요
업데이트 배포 과정 쉬운 (웹 접속 시 자동 반영) 어려움 (사용자가 스토어에서 업데이트)
준수 사항 웹 표준, 웹 접근성 등 OS별 가이드
인터페이스 구현 범위 좁음 (웹 브라우저 내 간단한 인터페이스) 넓음 (애니메이션, 동작 인식 등 다양)
실행 속도 느림 빠름
용량 일정 기간 쿠키 사용 삭제 전까지 늘 일정 용량을 차지
적합 콘텐츠 블로그, 뉴스, 스포츠 콘텐츠, 제품 리뷰, 비디오 소셜 미디어, 음악, 게임
내부 기기 연동 제한적 자유로움

출처 : 조성봉, 『이것이 UX/UI 디자인이다』, 위키북스(2020), p155.

 

 

모바일 웹과 모바일 앱 중 우선순위를 정하여 개발을 진행해야 하는 상황이라면 좋은 참고자료가 될 것 같습니다.

 

1. 모바일 웹

최근에는 반응형으로 만들어 PC와 모바일 그리고 태블릿에서도 화면이 자동적으로 맞춰져 나오게끔 만듭니다.

디자이너는 화면이 큰 순서대로 먼저 디자인 한 다음, 작은 화면으로 줄여나가는 방식으로 작업을 하는데요.

기획자는 이 점으로 고려하여 스토리보드(=기획안=와이어프레임)를 작성해야 합니다.

 

최근에는 모바일 사용이 워낙 많다보니, 반응형으로 만들지 않고 그냥 모바일만 고려하여 만드는 경우도 많습니다.

 

2. 모바일 앱

앱으로 만들면 훨씬 힙(hip)하게 구현할 수 있습니다.

인터렉션 부분 또한 OS별로 다양하게 만들 수 있는 장점이 있습니다.

기획자가 꿈꾸는 모든 것을 구현할 수 있죠. (다만 그것은 꿈일 뿐)

 

하지만, 가장 중요한 것.

앱을 다운받게 하는 일은 상당히 어려운 일입니다.

멋지게 이쁘게 만들어도 다운로드하지 않으면...😥😥

 

개발비 또한 모바일 웹보다 부담이 되기 때문에 의사결정을 잘 내려야 합니다.

 

👍 모바일 웹과 모바일 앱을 한번에 해결하는 방법이 있죠.

하이브리드 앱으로 만드는 것입니다!

그러면 비용도 줄이고 웹과 앱을 만들 수 있습니다.

단, 다른 잘만들어진 앱처럼 힙(hip)하게 부드럽게 구현은 어렵습니다.

 

 

감사합니다.

728x90