온라인 클래스 UI가 바뀌었습니다

안녕하세요. 블루닷 파트너 여러분. 오늘도 블루닷의 업데이트 소식을 전달해 드리고자 합니다.

그동안 AI 관련 기능 업데이트에만 치중한 나머지 숍 관련 기능의 개선 소식이 없어서 아쉬웠다는 지적을 자주 들었습니다. 아무래도 한정된 리소스로 블루닷의 여러 영역들을 동시에 업데이트 하려니 조금은 힘에 겨웠던 것이 사실입니다. 하지만 한 가지는 약속 드릴 수 있습니다. 앞으로 숍(e커머스) 기능 업데이트에 더 많은 시간을 할애하겠습니다. 그런 맥락에서 이번 업데이트를 봐주셨으면 합니다.

숍 상품 소개 페이지 개편

이번 상품 소개 페이지 개편의 방향은 정갈함과 정보 특성의 구분입니다. 상단에는 핵심 정보 즉 상품이나 클래스의 제목과 관련한 핵심 정보가, 하단에는 설명 정보가 나타나도록 명확히 구분했습니다. 반드시 인지해야 할 정보는 중복 노출해서 사용자들의 혼란이 없도록 했습니다. 기존 UI는 이미지만 상단에 큰 영역을 차지하게 되면서 사용자들이 해당 상품의 정보값을 제대로 인지하지 못하는 경우가 많았습니다. 이 부분을 보완하는 게 상품 소개 페이지의 목표였습니다. 필요 정보의 정확한 인지에 중점을 두었습니다.

온라인 클래스 시청 페이지 개편

온라인 클래스는 블루닷 프로 이상 고객분들이 가장 많이 판매하는 상품 중 하나입니다. 하지만 그동안 큰 변화가 없었던 것이 사실입니다. 이번 개편에는 적잖은 변화를 주었습니다.

• 플레이어 주변 배경색 변경 : 영상 시청을 위한 주변 배경색은 시청의 몰입도에 영향을 미칩니다. 대부분의 영상 플레이어 주변색이 검정색인 이유입니다. 검은색은 영상에 집중할 수 있도록 도와주고 대비 효과를 통해 영상의 색상과 밝기를 더 선명하게 부각시킵니다. 이전까지 블루닷의 온라인 클래스 배경색은 흰색 배경인었는데요. 이번에 이 부분을 수정했습니다.
• 강의자료 다운받기 위치 변경 : 온라인 클래스를 운영하는 파트너분들은 관련 자료를 첨부하는 경우가 많았습니다. 하지만 첨부 자료의 페이지 내 위치가 애매해서 잘 발견하지 못하는 경우가 많았습니다. 이번 개편을 통해서 좀더 두드러진 위치로 변경해 두었습니다. 강좌 목록 상단에 배치함으로써 목록을 볼 때마다 인식할 수 있도록 변경했습니다.
• 클래스 정보 위치 변경 : 플레이어 하단에 클래스 제목과 이용 기간 등 부가 정보를 노출시켰습니다. 앞서서도 강조했다시피 사용자가 반드시 인지해야 할 정보를 좀더 잘 보이도록 재배열하는 게 이번 개편의 목표였습니다.

강사 정보의 노출

숍에서 온라인 클래스를 선택하게 되면, 작성자 정보가 강사 정보로 표시되게 바꾸었습니다. 강사 소개를 이미지로 삽입하거나 일반 텍스트로 작성하느라 불편하신 분들이 많았을 텐데요. 작성자 정보가 곧 강사 정보로 하단에 자동으로 붙게 됩니다. 여러 명일 경우 관련 박스가 쌓여가는 방식으로 나타나게 됩니다. 앞으로 작성자 정보를 잘 관리해두시면 유용하게 활용하실 수 있게 될 겁니다.

몇 가지 계획들

말씀드렸다시피, 숍 관련한 기능에 좀더 많은 시간을 할애할 계획입니다. 예를 들어 온라인 클래스에 강의목록을 자동으로 표시하는 기능도 곧 적용할 계획이고요. 가격 등이 포함된 정보 박스를 스크롤에 따라 이동하도록 바꿔놓을 계획입니다. 머지 않은 시간 안에 수강 후기를 입력할 수 있는 공간도 결합시켜 보겠습니다. 필요한 기능은 계속 이메일(bluedot@mediasphere.kr)로 보내주시면 우선 순위를 정해서 업데이트 하도록 하겠습니다

앞으로도 기대해주시기 바랍니다.

하지만...

위 개편은 맞춤형 테마를 적용한 곳에는 일부 반영되지 않을 수 있습니다.