• 내 친구목록에 있는 친구들에게 각기 다른 프로필을 보여줄 수 있는 기능
• 친구가 내 멀티프로필을 보도록 설정하면, 그 친구는 해당 멀티프로필로만 볼 수 있음
• 신원 증명 기반 서비스 : 카카오 지갑 서비스에서 본인 인증 필수

문제점

• 멀티 프로필 사용 동기 : 사회적 관계에 따라 구분
• 현재 사용안
  • 일일히 프로별 별로 선택
  • 채팅방별 사람 목록
• 같은 채팅방 내에서도 친함의 정도는 서로 다를 수 있음

개선안

• 프로피
  • 미리 친구 목록 구분 시 멀티 프로필 별로 직관적인 확인 가능

유저 스토리

고객(사용자)은 목적(목표)를 위해서 필요(욕구)를 원한다

멀티 프로필을 구분해서 사용하고 있는 고객은 / 사회적 관계별로 프로필을 나누기 위해서 / 친구 폴더를 만들어 사용하기를 원한다.

백로그

이해관계자

1. 경영진
   • 멀티프로필 기능 개선으로 확인할 수 있는 지표
   • 개선 비용
2. CS
   • 개선 이후 예상, 실제 감소 VOC
3. 디자인
   • 개선 디자인 방안
4. 개발
   • 개선 상세 기능 방안

유의점

• 멀티 프로필 : 카카오 지갑 가입 유도를 위한 기능으로 보여짐
• 개선을 통해서 지갑 가입 증가 수치 역시 확인 필요

REST

• REpresentational State Transfer
  • a way of providing interoperability between computer systems on the Internet. (상호 운용성)

어떻게 인터넷에서 정보를 공유할 것인가? -> 정보들을 하이퍼 텍스트로 연결

• 표현 형식 : HTML
• 식별자 : URI
• 전송방법 : HTTP

"How do I improve HTTp without breaking the Web?, 웹을 망가뜨리지 않고 어떻게 http 기능을 증가시킬 수 있을까?"

RESTful API

• REST API : REST 아키텍처를 따르는 API
• REST : 분산 하이퍼미디어 시스템(ex. 웹)을 위한 아키텍처 스타일
  • 아키텍처 스타일 : 제약 조건의 집합
  • REST에서 정의한 제약 조건을 모두 지켜야 REST를 따른다고 말할 수 있다
• REST 구성 스타일
  1. Client-Server
  2. Stateless
  3. Cache
  4. Uniform Interface
  5. Layered System
  6. Code-on-Demand (optional) : 서버에서 코드를 클라이언트로 보내서 실행할 수 있어야 한다 → 자바스크립트

HTTP만 잘 따라도 Client-Server, Stateless, Cache, Layered System 지킬 수 있음

• Uniform Interface
  • Identification of resources : URI로 리소스가 식별되면 된다
  • Manipulation of resources through representations : representation 전송을 통해서 리소스를 조작 -> 리소스를 만들거나 삭제, 수정할 때 http 메시지에 그 표현을 전송
  • Self-descriptive messages
  • Hypermedia as the engine of application state(HATEOAS)
• Self-Descriptive Messages : 메시지는 스스로를 설명해야 한다.
  • 오늘날의 REST API는 상당히 이를 만족하지 못하고 있다. 대부분 미디어 타입에는 그냥 json이라고만 되어있고 이를 어떻게 해석해야되는지는 명시가 되어있지 않다.
• HATEOAS : 애플리케이션의 상태는 Hyperlink를 이용해 전이되어야 한다.

• 자원(resource)의 표현(representation)에 의한 상태 전달
• CRUD (Create, Read, Update, Delete) 연산 수행 -> URI (Resource)로 Method (POST, GET, PUT, PATCH, DELETE) 요청 => 자원 : Representation of Resource로 표현
• 자원 (Resource) : URI
  • 고유 ID : HTTP URI
  • 클라이언트 : URI 활용 -> 자원 지정, 해당 자원 상태(정보) 조작을 서버에 요청
• 행위 (Verb) : Method
  • HTTP Protocol (GET, POST, PUT, PATCH, DELETE)
• 표현 (Representation of Resource)
  • 클라이언트 ~ 서버 데이터 송수신 형태
  • JSON, XML, TEXT, RSS

카카오 로컬

• URL 구조, GET Method 사용, JSON, XML Return

주소 검색하기

주소를 지도 위에 정확하게 표시하기 위해 해당 주소의 좌표 정보를 제공하는 API

• 주소에 해당하는 지번 주소, 도로명 주소, 좌표, 우편번호, 빌딩명 등의 다양한 정보를 함께 제공

Request

URL

GET /v2/local/search/address.${FORMAT} HTTP/1.1
Host: dapi.kakao.com
Authorization: KakaoAK ${REST_API_KEY}

Parameter

Response

• meta
• document
• address
• RoadAaddress

Sample

• URL

  curl -v -X GET "https://dapi.kakao.com/v2/local/search/address.json" \
  -H "Authorization: KakaoAK ${REST_API_KEY}" \
  --data-urlencode "query=전북 삼성동 100" 

• Response

  HTTP/1.1 200 OK
  Content-Type: application/json;charset=UTF-8
  {
  "meta": {
    "total_count": 4,
    "pageable_count": 4,
    "is_end": true
  },
  "documents": [
    {
      "address_name": "전북 익산시 부송동 100",
      "y": "35.97664845766847",
      "x": "126.99597295767953",
      "address_type": "REGION_ADDR",
      "address": {
        "address_name": "전북 익산시 부송동 100",
        "region_1depth_name": "전북",
        "region_2depth_name": "익산시",
        "region_3depth_name": "부송동",
        "region_3depth_h_name": "삼성동",
        "h_code": "4514069000",
        "b_code": "4514013400",
        "mountain_yn": "N",
        "main_address_no": "100",
        "sub_address_no": "",
        "x": "126.99597295767953",
        "y": "35.97664845766847"
      },
      "road_address": {
        "address_name": "전북 익산시 망산길 11-17",
        "region_1depth_name": "전북",
        "region_2depth_name": "익산시",
        "region_3depth_name": "부송동",
        "road_name": "망산길",
        "underground_yn": "N",
        "main_building_no": "11",
        "sub_building_no": "17",
        "building_name": "",
        "zone_no": "54547",
        "y": "35.976749396987046",
        "x": "126.99599512792346"
      }
    },
    ...
  ]
  }

네이티브 앱

• 모바일 기기 최적화 언어로 개발
• Android SDK로 Java 언어, iOS SDK로 Swift 언어
• 장점
  • Android, iOS 기반 API 개발 -> 빠른 속도, 안정적인 동적 효과, 고성능 그래픽 구현 (2D, 3D, AR)
  • 성능이 좋음
  • 디바이스 전체 접근 권한 자유 (플랫폼, 모바일 기기 API 사용)
  • 타사 시스템 의존 X, 보안 문제 축소
• 단점
  • Android (Java, Kotlin), iOS (Swift, Objective-C) 각각 다른 언어로 개발 -> 구축 시간, 비용
  • 수정, 추가 개발 시 스토어에 심사 요청, 승인 필요
  • 용량 high

모바일 웹

• 별도 설치 X -> 브라우저에서 이용
• PC 홈페이지를 모바일 스크린 크기에 맞게 줄임
  • 반응형 : 웹 브라우저 크기에 따라 자동으로 구성 요소의 크기, 구조 변경
  • 적응형 : 접속 기기 종류 인식 -> 자동으로 구성 요소 크기, 구조 변경
• 장점
  • OS에 맞춘 별도 플랫폼 X, 표준 웹 언어 (HTML, CSS, JS, PHP, ASP) -> 리소스, 비용, 시간 low
  • 수정 사항 -> 업데이트 필요 X
• 단점
  • 검색 엔진, URL을 통한 접근 -> 접근성 low
  • 플랫폼, 모바일 기기 API (카메라, 마이크, 푸시 알림) 활용 X, 브라우저 API만 사용 가능

웹 앱

• 모바일 웹 + 네이티브 앱 (주소창 가리기, 아이콘)
• 웹 기술로 개발, 모바일 브라우저에서 실행 -> 풀 브라우저 X, 단일 페이지 방식 => 속도 빠름
• 장점
  • OS에 맞춘 별도 플랫폼 X, 표준 웹 언어 (HTML, CSS, JS, PHP, ASP) -> 리소스, 비용, 시간 low
  • 수정 사항 -> 업데이트 필요 X
  • 모든 기기, 브라우저에서 접근
• 단점
  • 검색 엔진, URL을 통한 접근 -> 접근성 low
  • 기능 제한 -> 터치 앱 개발 low
  • 플랫폼, 모바일 기기 API (카메라, 마이크, 푸시 알림) 활용 X, 브라우저 API만 사용 가능

하이브리드 앱

