{"id":3827,"date":"2013-09-18T15:37:25","date_gmt":"2013-09-18T19:37:25","guid":{"rendered":"http:\/\/elwinlee.com\/blog\/?p=3827"},"modified":"2014-11-06T16:17:43","modified_gmt":"2014-11-06T21:17:43","slug":"youtubes-new-video-player-ui","status":"publish","type":"post","link":"https:\/\/www.elwinlee.com\/blog\/youtubes-new-video-player-ui\/","title":{"rendered":"YouTube&#8217;s New Video Player UI"},"content":{"rendered":"<p><img decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/elwinlee.com\/blog\/wp-content\/uploads\/2013\/09\/youtube-ui.png\" alt=\"\" \/><br \/>\nYou&#8217;ve probably noticed the subtle change in the YouTube video player UI implemented a few days ago. They moved the &#8220;Player Size&#8221; and &#8220;Video Quality&#8221; buttons and incorporated them into the Cogwheel button. Their goal was to make the video player UI more compact and they&#8217;ve achieved that doing so.<\/p>\n<p>Personally, I hate the new UI&#8230; not because I hate change, but because they moved the 2 of my most used buttons and nested them within another one. From an interaction standpoint the previous UI was simple:<\/p>\n<ul>\n<li>Set to Player Size: (1) Press Player Size button<\/li>\n<li>Change quality: (1) Press Video Quality button, (2) Set desired quality<\/li>\n<\/ul>\n<p>Now with the new video player UI I have to perform an extra interaction in order to change the screen size and video quality:<\/p>\n<ul>\n<li>Set to Player Size: <strong>(1) Press Cogwheel button<\/strong>, (2) press Player Size button<\/li>\n<li>Change quality: <strong>(1) Press Cogwheel button<\/strong>, (2) Press Video Quality button, (2) Set desired quality<\/li>\n<\/ul>\n<p>One extra interaction doesn&#8217;t seem much, but for me and I think for a lot of other users it&#8217;s an annoyance. Also, visually the new Player Size button is a bit weird. It looks like a toggle switch but it acts as a slider. I get confused sometimes thinking the &#8220;darker&#8221; side is the active one.. it&#8217;s actually the other way around. To make it more intuitive and clear, there&#8217;s a simple fix simply by adding a more distinctive rounded corner and by adding a drop shadow to the activated side.<br \/>\n<a href=\"http:\/\/elwinlee.com\/blog\/wp-content\/uploads\/2013\/09\/youtube-ui-slider.png\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3843\" src=\"http:\/\/elwinlee.com\/blog\/wp-content\/uploads\/2013\/09\/youtube-ui-slider.png\" alt=\"youtube-ui-slider\" width=\"245\" height=\"144\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>You&#8217;ve probably noticed the subtle change in the YouTube video player UI implemented a few days ago. They moved the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3828,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[429,21,255,2301],"tags":[282,890,1286,1961,1964,2254,2277,2278,2279,2280,2281,2282,2283],"class_list":["post-3827","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-rage","category-technology","category-ux-ui","tag-youtube","tag-new","tag-interaction","tag-ui","tag-button","tag-user-interface","tag-video-quality","tag-player-size","tag-widescreen","tag-cogwheel","tag-slider","tag-toggle","tag-video-player"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/www.elwinlee.com\/blog\/wp-content\/uploads\/2013\/09\/youtube-ui.png","jetpack_shortlink":"https:\/\/wp.me\/p1mtRf-ZJ","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/www.elwinlee.com\/blog\/wp-json\/wp\/v2\/posts\/3827","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elwinlee.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.elwinlee.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.elwinlee.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elwinlee.com\/blog\/wp-json\/wp\/v2\/comments?post=3827"}],"version-history":[{"count":2,"href":"https:\/\/www.elwinlee.com\/blog\/wp-json\/wp\/v2\/posts\/3827\/revisions"}],"predecessor-version":[{"id":4072,"href":"https:\/\/www.elwinlee.com\/blog\/wp-json\/wp\/v2\/posts\/3827\/revisions\/4072"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.elwinlee.com\/blog\/wp-json\/wp\/v2\/media\/3828"}],"wp:attachment":[{"href":"https:\/\/www.elwinlee.com\/blog\/wp-json\/wp\/v2\/media?parent=3827"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.elwinlee.com\/blog\/wp-json\/wp\/v2\/categories?post=3827"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.elwinlee.com\/blog\/wp-json\/wp\/v2\/tags?post=3827"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}