오늘의 UXUI 아티클 스터디: 어떤 앱으로 만드는 게 좋을까

1. 아티클 이름

어떤 앱으로 만드는 게 좋을까

송해원 / 2023.07.16.

어떤 앱으로 만드는 게 좋을까

2. 아티클 정보 요약

네이티브 앱

정의

• 모바일 기기에 최적화된 언어로 제작된 앱
• 각 OS의 네이티브 언어로 개발한 앱
• PC에서 실행할 수 없음
• Android: Java, Kotlin
• IOS: Objective-C, swift

예시)

카카오톡(메신저), 스타벅스, 인스타그램

➡︎ 놀라운 디자인, 사용성을 보인다면 대부분 네이티브 앱: 보바일 앱에 집중한 제품으로,
앱 개발에 비용과 투자를 아끼지 않고 네이티브로 개발했을 것

 

장점

• 퀄리티, 퍼포먼스가 좋음: 동적인 효과를 구현하기에 알맞고, 속도가 빠르며 안정적
• 스마트폰의 다양한 기능에 대한 접근이 자유로움: 카메라, 사진, 주소록, 캘린더, 녹음, 위치 기능 등
• 다양하고 창의적인 디자인 가능: 높은 사양의 그래픽을 사용

단점

• 개발 시간, 비용이 많이 듦: OS마다 개발자 개별 체용, 각 버전 따로 제작
• 배포 속도가 느림: 사용자가 직접 App store, Play store에서 업데이트 해야 함 + 개발하며 지속적 심사를 받고 통과해야 함 (번거로움)
• 용량을 많이 차지: 사용자의 스마트폰에서 차지하는 용량이 많음

모바일 웹&웹 앱

정의

모바일웹

• 모바일 화면에 맞게 구성한 웹
• 브라우저(safari, Chrome 등)에 URL을 입력하여 들어가는 웹
• 예) Chrome에서 보는 네이버, Chrome에서 보는 인스타그램, Chrome에서 보는 노션 등

웹 앱

• 모바일웹과 근본적으로 같으나, 겉모습, 구동 방식을 앱처럼 보이게 한 앱
• 앱 껍데기를 쓴 웹
• 예) 홈 화면에 추가한 인스타그램

인스타그램을 통한 네이티브 앱&웹 앱&모바일 앱의 차이
네이티브 앱: 스토리 올릴 시 다양한 효과(부메랑 등의 영상 효과, 편집 기능, 꾸미기 기능 등)을 사용 가능 + 인스타 라이브 가능
웹 앱, 모바일 웹: 스토리로 사진 올리기만 가능(편집 효과 사용 불가), 라이브 불가

장점

• 개발 시간, 비용이 가장 적음: Android, ios 동시 개발 가능 (HTML, CSS, JS 등 웹 개발 언어만 알아도 충분히 개발 가능
• 사용자가 앱을 설치할 필요가 없음: 업데이트 불 필요, 보수 용이
• 모든 기기와 브라우저에서 사용 가능: 반응형으로 제작, PC, 태블릿, 모바일 사이즈 모두에서 사용 가능

단점

• depth가 깊음: 사용자가 검색, url입력 등을 통해 들어와야 함
• 스마트폰 OS 제공 기능 활용 불가: 카메라, 마이크, 푸시 알람 등 기기 접근 불가
• 속도가 느리고 퍼포먼스가 좋지 않음

하이브리드 앱

정의

• 웹을 기반으로 앱의 기능을 차용한 형태의 앱
• 앱(패키징) 안에 웹 뷰를 불러오는 방식
• 웹 앱, 네이티브 앱의 장점을 모두 얻기 위한 앱
• 예) 카카오톡, 네이버, 크롬, 티몬 등

장점 (네이티브 기준)

• 사용자 업데이트 필요가 없음: 웹 상의 업데이트가 자동 반영됨
• 앱 용량 비교적 가벼움
• 앱 웹 API 모두 사용 가능

장점 (웹 앱 기준)

• 기기에 접근하기 위해서는 결국 네이티브 앱 개발 지식 필요
• 앱 성능은 네이티브보다 떨어짐

 

리소스, 비용 관련

• 하이브리드앱: 웹 뷰, 사용하는 앱 기능 정도에 따라 다양한 모습을 보이는 만큼, 리소스, 비용에도 큰 변동이 있음
• 네이티브 앱: 기기 기능에 접근하여 높은 퍼포먼스를 보이는 네이버의 경우 막대한 리소스가 듦
• 웹 앱& 모바일 앱: 웹 뷰가 대부분을 차지하고 기기 기능에 거의 접근하지 않는 노션에 경우 리소스가 훨씬 적게 들어감

정리

앱의 퍼포먼스. 디바이스 접근 기능 중요 및 충분한 리소스, 능력 있는 개발자? 

네이티브 앱

 

리소스(시간, 비용)이 지극히 제한적이며, 업데이트가 잦은 제품?

모바일 웹, 웹앱

 

일부 디바이스 접근 기능 필요 및 쉬운 유지, 보수, 업데이트를 위해서는?

하이브리드 앱

 

3. 인사이트

• 네이티브 앱이 반응형으로 조절이 가능하다는 것은 나오지 않음
  ➡︎ 네이티브 앱에서 조절이 되지 않는다면, 일부러 작은 사이즈로 제작하여 디자이너가 크기를 키우는 방식으로 디자인하는 것이 아닐까하는 새로운 가설 설정