{"id":8714,"date":"2019-04-10T23:26:53","date_gmt":"2019-04-11T04:26:53","guid":{"rendered":"https:\/\/krisbunda.com\/blog\/?p=8714"},"modified":"2019-04-11T09:10:50","modified_gmt":"2019-04-11T14:10:50","slug":"ux-ui-best-user-experience-for-finding-new-music-youtube","status":"publish","type":"post","link":"https:\/\/krisbunda.com\/blog\/2019\/04\/10\/ux-ui-best-user-experience-for-finding-new-music-youtube\/","title":{"rendered":"[UX\/UI] Best User Experience for Finding New Music? YouTube."},"content":{"rendered":"\n

I submitted this to a discussion forum and decided to post it here also, since it’s both about digital design stuff [HCI (Human Computer Interaction), ID (Interaction Design), UI (User Interface), UX (User Experience)], and also a rant on why I like using a certain app to find new music for my DJing hobby. <\/p>\n\n\n\n

The reason I feel strongly about YouTube for song discovery is because I’ve been a long-time user of such algorithm-led music recommending apps as Pandora<\/a>, Spotify<\/a>, SoundCloud<\/a>, and even the specific electronic music sales outlets, like Beatport<\/a> and a couple that I don’t think exist anymore. None of them have given me as many rewarding suggestions per listening session as YouTube, which is ironic considering how long I resisted using it to listen to music–I remember years ago my wife saying how people listen to YouTube for hours–I thought, “What a waste of bandwidth–To play video when you only want audio!” But the algorithm and the UX set YouTube apart from the audio-only others that should <\/em>be better at finding new songs I’ll enjoy. <\/p>\n\n\n\n

Here’s my repost: <\/h2>\n\n\n\n

Consider a human-computer interaction with which you are familiar. <\/h3>\n\n\n\n

Describe types of interactions between user and computer, explain how these are part of the overall process and user experience.<\/h4>\n\n\n\n

The interaction I want to discuss is with YouTube, specifically; listening to and discovering new music on YouTube. YouTube helps me find new music for house mixtapes (my amateur hobby – https:\/\/www.mixcloud.com\/KrisBunda\/<\/a>) because it has an algorithm that makes suggestions based on videos for songs I previously indicated an appreciation for. <\/p>\n\n\n\n

Other than the basic YouTube UI of video playback buttons, the interactions I feel create a memorable and rewarding user experience are the ones that present tailored choices to me.[1]<\/a><\/p>\n\n\n\n

\"Preece,
Preece, J., Rogers, Y., & Sharp, H. (2015). Interaction design – beyond human-computer interaction (Fourth edition) Table 1.1<\/figcaption><\/figure><\/div>\n\n\n\n

When I go to YouTube.com, (if I\u2019m logged in) I\u2019m immediately shown various video thumbnails that are similar to videos I\u2019ve enjoyed recently. If I select one of them, I\u2019m shown a long list of other thumbnails I\u2019ll likely enjoy, either under the video viewport or on a sidebar card, depending on the browser size I\u2019m using. <\/p>\n\n\n\n

\"Good
Good UX – Finding new music on YouTube<\/figcaption><\/figure><\/div>\n\n\n\n

Describe how the conceptual model guides the design of the interface and interactions.<\/h4>\n\n\n\n

Videos have a thumbs up\/thumbs down rating system prominently displayed. This tells YouTube unambiguously if I liked a song (an input that may present more suggestions as an output). I can also easily bookmark or save videos in a folder name of my choosing. And there\u2019s a prominent \u201clisten later\u201d button on video thumbnails to save them for later. These are all intuitive functions that help me make choices and easily create inputs, but also create stakes where I’ve invested time and effort into telling the app about my preferences and have amassed files of gathered material there. <\/p>\n\n\n\n

Additionally, of the algorithm-produced recommendation video thumbnails, some of them have a text line stating \u201cRecommended for you\u201d next to them. I\u2019ve found these \u201cpicks\u201d to be more-often-than-not rewarding to choose. <\/p>\n\n\n\n

\"Good
Good UX – Finding new music on YouTube – Recommended for you<\/figcaption><\/figure><\/div>\n\n\n\n

Another important display of information is the length of\nthe videos, in hours, minutes, and seconds, which is in a small black box in\nthe corner of all thumbnails. This tells me if the recommended video is likely a\nhouse song (between 5 and 12 minutes long) or a DJ set (closer to an hour or\nmore in length) or something else entirely. The video title, also displayed\nnext to every thumbnail, aids in selection too, with a typical song title\u2019s format\nbeing [a producer name, hyphen, and song title]. If the thumbnail\u2019s title doesn\u2019t\nstick to this format, it\u2019s a clue I can skip it (e.g.; \u201cHow To Make \u2026\u201d or \u201cYou\nWon\u2019t Believe This \u2026\u201d are not songs).<\/p>\n\n\n\n

Explain how the interaction types and user conceptual model help to achieve\nthe goals of the application and meet the needs of the user.<\/h4>\n\n\n\n

All the elements mentioned communicate to me<\/em> or help me communicate to the app<\/em>. The conceptual model seems to understand how to help me make my preferences known and then exploit them to provide me with rewarding video choices. This intuitive, rewarding, low-effort, uncomplicated user experience keeps me coming back to YouTube, which is also a win for the app because it means I view more ads, the app\u2019s main revenue source.
<\/p>\n\n\n\n

\n\n\n\n

[1]<\/a> Preece, J., Rogers, Y., & Sharp, H. (2015). Interaction design: beyond human-computer interaction (Fourth edition) Table 1.1. Chichester: Wiley.<\/p>\n","protected":false},"excerpt":{"rendered":"

On why I like using a certain app to find new music: It’s the best input-to-output User Experience!<\/p>\n","protected":false},"author":1,"featured_media":8721,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","inline_featured_image":false,"kt_blocks_editor_width":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","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":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[4,5],"tags":[643,336,645,644,646],"class_list":["post-8714","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-designer","category-rants","tag-algorithm","tag-music","tag-ui","tag-ux","tag-youtube"],"aioseo_notices":[],"jetpack_publicize_connections":[],"taxonomy_info":{"category":[{"value":4,"label":"Designer"},{"value":5,"label":"Rants"}],"post_tag":[{"value":643,"label":"algorithm"},{"value":336,"label":"music"},{"value":645,"label":"UI"},{"value":644,"label":"UX"},{"value":646,"label":"YouTube"}]},"featured_image_src_large":["https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/04\/you-tube-recommended-for-you.png",734,596,false],"author_info":{"display_name":"Kris Bunda","author_link":"https:\/\/krisbunda.com\/blog\/author\/kris-bunda\/"},"comment_info":0,"category_info":[{"term_id":4,"name":"Designer","slug":"designer","term_group":0,"term_taxonomy_id":4,"taxonomy":"category","description":"Posts focusing on web, graphic, CAD, and other design.","parent":0,"count":91,"filter":"raw","cat_ID":4,"category_count":91,"category_description":"Posts focusing on web, graphic, CAD, and other design.","cat_name":"Designer","category_nicename":"designer","category_parent":0},{"term_id":5,"name":"Rants","slug":"rants","term_group":0,"term_taxonomy_id":5,"taxonomy":"category","description":"Posts focusing on off-topics, tangents, rascals, etc\u2026","parent":0,"count":32,"filter":"raw","cat_ID":5,"category_count":32,"category_description":"Posts focusing on off-topics, tangents, rascals, etc\u2026","cat_name":"Rants","category_nicename":"rants","category_parent":0}],"tag_info":[{"term_id":643,"name":"algorithm","slug":"algorithm","term_group":0,"term_taxonomy_id":647,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"},{"term_id":336,"name":"music","slug":"music","term_group":0,"term_taxonomy_id":336,"taxonomy":"post_tag","description":"","parent":0,"count":3,"filter":"raw"},{"term_id":645,"name":"UI","slug":"ui","term_group":0,"term_taxonomy_id":649,"taxonomy":"post_tag","description":"","parent":0,"count":0,"filter":"raw"},{"term_id":644,"name":"UX","slug":"ux","term_group":0,"term_taxonomy_id":648,"taxonomy":"post_tag","description":"","parent":0,"count":0,"filter":"raw"},{"term_id":646,"name":"YouTube","slug":"youtube","term_group":0,"term_taxonomy_id":650,"taxonomy":"post_tag","description":"","parent":0,"count":0,"filter":"raw"}],"jetpack_featured_media_url":"https:\/\/krisbunda.com\/blog\/wp-content\/uploads\/2019\/04\/you-tube-recommended-for-you.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p1NcZe-2gy","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/posts\/8714","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/comments?post=8714"}],"version-history":[{"count":5,"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/posts\/8714\/revisions"}],"predecessor-version":[{"id":8728,"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/posts\/8714\/revisions\/8728"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/media\/8721"}],"wp:attachment":[{"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/media?parent=8714"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/categories?post=8714"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/krisbunda.com\/blog\/wp-json\/wp\/v2\/tags?post=8714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}