Player GUI

Kollus Player 고객 여러분께, 보다 직관적이고 편리한 시청 환경을 제공하기 위해 Web Player에 새로운 GUI(그래픽 사용자 인터페이스)를 반영했습니다. Web Player는 기존 HTML5 플레이어의 한계를 보완하고, 최신 트렌드에 맞춘 디자인과 향상된 재생 컨트롤 UI를 적용하여, PC·모바일 등 다양한 디바이스에서도 일관되고 편리한 사용자 경험을 제공합니다.

▶️ 기존 대비 어떤 점이 크게 바뀌었을까요?

Before
After
  • 조작 편의성 향상 : 클릭·탭 영역 확대, 버튼 가시성 강화

  • 가독성 강화 : 폰트 크기확대, 명확한 레이블 제공

  • UI 일관성 확보 : PC·Mobile 공통 디자인 적용, 불필요한 기능 노출 최소화

  • 사용자 경험 개선 : 설정 패널, 재생 컨트롤 바 등 핵심 기능 재배치

🔍 달라진 점을 한눈에 비교해 보세요!

공통(VOD·LIVE)

  1. 아이콘·컬러 스타일이 개선되었고, 버튼·폰트 크기도 확대되었습니다.

Before
After
  1. 프로그래스 바 영역미리보기 섬네일 크기가 확대되었습니다.

Before
After
  1. 재생 컨트롤 바 버튼텍스트 레이블이 추가되었습니다.

Before
After
  1. 설정 패널의 인터페이스를 개편하였습니다.

Before
After

  1. 음소거 및 볼륨 기능의 위치를 이동하였으며, 볼륨 조절 방식도 개선하였습니다.

Before
After
  1. 재생 속도 변경 옵션 순서를 조정하였고, 패널 노출 방식도 개선하였습니다.

Before
After

VOD 전용

PC

  1. 구간 반복 아이콘을 우측 고급 기능 영역으로 이동하였고, 아이콘과 프로그래스 바 표시 방식을 개선하였습니다.

Before
After
  1. 북마크 메뉴의 일부 레이블을 변경하였습니다.

    1. All → 모든 북마크

    2. Index → 공식 북마크

    3. Bookmark → 내 북마크

Before
After

Mobile

  1. 구간 반복 버튼을 재생 컨트롤 바로 이동하였고, 프로그래스 바 표시 방식을 개선하였습니다.

Before
After
  1. Mobile에서는 작은 화면으로 인해 북마크 제목 수정 등이 어려워 북마크 편집 기능을 제공하지 않습니다. (PC에서는 정상적으로 제공됩니다.)

Before
After
  1. VR 버튼을 우측 상단으로 이동하였습니다.

Before
After

LIVE 전용

PC

  1. LIVE 레이블 표시 스타일을 개선하였습니다.

  2. 설정 패널 내부에 화질 선택 기능이 항상 표시되도록 개선하였습니다.

Before
After

Mobile

  1. 채팅 버튼을 우측 상단으로 이동하였습니다.

Before
After

😀 어떤 효과를 기대할 수 있을까요?

  • 모든 환경에서 더 직관적이고 편리한 시청 경험 제공

  • VOD·LIVE 서비스 특성에 맞춘 인터페이스 제공

  • PC·Mobile 간 일관성 있는 사용자 경험 확보

앞으로도 Kollus는 사용자 중심의 서비스 경험을 위해 지속적으로 개선을 이어가겠습니다!

Last updated

Was this helpful?