• 네이티브 개발 + 웹 개발 -> 웹 기반 앱 기능 차용
• 네이티브 앱에 view로 웹 앱 실행
• 기본 기능 : 웹 문서 (HTML), 패키징 : 모바일 OS 별 구현 -> 스토어에서 다운로드
• 장점
  • 기기 저장 파일, 모바일 기기 API, 브라우저 API 모두 사용 -> 다양한 개발
  • 앱 안에 웹 페이지 -> 웹 상에 수정 사항 : 유지, 보수 high, 업데이트 필요 X
  • iOS, Android 동일 웹 페이지 사용 -> 개발 비용, 시간 low
  • 용량 low
• 단점
  • 네이티브 개발 지식 필요
  • 각 디바이스 특정 기능 사용에 문제 : OS 업데이트 시
  • UI 디자인 취약 (UI 프레임도구 미 사용 시 직접 제작 필요), 동적 요소 구현 low -> 성능 low
  • 오프라인 작동 X -> 네트워크 환경, 웹 사이트 용량 중요
  • 시스템 브라우저 보안에만 의존

Flutter, React Native

하나의 코드 베이스로 Android, iOS 모두 동작되는 앱 구현

HTML : 구조 CSS : 표현 JavaScript : 동작, 기능 (행동)

HTML (Hyper Text Markup Language)

웹 컨텐츠의 의미와 구조 정의

• Hyper : 정보가 다중으로 연결
• Hyper Text : 참조(하이퍼링크)를 통해 한 문서에서 다른 문서로 즉시 접근 가능한 텍스트 (비선형적 텍스트)
• Markup
• Language : 태그를 이용하여 데이터 구조 명시 -> HTML, Markdown

기본 구조

<!DOCTYPE html>
<html lang="ko">
<head> <!-- 문서 정보, 브라우저에서 보이지 X, CSS 선언, 외부 로딩 파일 지정 -->
    <meta charset="UTF-8"
    <title>Document</title>
</head>
<body> <!-- 브라우저에 보임, 실제 내용 -->

</body>
</html>

DOM(Document Object Model) 트리

• 구조화된 표현 (Structured Representation) 제공, 언어가 DOM 구조에 접근 방법 제공 -> 문서 구조, 스타일 내용 변경
• 동일한 문서 표현, 저장, 조작 방법 제공
• Web Page의 객체 지향 제공

요소 (Element)

<h1>contents</h1> <!-- 여는/시작 태그, 닫는/종료 태그 -->

• 태그와 내용
• 태그 : 내용을 감싸는 것, 정보 성격과 의미 정의
• 내용 X 태그 : br, hr, img, input, link, meta
• 중첩 가능 : 오류 반환 X, 레이아웃이 깨진 상태로 출력 -> 디버깅 힘듦

속성 (Attribute)

<a href="https://google.com"></a> <!-- 속성명="속성값", 공백 X, "" -->

• 태그 부가적인 정보 설정 -> 경로, 크기
• 요소 시작 태그에 작성, 이름과 값이 한 개의 쌍
• 태그와 상관 없이 사용 가능한 속성 (HTML Global Attribute)
  • id, class / hidden / lang / style / tabindex / title

시맨틱 태그

• non semantic : div, span
• header (머릿말), nav (내비게이션), aside (사이드, 메인과 관련성 적은), section (일반적인 구분, 컨텐츠 그룹 표현), article (독립적으로 구분되는 영역), footer (마지막 부분)
• '의미' -> 가독성, 유지 보수

CSS (Cascading Style Sheet)

스타일, 레이아웃을 통해 문서 표시 방법 지정

h1 { /* 선택자 */
    color: blue /* 속성(property): 값(value) */
    font-size: 15px
}

Box Model

• box-sizing : content-box
  • padding 제외 순수한 contents 영역
• border-box로 설정

• 마진 상쇄 : block A top, block B bottom margin이 큰 margin value로 결합(겹침)

Display

1. Block
   • 줄 바꿈
   • 화면 크기 전체 가로 폭
   • Block 안 Inline 가능
2. Inline
   • 줄 바꿈 X
   • Content 너비만큼 가로 폭
   • width, height, margin-top, margin-bottom 지정 X
   • 상하 여백 : line-height
3. Inline-Block
   • block, inline 모두
   • inline처럼 한 줄에 표시 가능
   • block처럼 width, height, margin 모두 지정 O
4. None
   • 화면에 표시 X, 공간 X
   • hidden : 공간 O, 표시 O

Position

• static : 기본 값 (기준 위치)
• relative
  • 자기 자신 static 위치 기준
  • 차지 공간 : static과 same
• absolute
  • 간 차지 X
  • 가장 가까이 있는 부모 요소 기준 이동
  • 과거 위치 공간 : 존재 X -> 독자적
  • 격리된 UI 기능 제작
• fixed
  • 공간 차지 X
  • Viewport 기준 이동
  • 스크롤 시에도 항상 같은 곳에 위치

JavaScript

• 브라우저
  • 웹 서버에서 이동, 클라이언트 ~ 서버 양방향 통신
  • HTML 문서, 파일 출력 GUI 기반 SW
  • 인터넷 컨텐츠 검색, 열람
• JavaScript 필요성
  • 브라우저 화면 동적
  • 브라우저 조작 유일 언어
• 브라우저 기능
  • DOM 조작
    • 문서 (HTML) 조작
  • BOM 조작
    • navigator, screen, location, frames, history, XHR
  • JavaScript Core (ECMAScript)
    • Data Structure (Object, Array), Conditional Expression, Iteration

DOM (Document Object Model)

• DOM
  • HTML, XML 문서 다루는 문서 프로그래밍 인터페이스
  • 문서 구조화, 구조화된 구성 요소 -> 하나 객체로 취급 : 논리적 트리 모델
  • 각 요소 -> 객체 (object) 취급
  • 단순 속성 접근, 메서드 활용 + 프로그래밍 언어적 특성 활용
  • 주요 객체
  • 해석
    • 파싱 (Parsing) : 구문 분/해석 -> DOM Tree 제작 과정
  • 조작
• BOM
  • Browser Object Model
  • JavaScript ~ Browser 소통 모델

조작

• 순서 : 선택 (Select) -> 변경 (Manipulation)
• 상속 구조
  • EventTarget : Event Listener 가질 수 있는 객체가 구현한 DOM 인터페이스
  • Node : 여러 가지 DOM 타입들이 상속하는 인터페이스
  • Element : Document 안 모든 개체 상속 -> 가장 범용적 기반 클래스 => 부모 Node, 그 부모 EventTarget 속성 상속
  • Document : 브라우저 불러온 웹 페이지, DOM 트리 진입점 (entry point)
  • HTMLElement : 모든 종류 HTML, 부모 element 속성 상속
• 선택
• 변경
  • Creation
    • Document.createElement() : 작성한 태그 명 HTML 생성 반환

Event

~하면 ~한다

• handler

  

• 취소

  • Event.preventDefault() : 현재 이벤트 기본 동작 중단

서핏

커리어 지식 플랫폼

HTML

<html lang="ko">
<head>...</head>
<body class="body-scrollbar theme-light is--loaded">...</body>
</html>

1. header

<header class="header-comp">
    <div class="header-inner">
        <div class="global-menu-area">...</div>flex
        <div tableindex="-1" class="sub-menu-area">...</div>
    </div>
</header>

• global-menu

  

2. main banner

   

3. nav

   

4. content

   

CSS

• nav

  

JavaScript

간편 송금 서비스 '토스'에서 '토스 증권' 서비스 출시 이후 성공적인 가도를 달리고 있으며, 고객 구성은 디지털 서비스에 친숙하고 코로나 팬데믹 이후로 '동학개미운동'이라 불리는 주식 투자 열풍의 주역인 2030 세대가 다수를 차지한다. 이 세대에 대한 데이터 시각화를 진행해 보려 한다. 해당 분석은 pandas, numpy, pyplot, seaborn으로 진행되었다.

import pandas as pd
import numpy as np
import matplotlib.pyplot as plt
import seaborn as sns

from PIL import Image

plt.style.use('ggplot')

# 한글 폰트
from matplotlib import font_manager, rc
font_name = font_manager.FontProperties(fname = "c:/Windows/Fonts/malgun.ttf").get_name()
rc('font', family = font_name)

import matplotlib as mpl
mpl.rcParams['axes.unicode_minus'] = False

cus_info = pd.read_csv('./리그2/2_cus_info.csv') # 고객 정보
act_info = pd.read_csv('./리그2/2_act_info.csv') # 계좌 정보
iem_info = pd.read_csv('./리그2/2_iem_info.csv') # 종목 정보
trd_kr = pd.read_csv('./리그2/2_trd_kr.csv') # 국내 주식 매매 정보
trd_oss = pd.read_csv('./리그2/2_trd_oss.csv') # 해외 주식 매매 정보

# 고객 자산 등급 - '해당 없음' == 06
tco_lst = []
for i in cus_info.tco_cus_grd_cd:
    if (i == '_ ') | (i == '09'):
        i = '06'
        tco_lst.append(i)
    else:
        tco_lst.append(i)

cus_info['tco_cus_grd_cd'] = tco_lst

