유튜브 클론 UI/UX 분석

UI 분석

-사용중인 UI 디자인 패턴!

1.전체 화면 시 메뉴

2.메뉴

3.GNB

4.검색어 자동완성

5.모달

6.숏츠 이동화면

7.무한 스크롤

-컬럼 그리드 시스템 사용 여부

UX 분석

-피터 모빌의 UX 7요소 충족 여부

1. 유용성(Useful) : 사용 가능한가?

   • 유튜브는 동영상과 음악을 감상하고, 직접 만든 컨텐츠를 고유할 수 있는 플랫폼으로 서비스하고자 하는 목적에 맞고 사용 가능한 기능들을 제공함
     -> 검색, 구독, GNB 등등

2. 사용성(Usable) : 사용하기 쉬운가?

   • 기본 홈화면에서 보이는 UI들이 대부분 상당히 직관적이면서 단순하게 나타나있어서 사용자들이 친숙하게 사용할 수 있음

3. 매력성(Desirable) : 매력적인가?

   • 동영상 공유 플랫폼이 여러개 있긴 하지만 가장 대중성있고 매력적인 서비스라고 생각함

4. 신뢰성(Credible) : 신뢰할 수 있는가?

   • 구글에서 운영하기 때문에 사용자들의 신뢰성이 높음

5. 접근성(Accessible) : 접근하기 쉬운가?

   • 음성 검색, 자막 제공, 컨텐츠 간의 구분, 다크 모드 지원, 대체 텍스트 지원 등

6. 검색 가능성(Findable) : 찾기 쉬운가?

   • 네비게이션 바, 정보 검색 기능 등을 넣어서 컴텐츠 검색 가능성을 잘 고려함

7. 가치성(Valuable) : 가치를 제공하는가?

   • 유튜브 웹 사이트와 어플 리케이션을 사용하는 사용자들 모두 유튜브의 가치성을 인정하고 있을 듯 함. 가치라는 것이 사용자들 마다 기준과 정도가 다르기 때문에 가치성에 대한 언급은 줄이겠음

사용성 평가

-제이콥 닐슨의 10가지 사용성 평가 기준 충족 여부

1. 시스템 상태의 가시성 (Visibility of system status)

2. 시스템과 현실 세계의 일치 (Match between system and the real world)

• 사용되는 용어들이 모두가 알아듣기에 쉬운 단어나 개념들을 사용함
  

3. 사용자 제어 및 자유 (User control and freedom)

• 동영상 숨김, 채널 추천항함을 실행하면 삭제 직후에 취소할 수 있는 카드로 변경됨

4. 일관성 및 표준 (Consistency and standards)

• 외부 일관성은 잘 모르지만 인터페이스의 일관성이 있음

6. 기억보다는 직관 (Recognition rather than recall)

• 검색 창에서 최근 검색 목록을 볼 수 있고 나중에 볼 목록 등이 존재하므로 사용자가 기억해야 하는 정보의 양을 줄일 수 있음

8. 미학적이고 미니멀한 디자인 (Aesthetic and minimalist design)

• 사용 빈도가 그다지 높지 않은 메뉴들을 사용자가 클릭 했을 때만 볼 수 있게 숨겨 놓아서 깔끔한 디자인이 돋보임
  

10. 도움말 및 설명 문서 (Help and documentation)

• 글이 아닌 이미지로 컴포넌트를 구성했을 때 마우스를 올리면 그에 대한 내용을 글로 적어서 안내함