메뉴
컨텐츠 검색
태그
서비스 디자인
미디어
리뷰
진로교육
프로젝트 방법
UI
pxd Talks
국내교육
Lean UX
퍼소나
디자인 사고
Persona
도서
전시와 작가
컨퍼런스/세미나
UX
심리학 산책
pxd
해외교육
조사 방법
최근글
댓글
공지사항
2018 pxd story 포스트 모음
2017 pxd story 포스트 모음
2016 pxd story 포스트 모음
아카이브
유투브 동영상 플레이어의 하단 bar 디자인 변경
2010. 5. 3. 00:31
ㆍ
UX 가벼운 이야기
위승용 uxdragon
UCC 사이트인 유투브 동영상 플레이어의 하단 bar 디자인이 변경되었습니다.
기존의 플레이어의 하단 bar는 튀어나온 형태로 동영상과 하나라는 느낌이 강했는데, 새로운 동영상 플레이어는 기존의 bar 형태와는 조금 다르게 디자인되었습니다.
그림1. 기존의 유투브 플레이어
그림2. 새로운 유튜브 플레이어 (하단 bar 비활성화)
기존 플레이어와 변경된 플레이어의 가장 큰 차이점은 활성화 상태와 비활성화 상태를 구분한다는 점입니다. 동영상 시청중에는 하단 bar가 흐리게 보여지고, 재생 위치와 로딩상태를 보여주는 인디케이터가 최소화됩니다.
그림3. 새로운 유투브 플레이어 (하단 bar 활성화)
재생중에 유저가 플레이어에 커서를 가져가면 하단 bar가 활성화 상태로 변하며, 재생위치 인디케이터의 크기가 커지며 놉이 생성됩니다.
그림4. 새로운 유투브 플레이어의 재생, 정지요청
동영상의 재생, 정지방법도 마우스커서를 가져가면 재생, 정지 버튼이 생성되어 클릭하는 기존 방식에서 동영상을 클릭할때마다 재생과 정지를 toggle 하는 방식으로 바뀌었습니다. 음량제어도 음량 아이콘에 커서를 가져가면 좌측에서 튀어나오는 형태로 변경되었습니다.
그림5. 유투브 플레이어의 하단 bar 비교 (기존 bar와 변경된 bar)
'동영상 플레이어'의 목적이 무엇인가? 라는 질문에 '동영상 감상'이라고 답한다면, 동영상 플레이어의 디자인도 동영상 감상을 최적화 시켜줄 수 있어야 한다고 생각합니다. 이런 관점에서 봤을때는 유투브 플레이어의 디자인 변경은 잘 한 선택이라는 생각이 드네요.
동영상 출처
http://www.youtube.com
http://www.youtube.com/watch?v=_7LO1QM56Ck
공유하기
URL 복사
카카오톡 공유
페이스북 공유
엑스 공유
게시글 관리
구독하기
pxd story
저작자표시
비영리
관련글
어린이날 포털사이트들의 로고를 클릭하면 어떤 정보가 보여지나?
2010.05.06
확인! OK! 계속! 완료! 버튼은 어디로?
2010.05.03
IDEO Method Cards (1) : Ask > Camera Journal
2010.05.02
혹시 <Objectified>를 아직까지 안보시는 분이 있나요?
2010.05.02
댓글
0
+ 이전 댓글 더보기
티스토리툴바
닫기
단축키
내 블로그
내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W
블로그 게시글
글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C
모든 영역
이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift
+
/
⇧
+
/
* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.