PWA가 무엇인지 아십니까? 그들이 모바일 내비게이션을 뒤흔들 6가지 이유

게시 됨: 2022-05-06

지금 당장은 PWA가 정확히 무엇인지 대답하지 못할 수도 있습니다.

그러나 앞으로 몇 년 동안 이 용어를 꽤 자주 듣게 될 것입니다.

PWA는 스마트폰 앱과 관련된 신기술로 모바일 마케팅 전략 의 전환점이 될 수 있다 .

그리고 이것은 차례로 온라인 비즈니스에 영향을 미칩니다.

방법 또는 이유를 알고 싶다면 이 게시물에서 다음과 같이 알려줄 것이므로 세심한 주의를 기울이십시오.

  • PWA란?
  • 모든 전자 상거래(및 이미 사용 중인 상점의 예)에 대해 매력적인 이유
  • 이 신기술의 강점과 약점

준비가 된? 출발합니다.

목차

  • PWA가 무엇이고 왜 PWA에 대해 알아야 합니까?
    • 1. 웹 앱과 네이티브 앱
    • 2. PWA가 일반 앱과 다른 점은 무엇입니까?
  • 온라인 상점을 위한 PWA의 장단점
    • 1. 장점
      • ️ A. 초고속 로딩 속도
      • ️ B. 실제 반응형 디자인
      • ️ C. 향상된 사용자 경험 = 더 많은 판매
      • ️ D. 향상된 SEO 포지셔닝
      • ️ E. 귀하의 상점은 연중무휴로 작동합니다(인터넷 연결 없이도)
      • ️ F. 네이티브 푸시 알림
    • 2. 단점
      • ️ A. 제한된 기능
      • ️ B. 상점을 직접 만들 수는 없습니다.
  • 이제 전자 상거래에 대한 모든 잠재적인 PWA를 알게 되었습니다.

PWA가 무엇이고 왜 PWA에 대해 알아야 합니까?

PWA는 프로그레시브 웹 앱의 약자입니다.

그러나 앱 프로그래밍 및 디자인에 대한 개념이 없는 한 여전히 이것이 도대체 무엇을 의미하는지 궁금할 수 있습니다.

걱정하지 마세요. 이 게시물을 마치면 해당 주제에 대한 전문가가 되실 것입니다.

그러나 PWA(그리고 이것이 온라인 상점의 미래를 나타내는 이유)를 완전히 이해 하려면 기본부터 시작해야 합니다.

1. 웹 앱과 네이티브 앱

누군가가 "모바일 앱"이라고 말하면 휴대폰에 다운로드하여 설치하여 다른 기능을 추가하는 프로그램(예: WhatsApp)이 바로 떠오를 수 있습니다.

이를 "네이티브 앱"이라고 하며 모바일 장치용으로 특별히 설계되었습니다.

다른 한편으로는 여러분이 잘 알지 못하는 소위 "웹 앱"도 있습니다.

그리고 그것들 중 많은 것들이 당신이 그것들을 사용하는 동안 눈에 띄지 않게 가도록 되어 있기 때문에 그것은 완전히 괜찮습니다. 다운로드 가능한 앱이 아닙니다. 대신 스마트폰의 브라우저에서 실행됩니다.

예를 들어? 글쎄요, 트위터와 페이스북 모두 그것들을 사용합니다.

즉, 휴대전화의 브라우저(기본 앱이 아닌)를 통해 해당 사이트 중 하나에 로그인할 때마다 실제로 보고 있는 것은 웹사이트가 아니라 웹 앱이라는 의미입니다.

이것들은 우리가 최근까지 가지고 있던 두 가지 주요 유형의 앱이었지만 PWA가 등장했습니다.

2. PWA가 일반 앱 과 다른 점은 무엇 입니까?

차이점보다는 공통점에 대해 이야기해야 합니다.

프로그레시브 웹 애플리케이션은 모든 장치에서 작동하는 앱으로 기본 앱과 웹 앱의 모든 특전을 포함합니다.

여기 예가 있습니다.

대신 PWA를 사용하도록 현재 웹사이트(WordPress, PrestaShop 또는 기타 CMS 기반)를 변경하기로 결정했다고 상상해 보십시오.

