Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

UX 아카데미 오픈프로젝트 [Youtube - UX/UI 개선]

1,316 views

Published on

라이트브레인 2019 UX 아카데미 Open Project입니다.
이번에 소개해 드릴 프로젝트는 'Youtube - UX/UI 개선 프로젝트'입니다.

지난 10월~12월까지 진행된 UX교육기간 동안 정규과정의 수업 뿐만아니라 별도의 조별 모임을 통해 과제와 프로젝트를 진행하며 만들어 낸 신선한 아이디어를 Rightbrain lab을 통해 공개합니다.

라이트브레인 아카데미 수강생들이 어떤 과정을 통해 아이디에이션하고 또 인사이트과 컨셉을 도출했는지 궁금하시다면 지금 바로 슬라이드쉐어로 내용을 확인하세요.

Published in: Design
  • Be the first to comment

  • Be the first to like this

UX 아카데미 오픈프로젝트 [Youtube - UX/UI 개선]

  1. 1. 2
  2. 2. 3
  3. 3. 4
  4. 4. 5
  5. 5. 6
  6. 6. 7 7
  7. 7. 8
  8. 8. 9
  9. 9. 10
  10. 10. 11
  11. 11. 12
  12. 12. 13
  13. 13. 14
  14. 14. 
 Field Research Overview Subcategory Issue Checkpoint 정보탐색 정보탐색 빈도 YouTube에서 정보탐색을 많이 하고 있는지 정보탐색 부류 및 방법 주로 어떠한 정보를 YouTube에서 얻고 있으며 어떻게 얻고 있는지 인기 탭 사용여부 인기 탭에 평소에 자주 접근하는지 사용용도 인기 탭을 사용할 경우, 주로 어떤 용도로 사용하는지 카테고리 구성의 적절성 카테고리 구성(음악/게임/영화/패션)이 적절한지 카테고리 세분화가 충분하다고 생각하는지 흥미유발 표시되는 콘텐츠의 내용이 흥미로운지 15
  15. 15. 
 Field Research Overview Subcategory Issue Checkpoint 재생 시청 패턴 주로 시청하는 콘텐츠가 어떤 것인지 편의성 재생화면의 레이아웃, 기능 등이 콘텐츠를 시청하는데 편리한지 연속된 콘텐츠 시청 연속된 콘텐츠를 시청하는데 불편함이 없는지 추가활동 추가활동 참여여부 댓글, 좋아요 등 콘텐츠 시청 이후의 추가활동에 참여하는지 소비심리 자극여부 어떠한 제품을 접할 때 그 제품에 대한 소비욕구가 생기는지 16
  16. 16. 
 IDI : 유저 파악, 사용 목적을 파악하기 위한 기본 질문 17 목적 질문 유저의 사용 단계(라이트유저 ↔ 헤비유저) 파악 YouTube를 많이 이용하는지? 이용 빈도는 어떻게 되며 그 이유는? 주요 활동 파악 주로 어떤 콘텐츠를 보며 해당 콘텐츠를 많이 보는 이유는? 인기 탭 사용 빈도 및 견해 파악 인기 탭을 많이 보는지? 인기 탭에 대한 개인적인 생각 및 이유는? 인기 탭 카테고리 수정 소요 파악 인기 탭의 카테고리가 적절히 나누어져 있다고 생각하는지? 카테고리 양은 적은 지, 많은 지? 정보탐색 패턴 파악 정보탐색 시 텍스트 기반(네이버, 구글 등) 포털을 이용하는지 영상기반 포털을 이용 하는지? 정보탐색 편의성 파악 YouTube에서 정보탐색 시 원하는 정보를 빠르게 찾을 수 있었는지? 재생 편의성 파악 YouTube 재생 레이아웃 및 기능이 편리하다고 생각하는지? 추가활동 참여도 파악 댓글 및 좋아요 등 추가활동에 적극적으로 참여하는지? 콘텐츠의 소비심리 기여도 파악 유튜버가 사용하거나 먹는 제품을 보면 사고 싶다는 생각이 들었는지?
  17. 17. 18
  18. 18. 
 Key Finding 탐색 (홈, 인기, 구독, 채널, 검색) 조회 (재생) 추가활동 (댓글, 좋아요 등) ‘(유튜버) 시청자가 이 채널을 시청합니다.’의 뜻을 ‘(유 튜버)가 이 채널을 본다’로 헷갈린 적이 많다. 연속되는 콘텐츠를 시청할 때 다음 영상이 명확히 리스 트에 나타나지 않아 불편하다. 내가 쓴 댓글을 모아서 보고 싶다. 영상의 처음으로 돌아갈 때 재생바를 터치하는 것이 불 편하다.YouTube의 인기 탭을 거의 이용하지 않으며 이용하더 라도 단순 킬링타임 용도로만 사용한다. 댓글에서 언급하는 닉네임과 내용 구분이 안 되어 있어 서 혼동된다. 재생목록에서 자동재생을 키고 끌 수 없어 불편하다. 선호 콘텐츠에 편리하게 접근하기 위해 카테고리 세분 화 및 순서 조정이 가능했으면 좋겠다. 댓글을 보기 위해선 스크롤을 많이 내려야 해서 힘들다. 타이머를 걸어 내가 설정한 시간 이후에 재생이 자동으 로 종료되면 좋겠다. 영상을 반복 재생할 수 없다. (현재 PC만 가능) 댓글에 타임스탬프 기능을 만들어 인기 있거나 사용자 들이 중요하다고 생각하는 부분에 빠르게 접근할 수 있 었으면 좋겠다. 채널 내에서 콘텐츠를 검색하고 싶은데 전체검색만 가 능해 불편하다. 시청하기에 불편한 광고가 너무 많은데 광고를 필터링 할 수 없다. 인기 탭의 분류 및 필터링 기준이 조금 더 다양했으면 좋 겠다. 고정 댓글의 수가 적어서 아쉽다.재생영역 내에 유튜버가 사용하는 제품을 구매하도록 유도하는 기능이 있다면 소비에 도움이 될 것 같다. 19
  19. 19. 
 Insight 20 사용자가 원하는 정보의 접근성 향상 + 재생 편의성 및 추가활동 사용성 강화 ━ 어색하거나 오해를 줄 수 있는 UI 개선 ━ 인기 탭 카테고리 세분화 및 순서 조정 기능 도입 ━ 채널 내 검색 기능 추가 ━ 연속 콘텐츠 시청 시 다음 동영상을 강조하는 UI 제공 ━ 재생 중 ‘처음으로 돌아가기’ 버튼 추가 ━ 반복재생 (YouTube 공식 용어 : 연속 재생) 기능 제공 ━ 재생목록 내 자동재생 On & Off 버튼 추가 ━ 재생 타이머 추가 ━ 다음 동영상과 댓글 영역을 스크롤이 아닌 탭으로 구분하여 영역 간 이동 편의성 강화 ━ 댓글에서 닉네임 언급 시 닉네임 강조 ━ ‘타임스탬프 댓글’ 및 타임스탬프 댓글 하이라이트 표시 기 능 추가 (시청 중인 구간을 지정하여 댓글을 작성하는 기능 이며, 좋아요 수 상위 3개 댓글을 재생 UI에 표시) ━ 보관함 내 ‘내 댓글 모아보기’ 기능 제공 (내가 작성한 모든 댓글을 조회 및 관리할 수 있는 기능) ━ 동영상 설명 란에 콘텐츠 내 등장하는 제품에 대한 추가정보 및 구매링크를 제공할 수 있는 영역 제공
  20. 20. 21 영상 콘텐츠 중심 의 차세대 포털 콘텐츠 접근성 향상 추가활동 사용성 강화 재생 편의성 강 화 선호하는 콘텐 츠 & 원하는 콘 텐츠를 쉽고 빠 르게 찾고 싶다 즐겨보는 채 널의 정보만 엄선해서 찾 고 싶다 연속된 콘텐 츠를 막힘 없 이 보고 싶다 유튜버가 사 용하거나 먹 는 제품에 대 해 자세히 알 고 싶다 같은 영상을 반복해서 보 고 싶다 재생 중 영상의 처음으로 돌아 갈 때 재생바를 터치하는 것이 불편하다 인기 탭 카테고리 세분화 및 순 서 조정 기능 제공 채널 내 검색 기능 제공 연속된 콘텐츠 강조 기능 제공 ‘연속 재생’ 기능 제공 재생 중 ‘처음으로 돌아가기’ 버튼 추 가 재생목록 재 생 시 다음 영 상 자동재생 여부를 제어 하고 싶다 재생목록 내 자동재생 버튼 추가 타이머를 걸어 설정한 시간 이 후에 재생이 종 료되면 좋겠다 재생 타이머 기능 추가 
 (설정한 시간이 지나면 YouTube 종료) 동영상 내 제품에 대한 추가정보 및 구매링크를 설명 영역에 제공 댓글에서 언급 하는 닉네임과 내용 구분이 안 되어 있어서 혼 동된다 댓글에서 닉네임 언급 시 닉네임 강조 댓글을 보기 위해선 스크 롤을 많이 내 려야 해서 힘 들다 다음 동영상과 댓글 영역을 탭으로 구분 댓글 탭 버튼에 댓글 수 표시 동영상의 중 요한 부분을 빠르게 알고 싶다 ‘타임스탬프 댓글’ 기능 추가 (현재 시청 중인 구간이 지정된 댓글을 작성 할 수 있으며, 좋아요 수 상위 3개의 타임스탬 프 댓글은 재생 UI에 별도 표시) 
 UX 전략/Concept
  21. 21. 22
  22. 22. 
 UX Scenario 1 23 사용자 특성 : 얼리어답터 / 스마트폰을 매년 최신 플래그십 모델로 교체하고 있으며 평소 IT 제품 리뷰 시청을 즐김  제공 가치 : 정보 탐색, 조회, 추가 활동 등 서비스 이용 전 과정에 걸쳐 편의 기능을 제공하여 접근성 및 편의성 강화 Activity Experience Solution 접근 탐색 재생 추가활동 출근길, 차세대 플래그십 스마트폰 루머가 유출되었다는 소식을 접하여 YouTube 접속 후 평소 시청하는 IT 리뷰 채널에 접근한다 한정된 시간 내 모바일로 핵심 정보 만 빠르게 파악하고 싶다 채널 내 동영상 목록에 서 원하는 영상을 찾는 다 찾는 정보와 무관한 영 상이 섞여 있어 원하는 영상을 찾기 힘들다 채널 내 검색 기능을 제공해 채널 내에서 원하는 정보를 빠르게 찾을 수 있도 록 함 ‘갤럭시S 11 2020년 2월 이렇게 나온다’라는 영상을 찾아 재생한다 동영상을 시청하는데, 원하 는 핵심정보에 이르기까지 의 서론이 너무 길어 시간 내에 원하는 정보를 찾기 어려울 것 같다 타임스탬프 댓글 기능을 제공해서 대다수 사용자가 원하는 핵심정보가 있는 구간을 알려주고 그 구간에 빠르게 접근할 수 있도록 함 특히, 좋아요 수 상위 3개의 타임스탬프 댓글은 재생 UI에 직접 하이라이트 표시가 되어 접근성이 더욱 향상됨 다음 동영상과 댓글 영역을 탭으로 구분하여 영역 간 이동을 편하게 함 ▪ 탭으로 YouTube 전체 검색과 채널 내 검색을 구분하여 검색할 수 있음 ▪ 채널 내 검색에선 자동완성 기능을 이용하여 관련 영상이 검색 영역 내에 요 약 제공됨 (예: 아이폰을 검색하면 ‘아이’까지만 검색해도 아이폰이 자동완 성되어 아이폰에 관련된 채널 내 영상을 미리 확인할 수 있음) ▪ 하이라이트 표시된 댓글은 타임스탬프가 재생 UI 내 해당 구간 위에 노출되 어 있어 해당 댓글이 어느 구간에 있는지 한눈에 파악할 수 있음 ▪ 하이라이트 표시된 댓글은 미리보기가 가능하고, 표시는 일시정지를 하거 나 다시 재생 또는 재생 중 재생영역을 터치하여 내비게이션 버튼이 노출되 고 있을 때 같이 노출되었다가 사라짐 다른 사람들의 생각을 알기 위해 댓글을 확인한다 댓글을 보는 것 자체에 불편 함은 없지만, 스크롤을 많이 내려야 해서 번거로울 때가 있다 영상 말미에, 유튜버가 ‘갤럭시S 11’을 기다리기 어려운 사람들에 게 추천하는 제품 리스트를 영상 설 명에 알려주겠다고 언급했다 여러 제품이 나올 것으로 예상되는 데, 다른 영상에서 많은 제품이 길 게 나열되었을 때 보기에 정신이 없 었던 기억이 있다 영상 정보에 유튜버가 관련 제품 정보를 직접 등록하도록 하여 이용자는 설명 란에서 해당 제 품들에 대한 정보를 확인할 수 있음 ▪ 이미지, 제품명, 간략 설명, 구매 링크 등 이 제공되고 각 내용은 유튜버가 직접 설 정함 ▪ 광고라고 인식되지 않기 위해 가격은 설 정 X ▪ 많은 제품을 등록하더라도 횡스크롤로 각 제품을 이동하도록 하여 스크롤 부담 을 주지 않음
  23. 23. 
 UX Scenario 2 24 사용자 특성 : 대학생 / 스포츠에 관심이 많아 평소 하이라이트 영상 시청을 즐김  제공 가치 : 원하는 정보를 보다 쉽고 빠르게 찾을 수 있도록 하며, 재생 과정의 자연스러움 제공 및 핵심 경험을 놓치지 않도록 함 Activity Experience Solution 접근 탐색 팀플을 마친 후 피곤한 몸을 이끌고 귀가한다 중요한 국가대표 경기가 있었지만, 팀플 시간과 겹쳐 중계방송을 시청하 지 못했다 하이라이트 영상이 인 기 탭에 있길 기대하고 인기 탭에 진입한다 중대한 시사 이슈가 터지는 바람에 관 련 영상으로 인기 탭이 가득하고 스포 츠 탭이 따로 없어 하이라이트 영상을 찾을 수 없다 인기 탭 카테고리를 일부가 아닌 YouTube의 모든 카테고리로 세분화하여 인기 영상을 각 카 테고리 단위로 손쉽게 찾을 수 있도록 함 각 카테고리의 나열 순서를 변경할 수 있도록 하여 선호 카테고리의 인기 영상을 빠르게 찾을 수 있도록 함 ▪ 세분화되는 카테고리는 각 동영상에 설정된 기존 YouTube 카테고리 분류를 따름 (현재 총 15 개) 재생 원하던 하이라이트 영상을 찾아 재생한다 하이라이트 영상이 여러 개의 구 간 별 영상으로 나뉘어 있는데, 다 음 동영상이 순서대로 연결되어 있 지 않는 경우가 있어 일일이 찾아 야 해서 자연스러운 시청에 문제 가 있다 별도의 재생목록을 사용하지 않더라도 연 속된 콘텐츠를 막힘 없이 시청할 수 있도 록 다음 동영상 탭에서 이어지는 콘텐츠 강조 표시 ▪ 동영상 제목, 등록일 등을 고려하여 연 속된 콘텐츠 나열 ▪ 3편 이상의 장편으로 연속될 경우, (n/ 3) 등으로 현재 편수와 총 편수를 같이 표시 결정적인 순간이 담긴 영상 을 반복 재생한다 모바일 버전에선 연속 재생 기능을 쓸 수 없기 때문에 다 시보기 버튼을 매번 눌러야 한다 PC버전 뿐만이 아닌 모바일에서 도 연속 재생 기능 제공
  24. 24. 학교 팀 프로젝트 활동을 마치고 피곤한 몸 을 이끌고 귀가한 대학생 A씨. 오늘은 중요한 국가대표 경기가 있는 날이었지 만, 팀 프로젝트 시간과 겹쳐 중계방송을 시청하 지 못했다. YouTube의 인기 탭에 접속하여 하이라이트 영상을 찾으 려 했지만 설상가상으로 중대한 시사 이슈가 발생해 국가 대표 하이라이트 영상을 도저히 찾을 수 없는 상태. 또한 스포츠 탭은 뒤에 있어 기나긴 스크롤을 해야만 하는 상황 이다. 스포츠 탭을 앞으로 가져오기 위해 카테고리 커스 터마이징 기능을 실행하는 A씨. 25
  25. 25. 전체 카테고리 리스트가 나타난다. 스포츠 탭을 발견하고 드래그 & 드롭으로 스포츠 탭을 앞으로 가져온 후 확인을 누른다. 옮긴 자리에 스포츠 탭이 나타난다. 스포츠 탭에 접속. 마침내 원하던 하이라이트 영상을 찾을 수 있다. 26
  26. 26. 
 UX Scenario 3 27 사용자 특성 : 공시생 / 예민한 성격을 가졌으며 불면증을 앓고 있어 숙면에 지장이 있는 상태로 ASMR 콘텐츠의 도움을 받고 있음  제공 가치 : 장시간 연속 재생 또는 수면 시 자동재생 기능을 이용하는 경우에 과도한 연속 재생이 되지 않도록 하여 재생시간을 제어하고 배터리 과소비를 방지함 Activity Experience Solution 접근 탐색 및 재생 하루 공부를 마친 후 피곤한 몸을 이 끌고 귀가, 바로 잠자리에 든다 시험을 앞두고 공부의 강도가 더 세 지고 스케줄이 불규칙해지면서 불면 증이 더욱 심화됐다 ASMR 재생목록을 탐 색하고 해당 재생목록 을 재생한다 재생목록들은 보통 총 재생시간이 매우 긴 경우가 많아 배터리 과소비가 심하 고 숙면 중에는 도리어 영상의 소리 때 문에 방해를 받은 적도 있다 재생 중 타이머를 설정하여 설정한 시간이 지나면 재생이 자동으로 중단되도록 함 ▪ YouTube 앱 자체가 종료되면서 재생이 중단됨 ▪ 타이머 설정 시간은 시/분 단위로 수기 입력하여 설정할 수 있음 ▪ 일반 재생 및 재생목록 재생 시 모두 타이머를 설정할 수 있고, 중간에 재생을 완전히 정지하지 않는 한 설정한 타이머는 계속 유지됨 ▪ 남은 타이머 시간을 재생화면 또는 재생 중 탐색 과정에서 확인할 수 있음
  27. 27. 공시생 B씨는 오늘도 고된 공부를 마치고 취침 준 비를 한다. 최근 불면증이 심해져 YouTube에서 ASMR 영상을 찾아 보고 있다. ASMR 재생목록을 찾아 재생한다. 그리고 이제 이어폰을 끼고 잠에 드려 하는데… 갑자기 예전 생각이 난 B씨. 그날은 왠지 모르게 ASMR 영상에서 나는 소리가 시끄러워 그만 중간 에 잠에서 깨고 말았었다. 당시의 시간은 새벽 4 시. 28
  28. 28. 같은 사태가 되풀이되는 것을 방지하기 위해 타이 머 기능을 실행한다. 원하는 시간을 선택해 설정한다. 타이머 설정이 완료되었다. 오늘은 꿀잠을 잘 수 있겠지? 29
  29. 29. 설정한 시간이 지났다. YouTube는 종료되었고 B씨는 성공적으로 단잠에 들었다. 30
  30. 30. 31
  31. 31. 32
  32. 32. 33
  33. 33. 34
  34. 34. 35 Lo-Fi (Scenario 1): 테크 리뷰 채널에 접속 후 채널 내 검색을 통해 ‘갤럭시 11’을 검색하여 검색결과를 얻어낸 화면. 채널 내 검색 시 검색어 가 자동완성되며 자동완성된 키워드와 관련된 채널 내 동영상이 추천된다.
  35. 35. Lo-Fi (Scenario 1): 영상을 선택하여 재생하고 재생 도중 하이라이트 댓글을 확인 후 해당 댓글의 상세 내용을 확인하는 화면. 실제 재생되는 중에는 아이콘이 노출되지 않고, 영상 영역을 터치해 재생 내비게이션이 노출될 때 같이 노출된다. 아이콘을 눌러 댓글 요약을 확인할 땐 영상 이 일시정지가 되며 요약 창을 닫거나 요약 창을 선택해 해당 구간에 이동할 때 다시 재생된다. 36
  36. 36. 37 Lo-Fi (Scenario 1): 동영상의 상세 내용을 확인해 유튜버가 직접 설정한 제품 추가정보를 확인하고 댓글 작성 후, 타임 스탬프 댓글만 확인하 도록 정렬 조건을 설정하는 화면. 댓글 작성 시엔 타임스탬프 댓글을 작성하기 위해 아이콘(도장 모양)을 누른 상태이다. 타임스탬프 댓글 등록 시 현재 재생 중인 구간이 자동으로 지정된다.

×