# 투자성향
ivs_lst = []
for i in cus_info.ivs_icn_cd:
    if i == '01':
        i = '안정형'
        ivs_lst.append(i)
    elif i == '02':
        i = '안정추구형'
        ivs_lst.append(i)
    elif i == '03':
        i = '위험중립형'
        ivs_lst.append(i)
    elif i == '04':
        i = '적극투자형'
        ivs_lst.append(i)
    elif i == '05':
        i = '공격투자형'
        ivs_lst.append(i)
    elif i == '09':
        i = '전문투자자형'
        ivs_lst.append(i)
    else:
        i = '기타'
        ivs_lst.append(i)

cus_info['ivs_icn_cd'] = ivs_lst

데이터 시각화

주식시장 전체 고객 분포

자산 100만원 이상, 거래 횟수 1회 이상 10000명

1. 성별 : 남성이 여성보다 2000명 가량 high
2. 연령 : 2030 세대보다 4050 세대 투자자 비율 high
3. 자산 등급 : 낮아질수록 투자자 수 high
4. 투자 성향 : 안정형보다 적극형 high

계좌 현황

• 계좌 1개인 고객 : 1만명 중 5075명
  • 기존 : 2781명 / 신규 : 2294명
• 2019년도 6월 이후 2030 계좌 개설 비율 증가
• 2030 신규 가입자 >= 4060 신규가입자

투자 성향 및 자산 등급

투자 성향

• 2030 : 고른 분포 / 4060 : 적극, 위험 중립에 많은 분포

자산 등급

• 자산 등급이 낮을수록 인원 high
• 4060이 중위 등급 인원 high

투자 성향별 자산 등급

• 2030 : 안정 지향 우선

거래 양상

자산 등급별 거래 규모

• 1등급 : 인원에 비해 투자 규모 high
• 5,6등급 : 인원에 비해 투자 규모 low

투자 성향별 거래 규모

국내 및 해외 주식

국내 주식

2030

• 삼성, 제약, IT, 자동차 업종

4060

• 여러 종목 분포, 히트맵 차이 low

해외 주식

2030

• 테슬라 비중 high
• IT, 항공, 펀드 선호

4060

• 자산 분포 다양
• 중국 주식

제품의 성장 단계와 서비스 유형별에 맞는 제품 분석 방법론

1. 공감

   고객이 문제 해결에 돈을 쓸 것인가

   • 많은 사람이 돈을 지불할 수 있는 방식으로 해결할 수 있는 문제 찾기
   • 탐색, 개방적 대화로 데이터 쌓고 이후 정량화
   • 대규모 응답을 얻을 방법 고민

2. 흡인력

   Engagement : 제품에서 시간을 쓰고, 자주 방문

   • 문제 해결 입증 : 고객이 이 제품을 구매하는 것이 확실한가
   • Cohort Analysis

3. 바이럴

   • 기존의 전염된 사용자들이 새 사용자들에게 서비스를 퍼뜨리는 것
   • 바이럴 주기
   • 미래 성장 예측 선행 지표
   • 유형
     • 내재 : 자연스럽게
     • 인위 : 보상 바탕
     • 구전효과 : 많은 얼리어답터 생성

4. 매출

   • 고객이 지갑을 열 것인지
   • 수익 - 고객 확보 비용
   • 실제 사업성 입증 단계

5. 확장

   • 판매 유통 비용 회수
   • 효율성 vs 차별

리멤버

무료 모바일 앱

개념

• 대부분의 매출은 소수의 사용자에게서 발생 -> 별도의 고객군으로 분류하고 분석

리멤버

• 일반 사용자

  • 명함 등록 : 인맥 관리, 스카웃 제안

    

