Skip to main content
Skip table of contents

이용자별 디바이스 전략

이용자별 디바이스 전략

기본 원칙

접속 환경에 따른 최적화된 화면을 표시하고, 대상이 목적을 명료하게 달성할 수 있도록 돕는 것을 원칙으로 합니다.

publ 서비스는 데스크톱 웹, 모바일 웹, 모바일 앱 등 다양한 디바이스에서 서비스를 제공하게 됩니다. 각 디바이스에서는 시스템의 환경이나 제약조건이 다르기 때문에, PDS는 플랫폼 디바이스를 고려하여 디자인 가이드를 제작 & 제시하고 있습니다. 따라서 화면을 구성하는 원리(레이아웃의 유형)이나 구성요소(컴포넌트), 텍스트 같이 시스템 환경을 고려해야 하는 가이드는 플랫폼 디바이스를 기준으로 제공됩니다.

한편, publ 서비스에서는 비즈니스를 시작하는 셀러와 사용자/회원이 모두 이용하게 됩니다. 각각의 주체는 목적이 다르기 때문에, PDS는 사용 주체를 고려하여 디바이스별 제공해야할 기능을 결정하고 색상을 선택하며, 글쓰기를 고려하게 됩니다.


Web

1. Desktop

셀러 대상 제품

  • 셀러에게 데스크톱 웹은 큰 화면에서 주요 관리를 수행할 수 있는 환경입니다. 다양한 기능과 정보를 탐색하고, 장기간 동안 앉아서 집중하여 작업할 수 있는 가장 쾌적한 환경이기 때문에 셀러는 데스크톱 웹을 메인 디바이스로 사용합니다. 

  • +Tablet : 셀러에게 태블릿은 작은 데스크톱 웹의 환경으로 취급합니다. 셀러는 전문적으로 서비스를 제공하므로, 가로형의 넓은 스크린으로 작업하는 것을 전제합니다.

사용자 대상 제품

  • 잠재적 구독자에게 데스크톱 웹은 publ의 채널을 접근할 수 있는 Entry Point 입니다. 외부 검색 엔진 등을 통해 신규 채널에 진입할 수 있으며, 구독하기 위해 결제가 가능합니다. 채널의 진입부터 콘텐츠 소비까지 이어지는 좋은 UX 경험을 제공할 수 있습니다.

  • 기존 구독자에게 데스크톱 웹은 집중하여 서비스를 이용할 때나, 고해상도로 시청하기 위한 보조 환경을 제공합니다.

  • 종합적으로, 회원 및 구독자에게 데스크톱은 결제 환경과 더 좋은 콘텐츠 소비 경험을 제공할 수 있는 단일 플랫폼 입니다.

2. Mobile

셀러 대상 제품

  • 셀러에게 모바일 웹은 줄 수 있는 가치가 많지 않습니다. 비즈니스를 제공하기에 적합한 환경이 아니므로, publ 팀은 당분간 제품을 제공하지 않을 예정입니다.

사용자 대상 제품

  • 잠재적 구독자에게 모바일 웹은 publ의 채널을 접근할 수 있는 Entry Point 입니다. 외부 검색 엔진 등을 통하거나 SNS 앱 등을 통해 신규 채널에 진입할 수 있으며, 구독하기 위해 결제가 가능합니다. 채널의 진입을 수행하고 간단한 콘텐츠 소비가 가능한 환경입니다.

  • 불편함은 피하되, 가장 기본적인 기능만 제공하고 채널구독이 완료되면 앱 다운을 유도합니다. 회원가입, 로그인, 그리고 회원정보 수정은 앱에서 이루어지지 않고 모두 모바일웹에서 이루어지게 됩니다.

  • 기존 구독자 / 회원에게는 간단한 정보 확인이나 행동을 위해 접속하는 용도로 사용되며, UA/I에 의해 계정 설정 변경'이나 '결제' 등을 위해서 사용하게 됩니다.

  • +Tablet : 사용자에게 태블릿은 모바일 웹의 환경으로 취급합니다. 사용자는 태블릿에서 웹을 사용할 때에도 간단한 정보를 확인하는데 사용합니다. 따라서 세로형의 스크린을 사용할 것을 전제합니다.


App

Mobile App

셀러 대상 제품

  • 셀러에게 모바일 앱은 푸시 메세지 등의 알림 역할을 줄 수 있으며, 이동 중에도 구독자에게 콘텐츠 & 서비스를 전달할 수 있는 수단입니다. 모든 기능을 제공하지는 않지만, 무선 환경(Code-free)에서 유용한 기능을 우선적으로 제공합니다. 이외의 관리 기능은 제한적으로 제공합니다.

사용자 대상 제품

  • 모바일 앱에서는 결제를 수행할 수 없습니다. 따라서, 결제를 갱신하거나 새로운 채널을 구독하기 위해서는 모바일 웹을 거쳐 구독을 수행할 수 있습니다. 이러한 과정이 복잡함으로 느껴지지 않도록 디자인 해야 합니다.

  • 잠재적 구독자에게 모바일 앱은 어떤 기능도 제공해줄 수 없습니다. publ 서비스에 가입할 수는 있지만, 아무런 활동을 할 수는 없습니다.

  • 구독자에게 모바일 앱은 콘텐츠를 적극적으로 소비할 수 있는 수단입니다. 실내, 야외, 이동 중에도 콘텐츠와 서비스를 즐길 수 있습니다. 따라서 디자인을 할 때에는 이러한 환경에서 완전히 집중하지 못할 상황에서도 쉽게 이용할 수 있게 고려해야 합니다.

  • +Tablet : 사용자에게 태블릿은 모바일 앱의 환경으로 취급합니다. 사용자는 태블릿에서 가장 최상의 콘텐츠 소비경험을 수행할 수 있습니다. 다만 모바일 앱과 별도의 제품으로 분리하기 전까지는 세로형의 스크린을 사용할 것으로 전제 합니다.


화면별 Breakpoint 및 Spec

Mobile
~767px (기준: 360px)

Tablet
768-1199px (기준: 768px)

Desktop Web
1200px~ (기준: 1200-1920px까지)

셀러 (S)

SA/I, SM

SW

SW

사용자 (U)

UM, UA/I

UM, UA/I
(768px까지 보장하는 디자인,
768이상은 보장하지 않는 디자인)

UW


디자인 시 고려해야할 화면 크기

Mobile

최소 사이즈 360px

Tablet

가로 사이즈 1080px

Web

1200~1920px 까지는 보장하는 디자인

xA/I - OS Orientation 제공하지 않음, 일부 화면에 관하여 가로모드를 사용할 수 있다.



문서 작성 정보

소유자 / 관리자

김혜진

변경 이력

  • 2021/11/11 : desktop, mobile web 통합에 따른 문서 수정 - 김혜진

  • 2021/08/28 : 기획 원칙 추가, 표현 변경 - 박윤규

  • 2021/08/27 : 디바이스별 원칙 추가 - 김혜원

  • 2021/08/24 : 문서제목 변경 - 박윤규

  • 2021/08/23 : 최초 문서 작성 - 김혜진

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.