온라인 상점은 URL과 모든 것이 있는 일반 웹사이트처럼 보이지만 내부 기술은 모바일 앱에서 사용하는 것과 같습니다.

맞습니다. 하지만 왜 그렇게 하고 싶습니까? 다음은 예시입니다.

거대 소매업체인 Alibaba는 기존 웹사이트를 PWA로 교체하고 모바일 전환율을 76% 증가 시켰습니다 .

이는 이러한 새로운 앱이 제공하는 많은 이점 중 하나일 뿐입니다.

온라인 상점을 위한 PWA의 장단점

기술로 충분합니다. 당신이 정말로 듣고 싶은 이야기로 넘어가겠습니다. 왜 당신의 전략을 위해 PWA를 진지하게 고려해야 하는지입니다.

다른 기술과 마찬가지로 이러한 앱에는 몇 가지 단점뿐만 아니라 많은 장점이 있습니다.

그리고 동전의 양면을 제시하여 사용 여부를 결정할 수 있습니다.

1. 장점

프로그레시브 애플리케이션의 장점부터 시작하겠습니다.

️ 에이 . 초고속 로딩 속도

전자 상거래를 위해 빠르게 로드되는 웹 사이트가 얼마나 중요한지(그리고 느린 사이트가 판매를 얼마나 죽일 수 있는지) 이미 알고 있습니다.

그러나 모바일 장치에서 달성하기가 더 어렵다는 것도 알고 있습니다.

부분적으로는 피할 수 없습니다. 컴퓨터는 항상 전화보다 강력 하므로 후자의 로딩 속도는 항상 느릴 것입니다.

그러나 이것이 바로 PWA를 흥미롭게 만드는 이유입니다.

모바일 앱으로 제작되었기 때문에 처리 측면에서 매우 효율적입니다.

디자인 방식으로 인해 매우 가벼운 도구가 되었습니다. 즉, 모바일 장치는 HTML 코드 페이지를 로드하는 것과 비교하여 많은 리소스를 사용할 필요가 없습니다.

그리고 여기서 두 번째 포인트가 작용합니다.

️ B. 실제 반응형 디자인

모든 화면 형식에 적응하는 웹사이트에 대한 이러한 아이디어는 새로운 것이 아닙니다. 사실 구글은 꽤 오래전부터 반응형 디자인이 없는 웹사이트에 대해 제재를 가해왔다.

문제는 이 기술이 아직 완벽하지 않다는 것입니다.

때로는 잘 설계된 템플릿을 사용하더라도 특정 장치(예: 구형 모델 또는 화면 크기가 일반적이지 않은 장치)에서 제대로 작동하지 않는 경우가 있습니다.

텍스트가 화면 용량을 초과하여 읽기가 불편하거나 적절한 위치에 있지 않아 누를 수 없는 클릭 유도문안 버튼이 있을 수 있습니다.

이러한 불편함이 세상의 끝은 아니지만 이러한 종류의 실수는 사용자 경험 에 부정적인 영향을 미칠 수 있습니다 .

글쎄, PWA도 그것을 바꿀 것입니다.

사용자와 웹페이지의 연결을 용이하게 하기 위해 반응형 디자인은 페이지의 컴퓨터 기반 HTML 코드를 스마트폰 화면에 적용합니다.

그러나 PWA는 전화 기반 기술을 기반으로 합니다.

결과적으로 모든 장치(컴퓨터, 스마트폰 또는 태블릿)에 대한 적응이 훨씬 더 정확합니다.

그리고 방정식에 놀라운 로딩 속도를 추가하면...

️ C. 향상된 사용자 경험 = 더 많은 판매

알리바바의 성공은 운이나 우연과는 거리가 멀다.

아시다시피 웹사이트의 사용자 경험은 사용자를 클라이언트로 전환하는 데 중요한 역할을 합니다.

뿐만 아니라 대부분의 사용자가 휴대전화에서 온라인 쇼핑을 하므로 모바일 경험을 개선하는 시스템은 어떻게 보든 성공의 비법입니다 .

️ D. 향상된 SEO 포지셔닝

우리가 당신에게 말한 모든 후에 당신이 궁금해 할 수있는 것이 있습니다.

" 앱이라면 Google에서의 내 위치는 어떻게 되나요? "

