[코드스테이츠 PMB 14기] 유튜브 쇼츠 Shorts 에 댓글창을 넣어보자 페이퍼 프로토타입 제작

[코드스테이츠 PMB 14기] 유튜브 쇼츠 Shorts 에 뺏겨버린 제 시간을 찾습니다

앞으로 펼쳐질 내용을 이해하시려면 먼저 이 글을 읽고오셔야 합니다!

---

1. 앱, 혹은 웹 서비스 1개를 선택합니다.
2. 해당 서비스가 가지고 있는 Flow에서 UX 개선이 필요한 부분을 서비스 이용자의 관점에서 정의 및 분석합니다. (Day 1에서 분석한 서비스여도 좋습니다.)
3. 이를 바탕으로 어떻게 화면(UI)을 개선할 수 있는지에 대해 페이퍼 프로토타입을 제작해 봅니다. 4.개선점을 적용한 서비스 기획 산출물(1가지 선택)을 작성합니다. (이전에 프로토타입을 제작했다면, 해당 프로토타입을 분석한 '서비스 기획 산출물'을 작성하시면 됩니다.)

---

유튜브 쇼츠 Shorts 의 UX 개선점

앞전 포스팅에서 유튜브 쇼츠의 UX 개선점으로 세가지를 꼽았습니다.

 

1. 다음편 자동 재생 기능의 부재

2. 타임라인바 조정 불가능

3. 댓글과 동시 시청 불가능

 

마음 같아서는 세가지 개선점을 모두 어떻게 개선하면 좋을지 프로토타입을 제작해보면 좋겠지만 아직 주니어(도 아닌)PM이니 그 중에서 하나만 꼽아보도록 하겠습니다. 나중에 제가 실력을 쌓아서 유튜브의 PM으로 들어가게 된다면 반드시 저 세가지를 개선해보이겠습니다. 몇년이 걸릴지는 모르겠지만요. 🤔

 

여기 중에서 제가 오늘 프로토타입으로 제작해볼 개선점은 바로 '3. 댓글과 동시 시청 불가능' 입니다. 물론 다른 개선점도 중요하지만, 가장 프로토타입으로 잘 표현할 수 있는 개선점을 꼽았습니다. 

이제 UX 경험을 간단한 유저저니맵을 통해서, 사용자 입장에서 어떻게 프로덕트를 사용하고 있는지 살펴보도록 하겠습니다.

---

유저 Flow 분석

1. 유튜브 메인 화면 내에 쇼츠 탭으로 쇼츠 진입

2. 재생되는 쇼츠 콘텐츠 감상

3. 아래로 스와이프해서 다음 콘텐츠 감상

4. 쇼츠 감상 도중에 댓글창을 탭한다.

5. 댓글창 진입

6. 위아래로 스와이프하면서 댓글을 감상한다.

7. 댓글을 충분히 감상했으면 아래로 내려서 댓글창을 닫는다

8. 쇼츠 화면으로 돌아와서 다시 감상을 시작한다.

 

 

이 FLOW 중에서 4, 5, 6 번 행동에서 댓글창이 화면의 반 이상을 가려서 보이지 않는다는 불편함이 있다. 쇼츠가 아무래도 빠른 동영상을 재생하기 때문에 댓글을 보려면 여러변 돌려서 재생을 해야한다.

그래서 이 UX를 댓글과 동시에 보이도록 개선해보려고 한다.

---

페이퍼 프로토타입

유튜브 쇼츠내에 동시 시청이 가능하게 한다면? 

지금의 댓글창 시스템을 개선하는 방향으로 페이퍼 프로토 타입을 작성해보았다.

 

현재 프로토타이핑에 유저 플로우는 이렇게 짜여있다.

 

1. 위로 스와이프할시 댓글창 등장

2. 위아래 스크롤로 댓글 이동

3. 댓글창 작성시 키보드 이동

4. 댓글창 나가기

 

---

1. 위로 스와이프 할 시 댓글창 등장

• 쇼츠 화면에서 사용자가 상태바로부터 위로 스와이프하면 댓글창이 올라온다.
• 댓글창은 화면의 5분의 1까지만 등장해서 쇼츠 화면을 최대한 해치지 않는 선까지 올라온다.
• 뒤에 있는 쇼츠 영상이 보이도록 댓글창은 반투명하게 보여진다

2. 위아래 스크롤시 댓글 이동

• 댓글창 영역에서 위아래로 스크롤하면 댓글이 이동하면서 다른 댓글을 볼 수 있다.
• 댓글창 작성 창을 탭하면 키보드가 생성되어 댓글을 작성할 수 있다.

3. 댓글창 작성시

• 댓글창 작성창을 탭하면 자동으로 키보드가 생성된다.
• 키보드 화면은 아래에서부터 상승한다.
• 댓글창도 키보드와 함께 상승한다.

 

4. 댓글창 나가기

• 댓글창 영역을 아래로 스와이프하면 댓글창이 사라진다.
• 완전히 사라지면 일반 쇼츠 화면으로 되돌아온다.

---

(요구사항 정의서 추후 추가)