![Scout](https://velog.velcdn.com/images/stop_yes/post/41925289-40c1-4762-ad6e-d423615c6cf6/image.png)

- 커뮤니티 : 커리어 고민, 직장 생활 노하우 공유

![Community](https://velog.velcdn.com/images/stop_yes/post/efd1af7c-7d2c-42ad-b125-63a88198758a/image.png)

- 나우 : 전문가들의 경제 브리핑, 분야별 트렌드 콘텐츠

![Now](https://velog.velcdn.com/images/stop_yes/post/6baf9c93-8fa7-429d-9849-7120c2999caf/image.png)

• 기업 서비스 : 매출 발생

  • 채용 솔루션 : '명함'을 가지고 있는 경력직 채용 -> 인재 검색, 타겟 공고 등 차별화된 솔루션

    

    

  • 광고 : 산업, 부서, 직급, 회사 규모, 기업 주소 기반 정밀 타겟팅

  • 리서치 : 현직자 중 원하는 대상만 설문조사, 전문자 인터뷰를 통한 정확한 니즈 파악

    

- 기업용 명함 관리 : 팀 명함첩 관리 -> 임직원 부서 이동, 퇴사에 손쉬운 정보 인수, 신규 영업 기회 발굴

제품 단계

바이럴 단계 ~ 매출 단계 사이

• 일반 사용자 : 명함 관리의 간편함을 대체할 수 있는 서비스 X -> 다른 직장인들에게 서비스 전파, 직장인의 인맥 관리를 위한 필수적인 서비스
• 기업 : 채용, 리서치 서비스에서 많은 고객사를 확보하고 있으나 유의미한 매출이 발생되는지는 B2B 서비스이기 때문에 구체적으로 확인 불가

이전 단계에서의 사업 전략

흡인력 단계

• 가설 1 : 직장인은 본인의 생계를 본인의 근로 소득으로 유지하기 때문에 부의 창출을 위해 재테크에 관심이 많을 것이다.

• 전략 1 : 경제 뉴스레터 (나우) 를 통해 경제 관련 지식 전달

• 가설 2 : 업무 경험에서의 고민을 해결할 루트가 필요할 것이다

• 전략 2 : 커뮤니티 서비스를 통해 유사 업종, 직무의 사람들과 일 고민을 해결할 수 있도록 한다

핵심 기능

미니홈피

본인만의 마이크로 블로그에서 다이어리를 쓰고 사진을 업로드한다. BGM과 스킨으로 공간을 꾸밀 수도 있다. '일촌' 기반의 지인과의 유대를 돈독히 할 수 있고 '파도타기'를 통해 전혀 모르는 사람을 새롭게 접할 수도 있다. 개편 이후에는 기업 브랜드가 입점하고 아티스트가 팬들과의 소통을 위한 공간을 마련하기도 했다.

지표

2000년대 후반까지 4000만명이 넘는 이용자를 보유했기 때문에 거의 전국민이 사용해본 SNS라고 봐도 무방하기 때문에 첫 달의 지표는 허수라고 보는 것이 합리적이다. 오랜만에 다시 한번 사용해보기 위해 서비스에 진입한 유저들과 재사용을 지속적으로 하는 유저들을 구분하기 위해 잔존율을 분석해야 한다. 싸이월드 내에서 이를 확인할 수 있는 지표는 평균 사용시간 및 일뿐만 아니라 신규 다이어리, 사진 등 업로드 수로 확인할 수 있다.

설치 수는 많은 것에 비해 서비스 사용 비율은 떨어지는 것을 확인할 수 있다. 해당 지표들은 서비스 재출시 이후 한달 이내에 기록된 지표이기 때문에 초기 후광을 받아 다소 높게 측정되었을 가능성이 있다. 떄문에 설치 일자에 따른 코호트 분석을 기반으로 지표를 확인할 수 있다.

싸이월드에 재 접속하는 동기 중 많은 비율을 차지하는 것은 '본인의 흑역사를 지우기 위해서' 이다. 떄문에 이와 같은 현상을 확인하기 위해 이탈률을 신규 가입자 대비, 휴면 계정 해제 수 대비로 검증할 수 있다.

GA 기능

1. 기간별 MAU

   

   재출시로 인한 시기적 화제성이 떨어진 이후로 기간별로 분석하는 코호트 기법을 적용한다

2. 잔존율, 이탈률

   

   서비스의 지속적인 확인 여부를 확인하기 위해 초기 접속 이후 재방문 수 (Retention)를 확인한다. 그리고 접속 이후 탈퇴 여부를 확인하기 위해 이탈률(Bounce Rate)을 확인한다.

3. 참여율

   

   서비스 지속적인 참여 여부를 알아보기 위해 게시물의 업로드 수를 확인한다. 이를 GA로 확인하기 위해 참여율 (Engagement)를 확인한다.

UI, 클라이언트, 서버, DB를 가장 잘 설명할 수 있는 Django Framework로 설명하려 한다

Django

• Python Web Framework
• Without reinvent the wheel

Framework

• 특정 운영 체제를 위한 응용 프로그램 표준 구조를 구현하는 클래스, 라이브러리 모임
• 재사용 가능한 코드 통합 -> 표준 코드 재작성 없이 같이 사용 가능

Framework Architecture

• MVC Design Pattern (Model - View - Controller)
• User Interface에서 프로그램 로직 분리 -> 시각적 요소, 실행 부분을 서로 영향 없이 쉽게 고칠 수 있는 어플리케이션 제작
• MTV Pattern
  • Model : 데이터 구조 정의, DB 기록 관리 (추가, 수정, 삭제)
  • Template : 파일 구조, 레이아웃, 실제 내용 보여주기 (Presentation)
  • View : HTTP 요청 수신, 응답 반환, Model -> 요청, Template에게 응답 서식 설정

CGV

Flow Chart

ERD

DB

• 두 그룹의 사용자들에게 서로 다른 페이지나 기능 → 어떤 그룹에서 더 좋은 성과가 나타나는지, 긍정적인 UX를 제공할 수 있는지 지속적인 시험을 통한 정량적 평가 테스트 기법
• 구성 단계 : 가설 -> 목표 -> 기간 -> 대상 -> 측정 지표 -> 결과 -> 결론
  • 가설 : 목표 -> 문제/기회 -> 솔루션 -> 예상 결과 -> 근거

티빙

NO.1 K-CONTENT PLATFORM

랜딩 페이지

유도1 (메인 배너) - CTA (회원가입) - 유도2 (오리지널) - 유도3 (콘텐츠, 매월 신작 소개) - 유도4 (사용 기능) - 유도5 (공유) - CTA (회원 가입)

유도 1 (메인 배너)

AS Is

• 메인 카피 : 티빙 오리지널 콘텐츠, 방송, 영화, 해외시리즈까지! 재미를 플레이해보세요.
• 서브 카피 : 간편하게 가입하고, 원하실 때 해지할 수 있어요.
• CTA : 새로워진 티빙을 만나보세요!

• CTA 진입 시 화면 : 회원가입

• 회원가입 진행 후 화면

To Be

1. 회원가입

   • 시작하기 문구 중복 -> 아이콘, 회원가입 서비스명으로 단순화
   • 이메일 가입 기능 추가

2. CTA

   • '새로워진' 워딩 모호 -> '티빙과 함께하세요!'

3. 이용권 CTA 접근의 어려움

   • 우측 상단 프로필 클릭 필요 -> 로그인 후 이용권 구매 CTA 배치 필요
   • 예시 : 왓챠

유도2 (오리지널)

As Is

• 메인 카피 : 티빙에만 있는 재미
• 서브 카피 : 오리지널 콘텐츠를 만나보세요!
• 세부 카피 : 차별화된 웰메이드 오리지널 콘텐츠
• 배너 4개 : TVING 오리지널 소개 이미지, TVING 오리지널 작품 예시 3개

To Be

1. 카피 문구 중복

   • 서브, 세부 카피 의미 중복 -> 서브 카피 : '차별화된 오리지널 콘텐츠를 만나보세요!'

유도3 (콘텐츠, 매월 신작 소개)

As Is

• 메인 카피 : 내가 찾던 재미
• 서브 카피 : 보고 싶은 콘텐츠를 발견하세요!
• 세부 카피 : 최신, 인기 TV 프로그램, 영화, 해외 시리즈
• 배너1 : 제공 콘텐츠 GIF
• 배너2 : 매월 라인업 소개 영상

유도4 (사용 기능)

As Is

• 메인 카피 : 똑똑하게 보는 재미
• 서브 카피 : 최신 방송을 가장 빠르고 간편하게 시청하세요!
• 세부 카피 : 실시간 TV, 퀵 VOD, 타임머신 기능으로 기다리지말고 편리하게 시청
• 배너1 : 타임머신 기능 GIF
• 배너2 : 퀵 VOD 이미지 2개

To Be

1. 서브 카피 기능 low

   • 세부 카피 X -> 서브 카피 : 실시간 TV, 퀵 VOD, 타임머신 기능으로 빠르고 간편하게 시청하세요!

2. 실시간 기능 이미지 지원 X, 퀵 VOD 설명 X

   • 실시간 TV 이미지 배치
   • 퀵 VOD 이미지 내 워딩 설명 추가

유도 5 (공유)

As Is

• 메인 카피 : 함께 즐기는 재미
• 서브 카피 : 다양한 기기로 즐겨보세요!
• 세부 카피 : 스마트폰, 태블릿, PC, TV, 크롬캐스트에서 시청. 최대 4명의 지인들과 함께 구독
• 배너 : TV, 스마트폰, 태블릿 시청 GIF

To Be

1. 기기, 인원 공유 설명 한번에

   • 설명 분리

   • 예시 : 왓챠

     

     

CTA (회원가입, FAQ)

AARRR

Acquisition(획득), Activation(활성화), Retention(재방문), Revenue(매출), Referral(추천)

• 신규 프로덕트(가설)을 구축 후 빠르게 검증 후 다양한 제품군에 활용 가능한 프레임워크

• 고객 구매 여정, 퍼널 최적화, 제품 전략 기획 시 추적, 검증 가능한 지표를 설정 시 중요

타다

더 나은 이동이 더 나은 삶을 만든다는 믿음

• Ride Hailing : 호출형 승차 공유 서비스
  • 거의 대부분 '택시 호출형' 서비스

Aquisition (수집)

신규 고객은 '타다'를 어떻게 처음으로 접하게 되는가?

1. 첫 이용 시 50% 할인 쿠폰 지급

   

2. 영상 광고 마케팅

   

   • 타다 재영업 시 이미지 개선 필요 -> '택시 + 이동의 편리함'

Activation (활동)

‘사용자가 처음 '타다'를 이용할 때 긍정적인 경험을 제공하는가’ → ‘Aha Moment’

1. 이용 행태에 따른 서비스 분류 -> 차량 세그먼트 차이 => 탑승 인원에 따른 이동성에 집중

   • NEXT : 승합차
   • PLUS : 준대형 세단
   • LITE : 중형 세단

2. 가림막, 플러스 알파

   • 가림막 설치 -> 고객이 이동 과정에만 조용히 집중 가능

   • 와이파이, 공기청정필터 설치 등 기존 택시에서 경험하지 못한 부가 가치 제공

3. 사전 요청 사항

   

   • 기존 택시 탑승 경험에서 겪는 주된 불쾌한 경험 : 택시 운전 기사와의 대화 -> 소통 과정을 없애고 편한 이동 과정에만 집중할 수 있도록 소통 X

Retention (유지)

'타다'의 재사용률

1. 이동 목적에 따른 이벤트 다양화 -> 사용자 재방문 유도

   • AIR (공항 이동), PRIVATE (시간 대절), GOLF (골프장 이동)
   • 목적지, 이동 행태에 맞는 할인 기회 제공

2. 웰컴 키트

   

   • 첫 이용 시 차량에서 바로 수령할 수 있는 웰컴 키트 비치
   • 할인 쿠폰, 양질의 디자인과 더불어 오프라인으로 혜택을 지급하여 대접받는다는 느낌을 받게 함

Revenue (매출)

돈을 주고 구매할 만큼 제품의 가치가 있는가 어떤 상황의 고객이 매출에 많은 기여를 하는가

1. SOCAR 통합 멤버십 '패스포트'

   

   

   • 카셰어링 서비스 'SOCAR'와의 협업 -> 동시 사용 고객에 대한 타겟팅

2. 상시 할인 이벤트

   

   • 서비스 출시 이후에도 지속적인 고객의 관심을 유도하기 위해 다양한 형태의 할인 기회를 고객에게 지속적으로 제공

Referral (추천)

사용자가 자발적 바이럴, 공유를 일으키고 있는가

1. 친구 추천 이벤트

   

   • 다른 서비스처럼 충성스러운 고객이 더 많은 혜택을 얻을 수 있고, 신규 고객을 유입할 수 있도록 고객 추천 이벤트 진행

     

   • 고객 세그먼트 추천 : 이벤트를 보는 고객으로 하여금 주변 지인을 떠올릴 수 있는 구체적인 이미지를 지정하여 추천이 실제로 이루어지게끔 유도

2. 인스타그램 스토리 하이라이트 피드 비치

   

   • 스토리 하이라이트 : 피드 방문 시 상단에 비치되어 있어 쉽게 확인 가능한 과거의 기록

   • SNS을 활용하여 실제 사용 장면을 빠르게 고객이 접할 수 있도록 제공

후기

과거에 타다 출시 이후 많은 인원들이 탑승할 때는 타다를 주로 이용했었다. 법 개정과 반발로 인해 잠시 중단된 적이 있었지만 분석하면서 다시 한번 느낀 것은 경쟁자는 필요하다는 것이다.

고객의 취향을 파악하고, 더 효과적으로 고객에게 접근해 저비용으로 최고의 광고 효용을 추구하는 마케팅 기법

• 고객의 데이터를 추적, 분석하여 문제를 발견하고 제품을 개선하는 과정

  1. 좋은 질문
  2. 양질의 데이터
  3. 빈틈 없는 분석

루픽

세상을 바꿀 수 있는 글로벌 첫 이벤트쇼핑 플랫폼

• 일반 상품과 럭키 상품의 결합으로 이루어진 이벤트를 판매

  • 단순 쇼핑 채널에서 더 나아가 경험적 가치를 추구하는 MZ세대에게 쇼핑의 경험의 확대와 즐거움
  • 럭키 상품 : 기성상품처럼 유형의 형태부터, 엔터테인먼트, 기부, 캠페인과 같은 무형의 형태
  • 일반 상품과 연계되어 쇼핑 경험의 확장을 만들어주는 것

• 유저 참여형 투표시스템

  • 럭키 상품 선정자 ‘루피커’를 선정하는 방식에 일반 상품을 구입한 유저들 전체가 직접 투표에 참여하여 투명하게 선정
  • 구매 개수만큼 투표 기회 -> 숫자 임의 입력 -> 본인은 모르는 본인만의 고유 번호

'루픽'의 '그로스 해킹' 전략

1. 친구에게 추천하고 친구와 나 모두 1000 포인트씩 받자!

   

   • 일반 고객을 추천인으로 바꾸는 프로모션 진행 -> 잠재 고객을 입소문 효과를 내는 핵심 고객으로 전환 -> 추천인 그로스 해킹 전략
   • 적립금 제한 X -> 적극적으로 소문낼 의지가 있는 고객 : 숫자에 제한 X

2. 인플루언서, 브랜드 콜라보

   

   • 약 50만 명의 구독자를 보유한 유튜버 '이스타TV'와의 콜라보 진행 후 완판 성공
   • 브랜드, 인플루언서의 팔로워들의 신규 유입 유도

3. 포인트만으로 이벤트 참여 + 다양한 포인트 적립 기회

   

   • 포인트만으로 럭키 상품 이벤트 참여 가능 -> 무료로 서비스를 이용할 수 있는 기회 제공
   • 다양한 포인트 적립 기회 제공 -> 유료 결제 이외에도 지속적인 서비스 참여 유도

4. 제세공과금 X

   

   • 구매 이후 추가 과금 X -> 이벤트 당첨 시 부과되는 추가 결제 경험 X

고객에 집중

• 서비스 자체 : 다소 빈약한 이벤트 상품을 제공하는 유사 서비스에 비해, 고객이 혹할 수 있는 매력적인 경품 제공으로 유입 유도
• 외부 협업 : 브랜드, 인플루언서와의 콜라보로 유료 구매를 주저하지 않는 충성도 높은 팔로워의 신규 유입 유도
• 고객 유입 이후 : 지속적인 서비스 이용을 위해, 구매 이후 추가 결제 (세금) X, 무료 이용 가능 기회 지속적 제공

Planfit

운동 고민 끝, 플랜핏

Task

무슨 운동 해야하지?

'Planfit'은 맞춤 운동 루틴을 추천하는 서비스이다. 사전에 설정한 신체 정보에 따라 매일 부위별로 헬스장, 홈 트레이닝, 커스텀 루틴을 운동 종류를 추천해준다. 이는 '헬스'에 익숙한 사람이 아닌 아직은 낯설은 이들을 대상으로 운동 방법을 추천해주는 서비스이다. 이에 대해서 운동에 대한 지식이 낮은 사용자들이 겪는 신체 조건에 맞는 운동법을 모른다는 문제를 해결하고자 한다.

User Story

고객(사용자)은 목적(목표)를 위해서 필요(욕구)를 원한다

• 고객(사용자) 묘사 : 서비스를 이용하는 사용자의 모습
• 사용자가 서비스를 이용하는 시나리오 : 기능을 원/사용하는 이유 명시

운동을 시작하고 싶은 고객은 운동 방법을 알기 위해서 나에게 맞는 운동법을 알기를 원한다

Wireframe

Flow

홈 -> 성별, 나이, 키, 몸무게와 같은 신체 정보 + 운동 수준/횟수 설정 -> 헬스장 설정 (헬스), 이용 가능 기구 설정 (홈트레이닝) -> 1대1 관리 프로그램 결제 -> 커뮤니티에 운동 내역 공유

CVC란

• CVC (Customer Value Chain, 고객 가치 사슬) : 고객 관점에서 그들이 기업의 제품을 구매하기 위한 다양한 부가가치 활동을 정리한 개념 -> 고객이 구매 전까지의 단계

CVC에서 고려하는 가치

1. 가치 창출 (+) : 고객을 위해 가치를 창출하는 활동
2. 대가 지불 : 창출된 가치에 대가를 부과하기 위해 추가하는 활동
3. 가치 잠식 : 가치 창출, 창출된 가치에 대가 부과 X 활동

모든 고객은 창출은 늘리고 지불은 줄이고 잠식은 피하려 한다

오늘회

하루 3번 오늘드림, 초신선 마켓 오늘회

수산물 당일 배송 서비스에서 시작하여 현재는 정육, 밀키트까지 종류를 확장하고 배송은 하루 3번까지 확대했다.

페르소나

• 동네 마트에서 판매하는 것이 아닌 현지에서 당일에 생산한 신선한 수산물을 먹는 것에 관심이 많음

고객 가치 여정

감독, 배우 필모그래피 랜딩 오류

작품 페이지를 통한 랜딩

분석 페이지를 통한 랜딩

분석

해당 기능 사이에서의 오류는 결국 서로 다른 페이지에서 같은 기능 접근 시 하나의 페이지에서 발생하는 오류이다. 이에 대한 UX의 개선은 분석 페이지에서의 접근 시도를 메인 페이지에서의 접근과 동일하게 수정이 이루어지면 온전히 기능을 이용하는 것이 가능할 것이다.

영화 이외 부족한 분석 기능

이번 과제를 진행하면서 직전 분석 시에는 발견하지 못했던 부족한 UX의 사례이다.

랜딩 페이지에서 확인할 수 있는 기능은 영화 분류 이외에도 TV, 책, 웹툰 분류가 있다. 하지만 분석 기능에서는 영화에 대한 분석만 지원한다. TV, 책, 웹툰에 대한 분석 기능은 아직 지원하지 않아 서비스 출시 당시 지원했던 영화에 대한 분석 기능만 현재 가능한 상태다. 그리고 영화, 드라마는 영역이 유사하기 때문에 두 분류에 모두 감독, 출연한 인물들이 많다. 하지만 현재 영화 분석 기능에도 드라마 관련 기능은 없다. 이는 향후 TV 분석 기능 도입 시 드라마만 별개로 분석하거나 영화 분류와 함께 분석하는 방향을 고려할 수 있다. 또한, 영화, 드라마와 더불어 예능 프로그램에도 함께 출연하는 인물들이 증가하고 있다. 이에 대한 분석은 어떤 기준으로 진행할 것인지 논의가 필요하다.

다소 조악한 분석 기능의 프로토타입이다. 책, 웹툰 분류는 기능 출시가 얼마 지나지 않아 아직 분석 기능을 도입하기에는 축적된 평점 데이터가 부족해 보인다. 하지만 TV 프로그램 분류는 충분히 데이터가 축적된 것으로 보이기 때문에 도입이 가능할 것으로 예상된다. 도입 시 영화, 드라마 부문을 병합, 분리할 지 논의가 필요하다. 이야기의 흐름을 따른다는 유사점이 있기 때문이다. 또한, 예능 프로그램에 대해서도 분석 기능을 도입할 것인지 결정이 필요하다.

‘Good Food Good Life’

최근 건강한 생활이 많은 주목을 받아 식단과 운동 모두에 주목이 높아지고 있다. 운동을 하는 중 대표적인 식단의 주 재료인 닭가슴살부터 많은 종류의 건강식을 제공하는 '랭킹닭컴' 서비스를 UX의 심리학 관점에서 분석하고자 한다. UX의 심리학은 'Laws of US' 책에서 기반한 것이며 링크는 다음과 같다. 링크

UX의 심리학에 기초한 분석

1. 제이콥의 법칙 (Jakob's Law) : 익숙한 것을 더 잘 사용한다 (익숙한 도구의 사용법)

   

   

   메인 화면에서 확인할 수 있듯이 구매하려는 상품의 종류, 하단 footer 기능이 다른 서비스에서 흔히 사용하거나 직관적으로 확인할 수 있는 그림으로 되어있어 사용자에게 익숙한 느낌을 줘 빠른 이해를 할 수 있다.

2. 피츠의 법칙 (Fitts's Law) : 대상에 도달하는 시간은 거리가 가까울수록, 크기가 클수록 빨라진다.

   

   

   랭킹닭컴의 주 이용 목적은 닭가슴살을 비롯한 건강식의 구매이다. 화면 중앙에 구매 빈도가 높은 충분히 큰 크기의 건강식 분류를 배치하여 쉽게 터치가 가능하도록 구현했다.

3. 힉의 법칙 (Hick's Law) : 한 화면에 너무 많은 것 X

   

   

   메인 화면 좌측 하단 메뉴 버튼 클릭 시 나타나는 메뉴 화면이다. 메인 화면에 비치되어 있는 식품 카테고리의 수보다 많음을 알 수 있다. 인기 있는 종류는 메인에 비치하고 모든 종류는 메뉴 탭을 통해 접근할 수 있기 때문에 메인 화면에 너무 많은 종류를 비치하지 않았음을 알 수 있다.

4. 밀러의 법칙 (Miller's Law) : 보통 사람은 작업 기억에 7(±2)개의 항목 밖에 저장하지 못한다.

   

   

   

> 물건을 구매하는데 있어 가장 먼저 확인하는 것은 세일 정보일 것이다. 메인 화면에서 상단에 위치한 '이달의 특가' 탭을 통해 특가 상세 페이지로 이동하게 되면 3개의 탭이 보임을 알 수 있다. 하단에 더 많은 세일 정보가 있음에도 피로하지 않도록 세일 정보를 3개만 먼저 노출하고 있다. 총 세일 정보는 8개의 탭으로 구성하여 9개를 초과하지 않는 정보를 제공하고 있다.

5. 포스텔의 법칙 (Postel's Law) : 좀 더 친절한 서비스

   

   

   메인 화면에서 스크롤을 조금 내리면 '테마별 추천 식품' 기능이 있다. 건강식을 하는 목적은 고객마다 서로 다르다. 개별 고객의 니즈에 맞게 다른 식품군을 추천함으로써 고객이 쉽게 선택할 수 있도록 돕는다.

6. 피크엔드의 법칙 (Peak-End Rule) : 부정적인 순간을 생생하게 기억한다

   

   

   결제 바로 직전 결제 수단을 선택할 때 추가 혜택을 한 눈에 확인할 수 있도록 페이 서비스에 팝업 버튼을 배치하였다. 이는 보수적으로 접근할 수 있는 결제 과정의 마지막에 추가 혜택을 받는듯한 느낌을 줄 수 있다.

7. 심미적 사용성 효과 (Aesthetic-Usability Effect) : 사용자는 보기 좋은 디자인을 사용성이 더 뛰어난 디자인으로 인식

   

   

   단순히 제품 봉지샷을 소개하는 것이 아닌 제품샷을 메인 이미지로 소개하여 심미적인 디자인으로 상품을 배치했다.

8. 폰 레스토프 효과 (Von Restorff Effect) : 강조 but 광고로 오인되지 않도록

   

   

   닭가슴살 식단에 입문하는 이들이 가장 먼저 선택하는 종류는 '패키지'이다. 패키지 종류에 진입한 이들이 가장 먼저 볼 수 있는 것은 제품샷이 아닌 눈을 끄는 그림과 기호를 섞은 제품 명이다. 제품 촬영 사진이나 봉지 사진을 담은 타 제품과 달리 다른 디자인을 시선을 유도할 수 있다.

9. 테슬러의 법칙 (Tesler's Law) : 더 이상 줄일 수 없는 일정 수준의 복잡성

   

   

   구매 과정에는 배송지 정보, 배송 방법 및 상품, 결제 수단 및 금액 안내, 이용 약간 동의의 절차를 필수적으로 거쳐야 한다. 이는 생략하는 것이 어렵기 때문에 과정을 축약할 수 없다.

10. 도허티 임계 (Doherty Threshold) : 사용자가 기다리지 않아도 되는 속도 (0.4초 이하)

    

    

    랭킹닭컴 로고 -> 세일 정보 -> 메인 화면 순으로 로딩 화면이 구동된다. 0.4초에 비해서는 조금 느린 속도를 보이고 있으나 할인 정보를 앱 구동 시부터 바로 확인할 수 있으므로 이탈을 보이지 않을 수 있다.

심리학 법칙을 통해 고객의 어떠한 불편을 해소했는지

1. 제이콥의 법칙 (Jakob's Law) : 처음 이용하는 사용자도 직관적으로 쉽게 랭킹닭컴을 이용할 수 있게 한다.
2. 피츠의 법칙 (Fitts's Law) : 건강식을 구매하는 과정에서 고객이 헤매지 않고 빠르게 종류를 인식할 수 있다.
3. 힉의 법칙 (Hick's Law) : 단순한 메인 화면에서의 분류 구성을 구현했다.
4. 밀러의 법칙 (Miller's Law) : 빠르게 세일 정보를 얻을 수 있다.
5. 포스텔의 법칙 (Postel's Law) : 구매 목적에 맞게 제품을 추천받을 수 있다.
6. 피크엔드의 법칙 (Peak-End Rule) : 결제 직전에 할인을 더 받는듯한 느낌을 받을 수 있다.
7. 심미적 사용성 효과 (Aesthetic-Usability Effect) : 실제 보게 될 제품을 미리 보는듯한 느낌을 받을 수 있다.
8. 폰 레스토프 효과 (Von Restorff Effect) : 초기 구매의 어려움을 해결할 수 있다.
9. 테슬러의 법칙 (Tesler's Law) : 거래 단계의 복잡성을 줄일 수 있다.
10. 도허티 임계 (Doherty Threshold) : 빠른 속도로 진입하며 할인 정보를 사전에 인지할 수 있다.

세상의 모든 취향을 내 손 안에

영화관에 가서 영화를 관람하는 것을 취미로 하고 있고 빈도 또한 높다. 작년의 경우, 주 당 1편 이상을 관람했다. 그리고 사는 지역의 특성 상 이동 시간이 길어 태블릿으로 드라마를 종종 시청하기도 한다. 이런 이유 탓에 내 취향에 맞는 콘텐츠 추천이 필요했고 왓챠피디아는 국내 사용자 기준으로 가장 최적화된 서비스기 때문에 헤비 유저로서 참여하고 있다.

좋은 UX

1. 한 눈에 확인할 수 있는 예상 평점

   

   서비스가 지향하는 방향을 충실히 이용할 수 있다. 기존에 기록한 내 평점 기록을 바탕으로 작품에 대한 예상 평점을 작품 페이지로 이동하지 않아도 직관적으로 확인이 가능하다.

2. 아이콘으로 확인 가능한 OTT 서비스

   

   많은 OTT 서비스들이 운영되고 있고 즐길 수 있는 작품은 플랫폼에 따라 서로 다르다. 영화, 드라마 콘텐츠의 경우, 원하는 작품을 어디서 볼 수 있을지 작품 세부 페이지로 단계를 이동하지 않아도 쉽게 인식이 가능하다. 이는 일부 경쟁 서비스라 볼 수 있는 키노라이츠와 기능이 유사하여 서비스의 이탈을 막는 기능으로 볼 수 있다.

3. 쉬운 감독, 배우별 필모그래피 확인

   

   

   6/8 개봉할 칸 영화제 남우주연상 수상작인 '브로커'의 감독 및 배우 화면, 그리고 고레에다 히로카즈 감독의 필모그래피 화면이다. 작품 페이지에서 출연/제작 페이지로, 그리고 출연/제작 페이지에서 감독, 배우 별 상세 페이지로 이동이 가능하여 해당 인물의 다른 작품의 예상 별점을 확인하는 것도 가능하다.

아쉬운 UX

1. 다소 부실한 웹툰 페이지 기능

   

   지난 21년 11월, 웹툰 콘텐츠에서도 추천 기능이 도입되었다. 하지만, 주력 기능이 아닌 것인지 많은 아쉬움을 보이고 있다. 먼저, 카카오웹툰만 모아보는 것이 가능하고 네이버웹툰, 레진코믹스 등과 같은 타 웹툰 사이트는 기능이 지원되지 않는다. 그리고, 사진에서 확인 가능한 것처럼 영화, 드라마, 책 추천 기능에 비하여 낮은 화질이 메인 화면에 노출되고 있다.

2. Watcha, Netflix만 확인 가능한 아이콘

   

   Watcha, Netflix와 마찬가지로 국내에서 많은 이용자를 보유하고 있는 웨이브, 티빙에서 접근 가능한 콘텐츠를 분류했다. 사진에서 확인 가능하듯, 웨이브, 티빙은 아이콘으로 확인이 어려워 작품 상세 페이지로 랜딩을 해야만 확인이 가능하다. 다만, 해당 기능의 의도는 해석할 수 있을 것 같다. 모든 OTT 아이콘을 추가할 경우, 포스터 상에서 산만함을 느낄 가능성이 예측된다. 그리고, 역시 많은 사용자를 보유하고 있는 쿠팡플레이, 디즈니 플러스는 필터 기능이 지원되지 않는다.

3. '취향 분석' 기능 페이지 랜딩 오류

   

   

   

   

   서비스의 주요 기능에서 큰 오류가 발견된다. '취향 분석' 페이지에서 선호 배우/감독 탭에서 인물 상세 페이지로 랜딩할 경우, 2번째 예시와 같이 오류가 발생된다. 해당 단계에서 특정 작품 페이지로 랜딩할 경우, 같은 오류가 반복된다. 그리고 배우 상세 페이지로 넘어가고자 백스페이스를 할 경우, 취향 분석 메인 페이지로 이동하는 오류가 있다. 4번째 예시는 PC 버전이다. PC 버전에서는 정상적으로 작동하여 모바일 환경에서의 구동이 원활하게 이루어지지 않고 있음을 알 수 있다.

개선 우선순위

1. 취향 분석' 기능 페이지 랜딩 오류
2. 다소 부실한 웹툰 페이지 기능
3. Watcha, Netflix만 확인 가능한 아이콘

왓챠페이지의 메인 기능은 개인화된 콘텐츠 추천이다. 메인 기능에서 오류가 있으므로 이는 시급한 개선이 필요해 보인다. 그리고 아이콘 이슈는 상술하였다시피 아쉬움은 남으나 모든 OTT 아이콘이 추가될 경우, 오히려 역효과가 있을 것으로 예상된다.

UX 설계 시 기억해야 할 요소

1. 이미지
2. 텍스트
3. 흐름

왓챠피디아는 흐름 UX로 구현한 대표적인 서비스이다. 특정 작품의 평가 이후, 해당 작품의 감독, 배우의 필모그래피를 확인할 수 있다. 필모그래피 중 다른 작품에 대한 평가가 이루어질 수 있고 이는 결국 무한히 반복되어 일정 규모 이상의 평가를 기록할 시 서비스의 지속적인 이용을 유도할 수 있는 로직이다.

0. '뮤직카우'가 해결해야 하는 문제

Pain Point : '저작권'의 투자 자산 인식

문제 해결을 위한 핵심 기능 정의

팬 마케팅의 특성 상 '내 가수'에게 혜택이 돌아가는 것을 원한다. 그리고 지금은 저작권도 투자 자산으로 활용할 수 있다는 인식을 알려야 한다. 그렇다면 팬덤을 대상으로 시작하는 것은 어떨까?

6/7 기준 마켓에서 가장 가격이 높은 곡은 '아이유'의 곡이다. 아이유는 유료 팬클럽인 '유애나'가 약 5만명, 공식 팬카페는 30만명에 근접한 대형 팬덤을 보유한 가수이다.

"재밌는 게 아이돌 팬은 저작권을 일부러 높게 구매한다는 점이다. ... 경매 상승분을 내 아티스트에게 전달하려는 후견인의 욕구, 이게 첫 번째고 내 가수를 일등으로 만들고 싶다는 팬들의 욕구도 반영될 것이다. ... 우리는 양 극단의 사람들을 타겟팅하고 있는 셈이다. 대체 투자를 원하는 이용자와 팬은 '화성남자 금성여자'처럼 완전히 다르다. ... 처음 우린 철저하게 문화 상품(팬덤에 초점을 맞춘)으로 브랜딩 전략을 실행해오다가 최근 대체투자로 확장하고 있는 추세다." - 정현경 뮤직카우 대표 인터뷰

대표이사의 인터뷰에서 확인할 수 있듯 뮤직카우의 페르소나로 '팬덤'이 해당하는 것은 뮤직카우 역시 인식하고 있다. 상위 사진은 마켓에서 '아이유'를 검색했을 시 화면이다. 브랜딩 전략을 팬덤에 맞춰 시작한 것과는 다르게 아티스트의 카테고리가 존재하지 않는다.

유사 기능을 확인할 수 있는 음원 서비스 'Melon'에서 아이유 검색 화면과 카테고리 단계 진입 후의 화면이다. 검색 단계에서 검색어와 관련된 결과와 함께 카테고리를 함께 확인할 수 있다. 그리고 카테고리에 진입하면 해당 아티스트의 콘텐츠을 모두 확인하는 것이 가능하다. 팬덤을 서비스의 페르소나로 상정할 경우, '본진'의 콘텐츠만을 선별해서 보여주는 기능이 필요하다.

솔루션 정의

창작자, 팬, 투자자가 모두 만족하는 새로운 투자 수단 서비스

사용자 시나리오

0. 사용자는 저작권 투자 개념에 익숙하지 않다.
1. 아티스트가 더 많은 혜택을 얻는 것을 팬덤은 원한다. 팬덤은 합리적이지 않은 관점이어도 본인이 충성하는 창작자를 위해 먼저 나서서 행동하려는 태도를 갖추고 있다.
2. '스밍' 외에도 창작자가 얻을 수 있는 새로운 수익 수단을 인식한다.
3. 팬의 관점에서 구매한 자산이 본인에게도 금전적 이익을 가져다 줄 수 있음을 경험한다.
4. 같은 팬덤 내 타인에게도 참여를 독려하여 '본진'이 더 많은 이득을 취할 수 있게 나서서 서비스를 알린다.

BM

솔루션 (MVP) 검증

• 아티스트 카테고리 진입 후 실제 구매율 (CVR, Conversion Rate)
• 동일 아티스트별 구매율

KPI

쇼트트랙이나 마라톤 같은 장거리 운동 경기 종목을 관람하면 구간, 단위마다 남은 바퀴 수, 거리 길이와 같은 중간 상황을 선수들에게 지속적으로 알려주는 걸 볼 수 있다.

기업에서는 이것을 KPI (Key Performance Indicator)로 시장의 신호를 받으려고 한다. 이는 목표를 성공적으로 달성하기 위해 핵심적으로 관리해야 하는 요소들에 대한 성과지표를 의미한다.

KPI는 Key (핵심, 무엇이 제일 중요한가), Performance (성과, 무엇이 성과를 대변하는가), Indicator (지표, 어떻게 수치화 할 수 있는가)로 이루어져 있다.

KPI를 정의할 때는 3가지를 유의해야 한다. 먼저, 모호하지 않고 측정 가능하도록 정량화 해야한다. 주관적인 해석이 아니라 상대적인 비교를 할 수 있도록 수치가 필요하다. 둘째, 비즈니스 전체의 목적과 부합해야 한다. 개별 프로덕트, 단기적 이익이 아닌 기업 자체의 비전과 일치해야 한다. 마지막으로, 상황에 맞게 합리적으로 설정해야 한다. 조직 내부, 기술, 시장과 같은 내외부의 변화에 따라 줄이는 것도 가능해야 한다.

대표적인 KPI는 다음과 같으며, 제품/서비스의 방향에 따라 다양한 지표를 활용하고 있다.

인사이트 기능

페이스북과 인스타그램은 출시 이후 현재까지도 전세계에서 많은 사랑을 받고 있는 SNS 중 하나이다. 자신을 표현하고 자발적인 참여를 유도하는데 성공했기 때문에 기업의 디지털 마케팅 루트 중 가장 먼저 사용하는 서비스이다. 전체 페이지 및 계정, 개별 게시물별 성과를 분석할 수 있도록 자세한 인사이트 기능을 제공하며 부족하거나 중점을 둬야할 경우 추가적인 광고 집행을 통해 성과를 증가시키는 것 역시 가능하다.

Facebook

실제로 직접 관리한 팔로워 수 약 2천명의 페이지 중 게시물 하나의 성과이다. 개요 단계이기 때문에 도달률, 참여율 (Engagement), 클릭율 (CTR)로 이루어져 있다.

페이지 전체, 게시물별 성과 요약을 한번에 확인할 수 있다. 원하는 기능별로 탭 기능이 각각 지원하여 자세한 사항을 확인할 수 있다. 이 역시 도달률, 참여율 (Engagement), 클릭율 (CTR)을 지원한다. 계정 및 페이지 요약은 페이스북에서만 지원하는 기능이다. 모바일보다는 PC 버전에서 사용하는 것이 더 직관적이고 많은 기능을 지원한다. - 사례

Instagram

실제로 사용하고 있는 필자의 인스타그램 계정의 인사이트 사례이다. 페이스북은 페이지에서 페이지 전체, 각 게시물의 인사이트를 확인할 수 있는 반면, 인스타그램은 비즈니스 계정으로 전환하면 각 게시물에서 확인 가능하다. 페이스북과 마찬가지로 도달률, 참여율 (Engagement), 클릭율 (CTR)을 확인할 수 있다.

위 사진은 제품 협찬 게시물이기 때문에 해시태그 기능을 적극 활용했다. 밑 사진은 일상 게시물로 해시태그를 활용하지 않아 이를 통한 유입이 없는 것을 확인할 수 있다. 전자가 도달률과 팔로우 유저가 아닌 비율이 높은 것에 비해, 후자가 참여율이 높다. 인스타그램 내 도달률을 높일 수 있는 대표적 기능 중 하나인 해시태그 활용 시 참여율은 비교적 떨어지나 더 많은 이들에게 노출 가능함을 유추할 수 있다.

새롭게 추구해야 할 목표

Shop

두 서비스 공통적으로 서비스 내에 Shop (마켓) 기능을 도입해서 판매자로 하여금 바로 판매를 할 수 있도록 구현했다. 자체 기능에서 바로 구매 가능하거나 쇼핑 플랫폼으로 리다이렉트하여 판매가 가능하다.

판매 루트에 상관 없이 가장 직접적인 지표는 매출과 관련된 것이다. SNS 내 Shop을 입점하는 것이 신규 매출을 얼마나 많이, 자주 생산하는지를 분석해야 한다. Shop 게시물 노출 시 (재)구매율 ((Re)Purchase Rate)이 대표적인 지표이다. 혹은 쇼핑 플랫폼으로 리다이렉트 이후 구매율 역시 Shop 기능의 기능을 알 수 있다. 그리고 게시물, 플랫폼의 Duration Time (체류 시간) 역시 고객이 정보를 탐색하기 위해 시간을 보낸다는 신호이므로 유용한 지표일 것이다.

정리

SNS는 개인적 이용뿐 아니라 기업에게도 중요한 판매 루트로 자리를 잡았다. 이는 SNS 서비스에도 광고, 마켓과 같이 금전적 매출을 만들어 낼 수 있기 때문에 이용 기업의 입장에서 분석하기 쉽게 기능을 구현해야 한다.

Facebook과 Instagram 모두 하나의 게시물이 업로도되는 시스템이다. 때문에 게시물 개별과 계정 전체를 각각 분석하는 것이 중요하다. 특히, 개별 게시물이 생산한 매출과 관련된 지표는 디지털 마케팅을 하는 기업에게 있어 지속적인 마케팅 캠페인 유치를 위해 꼭 필요할 것이다.

You Work, We Help!

고객의 문제를 기존과 다르게 어떻게 새롭게 정의했는가

금융의 영역은 다소 어려워 보이는 듯한 개념 때문에 접근하기에 허들이 있다. 대부분의 직장인은 회사에서 대신 소득을 신고하기 때문에 연말정산을 통해 세무 업무를 처리하기에 불편함이 적다. 다만, 아르바이트생, 프리랜서와 같은 직군은 세무 업무를 본인이 처리해야 한다. 종소세 신고는 '몰라서 안했다'는 응답 비율이 매우 높게 나타나고 있다. 개인이 스스로 알아서 처리해야 하는 환경에서 모르기 때문에 못한다는 문제를 '삼쩜삼'은 정의했다.

기존에 존재하던 해결방식을 새로운 기술과 방식을 통해서 어떻게 해결하는가

세금 업무 문제를 어플 하나로 간편하게 접근할 수 있도록 만들고 있다. 그리고 신고 단계까지 나아가지 않아도 간편한게 터치 몇번만으로 자신의 상태 현황을 알 수 있고 관련된 서비스가 전혀 없기 때문에 '삼쩜삼'만으로 세무 관련 업무를 처리하는 것이 가능하다

고객이 사랑할 수 밖에 없을 정도로 충분한 고객가치를 만들어내는가

1. 간편한 업무 처리

• 번호 입력만으로 환급금 조회 가능 -> 이후 환급 필요 시 결제만으로 환급 업무 처리까지 가능
• 기존 홈택스에서 신고 시 어렵고 복잡한 업무 처리 단계 -> 클릭 한번으로 복잡한 단계 제거

2. 돈을 버는듯한 느낌을 주는 단어 '환급'

• 세금을 '신고'하는 것이 아닌 '환급'이라는 워딩
  • 간편하게 돈을 새롭게 버는듯한 느낌을 줘 서비스에 대한 호감을 갖게 할 수 있음

'삼쩜삼'은 해당 고객을 통해 어떻게 수익을 창출해내고 있는가

Business Model & Pricing)

먼저 환급 조회는 무료로 가능하지만 실제로 환급을 원할 경우 결제 단계가 필요하다. 신고 대행 서비스는 세무 대리인이 필요하기 때문에 세무 대리인 선임이 필요하다.

그 문제를 가지고 있고 그 해결책을 좋아할 수 밖에 없는 고객이 얼마나 많은가

최근 사회적으로 'N잡' 키워드가 많은 인기를 끌고 있다. 퇴근 이후의 경험에서도 부업으로 수익을 창출하는 것에 관심이 많이 모이고 있기 때문이다. 이는 프리랜서 업무 영역에 해당하므로 이에 대한 세무 처리가 필요하다. N잡러는 점차 증가하는 추세이기 때문에 이에 대한 '삼쩜삼'의 대응 영역이 될 수 있을 것이다.

다른 경쟁자들이 쉽게 카피할 수 없는 차별적인 경쟁우위가 있는가

'삼쩜삼' 이외에도 자영업자 대응 AI 경리 서비스 '자비스'를 운영 중이다. 해당 서비스 역시 많은 이용자에 공급하고 있다. 기존에 유사 서비스를 서로 다른 페르소나에 대응하여 공급한 노하우가 있기 때문에 타 경쟁사 대비 경쟁력이 있다.

'삼쩜삼'은 과연 PMF를 찾았는가?

출시 이후 빠른 속도로 고객 수면에서 많은 성과를 보이고 있다. 문제 해결의 영역에서 기존에는 홈택스를 통한 불편한 세무 신고 절차를 거쳐야 했는데 '삼쩜삼'의 출시 이후 이에 대한 간소화가 가능해졌다. 문제 해결과 실제로 시장에서도 폭발적인 성장세를 보이고 있기 때문에 PMF를 달성했다고 생각한다.

Business Model

고객이 겪는 프로덕트의 총체적 경험

• 어떤 제품, 서비스를 어떻게 소비자에게 제공하고, 마케팅하며, 수익을 창출할 지 고민하는 계획 또는 사업 아이디어
  • '돈을 버는 방법', '어떻게 돈을 벌 것인가’

User Acquisition (고객 유입)

• 사용할 만한 가치가 있는가
• Lock-in 요소가 있는가 : 미사용, 사용 중단 시 불편함
• 우리 제품을 써야만 하는 이유가 있는가 : ‘고객은 우리 제품을 사용하지 않을거야. 어떻게 사용하게 할 수 있을까?'

모빌테크

'자율 주행'은 모빌리티의 새로운 미래 발전 방향 중 하나이다. 자율 주행을 구현하기 위한 차량을 개발하는 것도 중요하지만 이에 대응하는 환경은 모든 자율 주행 차량에 적용될 수 있기 때문에 시장의 크기는 더 크다고 볼 수 있다. 이외에도 '디지털 전환'과 'ICT' 개념이 주목을 받고 있는 추세에서 전세계의 각 정부 역시 '스마트 시티'에 대한 관심을 높이고 있다. 자동화된 도시 환경의 관리로 국민들의 삶의 질을 높일 수 있기 때문이다. 도시 공학을 전공해서 평소 관심이 있던 차에 하나의 기술로 여러 영역에서 새로운 미래를 그려나가는 서비스에 대해서 알아보고 싶어 과제의 대상으로 해당 기업을 고르게 되었다.

1. 목표 고객

   목표 고객은 어떻게 되는가?

   

   • 중앙/지방 정부, 국책 연구소, 공기업, 군 등 공공 관련 단체
   • 자율주행/GIS 기업, AI 기업, LiDAR 기업
     • LiDAR (Light Detection And Ranging, 빛 탐지 및 범위 측정) : 주로 지형 측량에 사용

2. 제공 가치

   제공하는 가치는 무엇인가? 다른 경쟁사와 다르게 고유하게 제공하는 가치가 있는가?

   

   • 공간 정보 산업의 고도화 : 쉴새 없이 변화하는 도시를 최신의 데이터로 제공하기 위해 도시를 매일 있는 그대로 기록
     • 디지털 트윈 : 도시 계획 분야
     • 정밀 지도 : 자율주행 분야
     • 공공 시설물 관리 서비스 : 도시 정비 분야

3. 채널

   고객에게 제품을 어떻게 전달하는가? 고객과의 접점은 무엇인가?

   

   • 3D 데이터 솔루션 플랫폼 제공
     • 매일 갱신한 데이터를 고객사에 니즈에 맞춰 사용 가능

4. 고객 관계

   대표 고객군과의 관계는 어떻게 만들고 있는가?

   

   

   • 사업 분야에 맞는 서비스 제공 : 도시 계획, 자율 주행, 공공시설물 관리
     • B2B, B2G 사업

5. 수익 구조

   수익 구조는 어떻게 되는가? 어떻게 돈을 벌고 있는가? (매출 - 비용)

   

   • 데이터 플랫폼 구독 서비스

6. 핵심 자원

   수 많은 자원들 중 가장 핵심적으로 필요한 자원은 무엇인가?

   

   • 공간을 있는 그대로 복제하는 3D 공간 스캐너
     • 스캐너를 통해 매일 갱신한 데이터 + AI 자동화 기술로 이용 목적에 맞게끔 활용 가능하도록 데이터 변환

7. 핵심 활동

   기업이 수익을 발생시키기 위해 또는 성장하기 위해 핵심적으로 하고 있는 활동은 무엇인가?

   • 지도 데이터의 일일 단위 갱신
   • 기술의 최신화를 위한 지속적인 R&D 투자

8. 핵심 파트너십

   긴밀하게 협업하는 이해관계자는 누구인가?

   • 상호 보완 가능한 분야의 이해관계자들과 MOU 체결
     • 스마트/자율주행 솔루션 기업과의 사업화로 자율주행 기술에 필요한 기술, 제품 고도화 : 모바일어플라이언스, 팬텀AI
     • 3차원 데이터 기반 XR 공간 지도 플랫폼 구축 : 서울시

9. 비용 구조

   제품을 만들거나 서비스를 운영하기 위해 대표적으로 발생하는 비용은 무엇인가?

   • 데이터 갱신 비용 : 물리적 데이터 수집 필요
   • 데이터 솔루션 유지 비용
   • 데이터 측위 솔루션의 기술 갱신을 위한 R&D 비용
   • 측정 환경을 마련하기 위한 초기 비용