그것이 밝혀지면서, 그것은 꽤 많이 향상됩니다.

결국 PWA는 여전히 웹페이지이고 Google의 로봇은 다른 모든 페이지와 마찬가지로 소스 코드를 읽고 색인을 생성할 수 있습니다.

빠른 로딩 속도, 매우 유연한 디자인, 향상된 사용자 경험과 같은 다른 SEO 결정 요소와 결합하면 설정이 완료됩니다.

사실, PWA 전자 상거래 상점은 SERP와 관련하여 이점이 있을 수 있습니다.

️ E. 귀하의 상점은 연중무휴로 작동합니다(인터넷 연결 없이도)

이것이 웹사이트와 PWA의 주요 차이점입니다.

온라인 방문자가 인터넷 연결을 끊으면 오류-404 메시지가 나타납니다. 이와 대조적으로 PWA를 사용하면 여전히 탐색을 계속할 수 있고 기본 앱인 것처럼 대부분의 기능을 사용할 수 있습니다.

즉, 카탈로그에 계속 액세스할 수 있으며 평소처럼 알림을 계속 받을 수 있습니다.

유일한 차이점은 온라인 옵션을 사용할 수 없으므로 주문할 수 없다는 것입니다. 그러나 예를 들어 연결이 복원되면 장바구니에 제품을 계속 추가할 수 있습니다.

️ F. 네이티브 푸시 알림

플러그인을 설치해야 하는 웹사이트와 달리 PWA에는 푸시 알림을 생성하는 자체 시스템이 있습니다.

그리고 그 뜻은:

  • 모든 장치에서 작동합니다 . 웹사이트, 전화 또는 웨어러블 장치(예: 스마트워치)에 상관없이 아무 것도 설치하거나 개발자가 수행하도록 할 필요가 없습니다.
  • 위치를 지정할 수 있습니다. PWA는 GPS를 포함하여 휴대전화의 나머지 애플리케이션과 연결할 수 있습니다. 이 기능을 최대한 활용하는 좋은 방법은 고객이 실제 매장 근처에 있을 때 현재 제안에 대해 알려주는 알림을 보내는 것입니다. 제품이 해외에서 판매되는 경우 계정이 없는 사용자에게도 국가별로 알림을 분류할 수 있습니다.

보시다시피, PWA는 적절하게 사용될 때 엄청난 잠재력을 발휘합니다.

2. 단점

이제 단점을 분석할 차례입니다.

'단점'이라기 보다는 그런 신기술이 아직 부족한 몇 가지 측면을 이야기해야 합니다.

한번 봅시다.

️ A. 제한된 기능

PWA 기술은 여전히 ​​미개척 상태입니다.

따라서 그들의 사용은 여전히 ​​​​제한적입니다. 예를 들어 기본 앱과 달리 PWA는 여전히 전화 카메라에 액세스할 수 없습니다.

그러나 시간이 해결해 줄 것입니다.

️ B. 상점을 직접 만들 수는 없습니다.

이것이 가장 큰 단점이라고 할 수 있습니다.

당분간은 추가 발전이 있을 때까지 PWA에 해당하는 CMS가 없습니다.

즉, WordPress, PrestaShop 또는 Magento와 같은 플랫폼을 다운로드하고 온라인 상점을 직접 만들 수 없습니다. 개발자에게 요청해야 합니다.

다시 말하지만, 이것은 아마도 미래에 바뀔 것입니다.

이제 전자 상거래에 대한 모든 잠재적인 PWA를 알게 되었습니다.

하지만 그렇다고 해서 프로그래머에게 직접 가서 온라인 스토어를 프로그레시브 앱으로 바꿔달라고 요청해야 합니까?

반드시는 아닙니다.

개선의 여지가 많은 새로운 기술이지만 계속 주시해야 합니다.

그 동안 다음과 같이 웹사이트의 사용자 경험에 영향을 미치는 모든 측면에 대한 작업을 계속해야 합니다.

  • 모바일 친화적인 디자인
  • 좋은 사용성
  • 간단한 결제 과정
  • 스마트 내부 검색 엔진(사용자를 지원하면서 매출 성장을 촉진하는 엔진)

당신은 우리가 당신에게 충분한 숙제를주지 않았다고 말할 수 없습니다.