UI/UX의 이해

UX는 사용자의 문제 해결여정에 초점, UI는 제품 표면의 모양과 기능에 초점
(구글 프로덕트 매니저, 켄 노턴)

UI(User Interface)

• 사용자가 제품/서비스를 사용할 때 마주하게 되는 시각적인 부분
• 폰트, 컬러, 레이아웃, 로고 등의 요소를 말함

UX(User Experience)

• 사용자가 제품/서비스를 경험할 때 느끼는 모든 순간의 만족을 의미
• 사용자들의 경험 데이터를 분석하여 더 편하고 효율적인 방향으로 사용자 중심적으로 설계된 UI(디자인)

디자인 시스템

• 동일한 브랜드/제품 서비스 이용 경험을 위해 탄생한 디자인 시스템
  • 다양한 채널에 거쳐서 브랜드 아이덴티티를 일관되게 전달하고, 높은 사용성을 유지하기 위한 목적
• ex) 해외 사례 : Apple HIG , Google Material Design
• ex) 국내 사례 : 라인 디자인 시스템, 스포카 디자인 시스템, 토스 디자인 시스템

UI/UX Case Study

국내 스트리밍 시장 점유율

특징 비교

Spotify

• 글로벌 1위 스트리밍 플랫폼, 완성도 높은 음악 큐레이션 제공
• 2020년 기준 MAU 3.5억명, 유료 구독자 1.6억명
• 워너, 유니버셜, 소니 등 글로벌 레이블사로부터 음원 라이센스 취득
• 미국 기준으로 광고를 동반한 무료 서비스(Freemium)을 통해서 서비스 전반을 이용할 수 있음
• 한국에서는 월 11,900원의 요금제로 이용 가능
• 주요기능
  • Personalised playlists
  • Discover new music
  • Listen offline
  • Stream on multiple devices

Naver Vibe

• 2018년 6월 네이버가 출시한 음악 플랫폼, 운영은 YG PLUS가 맡고 있음
• 2020년 11월 1월 네이버 뮤직 서비스가 종료되면서 VIBE와 통합
• 2022년 2월 기준 MAU 약 100만명, 유료구독자 약 60만명
• 국내 스트리밍 시장 내 점유율 약 10% 미만
• 네이버플러스 멤버십 혜택으로 제공
• 주요기능
  • Music AI (믹스테잎, 자동 추천 재생, 비슷한 노래보기)
  • Vibe Player (싱크가사, 파티룸, 노래방, Dolby Atmos Music 등)
  • 오디오

주요화면 비교

Spotify

• 홈
  • Good morning
    • 시간에 따라 다른 환영 메세지
    • 주로 들었던 음악들의 리스트 추천
  • New songs added
    • 새롭게 추가된 음악들
  • Podcasts
  • Recently played
    • 최근 들었던 음악
  • Jump back in
    • 다시 들을 플레이리스트 추천
  • Made for ‘닉네임’
    • 나만을 위한 믹스테잎
• 검색
  • 가사, 아티스트, 노래 제목 등으로 키워드 검색
• 라이브러리
  • 좋아했던 음악, 즐겨찾기를 했던 플레이리스트들을 볼 수 있음

Naver Vibe

• 홈
  • playlist
    • 컨셉별로 플레이리스트 추천
  • 나를 위한 믹스테잎
  • 우리의 취향이 만나는 곳, 파티룸
    • 방장(DJ)의 주관으로 듣고 있는 노래를 공유하여 청취 기능
  • 내 취향 플레이리스트
  • 지금, 당신을 위한 오디오
• 차트
  • 오늘 Top100
  • 국내 급상승 음악
• 오디오
  • 팟캐스트, 나래이션, 잠잘때 들으면 좋은 노래등
• 검색
  • 가사, 아티스트 등으로 검색
  • 아티스트에 대한 뉴스 기사도 시청가능
• 보관함
  • 좋아했던 음악, 아티스트, 플레이리스트, 앨범 등을 볼 수 있음.

플레이어 비교

Spotify

Naver Vibe

(추가) Youtube Music

음악 큐레이팅 UX

Spotify

Naver Vibe

Youtube Music