Bare Minimum Requirements
다음 항목 중 피터 모빌의 UX 7요소, 제이콥 닐슨의 10가지 사용성 평가 기준을 포함하여 최소 2가지를 선택하여 UI/UX 를 분석하고 블로그에 기록해주세요.
UI 분석
사용중인 UI 디자인 패턴
컬럼 그리드 시스템 사용 여부
UX 분석
피터 모빌의 UX 7요소 충족 여부
User flow 그려보기
사용성 평가
제이콥 닐슨의 10가지 사용성 평가 기준 충족 여부
1. UI 분석
사용중인 UI 디자인 패턴
- 모달
- 탭
- 태그
- 자동완성
- 아코디언
- 캐러셀
- 무한 스크롤
- GNB
없는 것: 토글, 페이지네이션, LNB
컬럼 그리드 시스템 사용 여부
- 유튜브는 반응형 웹
- 가장 넓은 화면에서는 메뉴를 포함한
- 아이패드 미니
2. UX 분석
피터 모빌의 UX 7요소 충족 여부
- 유용성? 9.5 동영상 스트리밍 기능에 적합한 기능들을 제공
- 사용성? 8.5 모달, 태그, 자동완성 등 친숙한 UI디자인패턴 사용
- 매력성? 10 핸드폰에서 사용하기 쉬운 세로 화면을 빠르게 제공함으로써 바쁜 현대인들에게 보다 매력적으로 영상을 제공
- 신뢰성? 6.5 유튜브 정책이 있지만, 타싸이트에서 검색한 정보가 유튜브에 뜨는 경우가 있어 신뢰성에 의문이 듦
- 접근성? 9 자막, 음성검색 기능, 비로그인 기능 등 나이, 장애여부 상관없이 접근성이 높은 편.
- 검색가능성? 6. 한 채널 안에서 검색기능이 없음, 구독 리스트 내의 검색 기능도 없음. 불편함.
- 가치성? 9 대체할 수 있는 스트리밍서비스가 많지 않아서 가치가 높음
User flow 그려보기
3. 사용성 평가
제이콥 닐슨의 10가지 사용성 평가 기준 충족 여부
-
시스템 상태의 가시성 (Visibility of system status)
-> 버퍼링과 같은 스트리밍 현재 상태를 제공 -
시스템과 현실 세계의 일치 (Match between system and the real world)
'구독', '탐색'과 같은 사용자에게 익숙한 단어를 사용
그러나 'Shorts'와 같은 친숙하지 않은 새로운 개념도 사용 -
사용자 제어 및 자유 (User control and freedom)
구독을 잘못 눌렀을 경우, 구독 취소 기능을 제공 -
일관성 및 표준 (Consistency and standards)
외부일관성: 모달, 태그 등 친숙한 디자인패턴 UI 사용
내부일관성: 일관적인 영상크기, 버튼 모양, 위치, 아이콘 크기 제공 -
오류 방지 (Error prevention)
구독 버튼 클릭 시 재확인 메세지나 기능이 없음 -
기억보다는 직관 (Recognition rather than recall)
자동완성기능, 검색기록 제공, 재생했던 영상목록 제공 -
사용의 유연성과 효율성 (Flexibility and efficiency of use)
개별맞춤영상추천, 구독 설정 가능, 재생목록 설정 가능
개별적으로 설정은 불가능하지만, 단축키를 다양하게 제공함
-
미학적이고 미니멀한 디자인 (Aesthetic and minimalist design)
아코디언으로 영상 부가설명을 감추어둠.
직관적인 아이콘 사용
영상 옆에 드롭다운 사용 -
오류의 인식, 진단, 복구를 지원 (Help users recognize, diagnose, and recover from errors)
회원가입 시 비밀번호 일치여부 확인 메시지가 뜸
구체적인 정보(영문, 숫자 등)는 제공하지 않음 -
도움말 및 설명 문서 (Help and documentation)
동영상 위에 마우스 올리면, '모두 재생'과 같은 가이드 제공
