만들면서 배우는 프로그레시브 웹 앱: 사용자 경험을 극대화하는 차세대 웹 앱 기술

11 프로그레시브 웹 앱 UX

- 333

$("#

offer

-

notification a

").

click

(

function

(

event

)

{

event

.

preventDefault

();

hideNotificationOffer

();

subscribeUserToNotifications

();

});

이 두 가지 변경 사항은 사소한 수정 사항입니다. 사용자가 권한을 부여하지 않았

다면, 사용자가 예약을 하는 즉시 더 이상

subscribeUserToNotifications()

을 호출하지 않습니다. 대신, 자체 알림

UI

를 보여주고, 사용자가 선택하는 경우

에만

subscribeUserToNotifications()

을 호출합니다.

이런 식으로 메시지의 ‘타이밍’은 사용자에게 실질적 이점을 제공할 수 있을 때만

메시지를 표시하는 방법으로 제어할 수 있습니다. ‘메시징’을 제어하여 사용자에

게 이점을 명확하게 설명합니다.

11.7

프로그레시브 웹 앱 디자인

앱이 구식 웹의 경계를 벗어나는 것과 같이 앱 디자인도 변화에 적응해야 합니다.

홈스크린 앱 아이콘에서 시작하여, 각 매체에서 가능한 최대한의 디자인을 지속적

으로 적용하고

(

예. 전체 화면의 프로그레시브 웹 앱에서 주소 창과 뒤로 가기 버튼 보여주지 않

기, 웹사이트 내에서의 화면 방향 변경 등

)

, 인터넷 연결 상태가 변경되더라도 ...