{"id":621,"date":"2020-06-09T19:20:07","date_gmt":"2020-06-09T23:20:07","guid":{"rendered":"http:\/\/timtanhuynh.com\/ux\/?p=621"},"modified":"2025-05-19T12:06:11","modified_gmt":"2025-05-19T16:06:11","slug":"netflix-availability-info","status":"publish","type":"post","link":"https:\/\/timtanhuynh.com\/ux\/fail\/netflix-availability-info\/","title":{"rendered":"Netflix availability info"},"content":{"rendered":"\r\n<h2 class=\"wp-block-heading\">Context<\/h2>\r\n\r\n\r\n\r\n<p><a href=\"https:\/\/www.lionsgate.com\/shows\/mad-men\"><em>Mad Men<\/em><\/a> is one of my all-time favorite shows. I watch it every few years. Even though I own the series in other formats, I prefer watching it through Netflix. But a few weeks ago, I learned that it would be leaving the service. <em>Mad Men<\/em> will be gone as of 12 midnight PST on 10 June 2020. If I were a first-time viewer, I\u2019d be frustrated that I couldn\u2019t finish watching the series. I\u2019d also be confused if the show is gone all of a sudden and without any trace.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Flaws<\/h2>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Desktop Version<\/h3>\r\n\r\n\r\n\r\n<p>The desktop version doesn\u2019t prominently communicate the expiring availability of shows. Their thumbnails and overviews aren\u2019t distinct from other shows. The user has to select the Details panel for a given show and then select the Availability section. However, the Availability section only appears if the show\u2019s availability is expiring. This inconsistency can result in users not even considering to view the Details panel.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/netflix_1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-635\" src=\"http:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/netflix_1.jpg\" alt=\"Netflix search results\" width=\"1600\" height=\"800\" srcset=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/netflix_1.jpg 1600w, https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/netflix_1-1536x768.jpg 1536w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/a>\r\n<figcaption>The thumbnail for <em>Mad Men<\/em> doesn&#8217;t have any textual or visual information about its expiring availability.<\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/netlfix_2-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-641\" src=\"http:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/netlfix_2-1.jpg\" alt=\"Netflix overview\" width=\"1600\" height=\"800\" srcset=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/netlfix_2-1.jpg 1600w, https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/netlfix_2-1-1536x768.jpg 1536w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/a>\r\n<figcaption>The Overview panel lacks prominent indication about the impending removal of <em>Mad Men<\/em>.<\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/netlfix_3.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"800\" class=\"wp-image-642\" src=\"http:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/netlfix_3.jpg\" alt=\"Netflix details\" srcset=\"https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/netlfix_3.jpg 1600w, https:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/netlfix_3-1536x768.jpg 1536w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/a>\r\n<figcaption>The Details panel has an Availability section, in the last column, that displays the deadline of the show&#8217;s availability. This section isn&#8217;t styled differently, even though its information is more pertinent.<\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Mobile Version<\/h3>\r\n\r\n\r\n\r\n<p>The mobile version has a similar issue, but overviews of shows have noticeable text. That is, their availability deadline is prominent. Nonetheless, users might not see this text. Other page elements are competing for their attention.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" class=\"wp-image-645\" src=\"http:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/netflix_mobile_1-1.jpg\" alt=\"Netflix mobile search results\" width=\"400\" \/>\r\n<figcaption>The thumbnail for <em>Mad Men<\/em> in the mobile version doesn&#8217;t indicate its expiring availability, either.<\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" class=\"wp-image-646\" src=\"http:\/\/timtanhuynh.com\/ux\/wp-content\/uploads\/netflix_mobile_2.jpg\" alt=\"Netflix mobile overview\" width=\"400\" \/>\r\n<figcaption>The mobile version has noticeable text about the show&#8217;s availability deadline before the Play element. Users might still fail to notice this text.<\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Fixes<\/h2>\r\n\r\n\r\n\r\n<p>I would style thumbnails of departing shows to make them distinct. A horizontal or angled banner would be prominent without being tacky. For overview panels, I would display a message over the auto-played clip. The intent is to get users\u2019 attention. The scheduling of these notices would depend on the length of the departing show. Users should have enough notice to watch an entire show before it&#8217;s gone.<\/p>\r\n\r\n\r\n\r\n<p>Netflix could promote departing shows with a \u201cWatch Before It\u2019s Gone\u201d collection. The service could list it with other curated\/generated collections. I understand why Netflix wouldn&#8217;t want to highlight something that&#8217;s negative. However, it could create a sense of scarcity and urgency. With these proposed changes, <em>Mad Men<\/em> could\u2019ve gained some new fans.<\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>Netflix doesn&#8217;t warn users about shows that have expiring availability. This information is available, but it&#8217;s not presented in a prominent way. The mobile version is a bit more clear than the desktop version.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[25,34,11,17,9,21,35],"class_list":["post-621","post","type-post","status-publish","format-standard","hentry","category-fail","tag-error-prevention","tag-netflix","tag-not-distinct","tag-not-efficient","tag-ui","tag-ux-design","tag-video-streaming-service"],"_links":{"self":[{"href":"https:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/posts\/621","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/comments?post=621"}],"version-history":[{"count":41,"href":"https:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/posts\/621\/revisions"}],"predecessor-version":[{"id":1894,"href":"https:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/posts\/621\/revisions\/1894"}],"wp:attachment":[{"href":"https:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/media?parent=621"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/categories?post=621"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/tags?post=621"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}