유투브 동영상 플레이어의 하단 bar 디자인 변경

2010. 5. 3. 00:31UI 가벼운 이야기
위승용 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