{"id":769,"date":"2024-11-11T02:53:36","date_gmt":"2024-11-11T02:53:36","guid":{"rendered":"https:\/\/blog.localify.org\/?p=769"},"modified":"2024-11-11T02:55:05","modified_gmt":"2024-11-11T02:55:05","slug":"contextualizing-local-music-ismir24","status":"publish","type":"post","link":"https:\/\/blog.localify.org\/index.php\/2024\/11\/11\/contextualizing-local-music-ismir24\/","title":{"rendered":"Contextualizing Local Music @ ISMIR24"},"content":{"rendered":"\n<p>Our goal at <a href=\"https:\/\/localify.org\/\"><strong>Localify.org<\/strong><\/a> is to help people discover local artists within their communities. However, it is difficult to design an effective &#8220;Local Music Recommendation&#8221; user experience (UX) for a number of reasons:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>most local artists are likely <strong>obscure<\/strong> and likely <strong>unfamiliar<\/strong> to most users. As a result, showing the <strong>artist names<\/strong> will not provide much information.  <\/li>\n\n\n\n<li>genre, emotion, instrument, and usage <strong>tags<\/strong> can be be vague and non-specific, but they can be consumed quickly.  <\/li>\n\n\n\n<li><strong>images<\/strong>, such as promotional photos and album covers, <a href=\"https:\/\/drive.google.com\/file\/d\/1ZkfVElvgyGeZJgG5Sx450bQK9kBeFYKp\/view\">can tell us something about an artists<\/a> but also can be vague, non-specific, and sometimes misleading.<\/li>\n\n\n\n<li>listening to <strong>music<\/strong> may be the best way for a user to form an opinion about an artist but listening music is relatively slow compared to scanning text or looking at images. <\/li>\n<\/ul>\n\n\n\n<p>For the past, few year we have been designing and redesigning Localify with these limitations in mind. We put many of these thoughts into a Late-Breaking Demo paper for the 2024 International Conference on Music Information Retrieval (ISMIR &#8217;24) in San Francisco this November. <\/p>\n\n\n\n<p>Here are a couple of the highlight from our recently relaunched Localify.org web application.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Artist Card<\/h2>\n\n\n\n<p>In the image below, we see an &#8220;artist card&#8221;. It was designed to contain fast-to-consume contexual information without overwhelming the user. The card includes <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"897\" height=\"1024\" src=\"https:\/\/blog.localify.org\/wp-content\/uploads\/2024\/11\/LocalifyArtistCard-897x1024.png\" alt=\"Localify Artist Card\" class=\"wp-image-771\" style=\"width:433px;height:auto\" srcset=\"https:\/\/blog.localify.org\/wp-content\/uploads\/2024\/11\/LocalifyArtistCard-897x1024.png 897w, https:\/\/blog.localify.org\/wp-content\/uploads\/2024\/11\/LocalifyArtistCard-263x300.png 263w, https:\/\/blog.localify.org\/wp-content\/uploads\/2024\/11\/LocalifyArtistCard-768x877.png 768w, https:\/\/blog.localify.org\/wp-content\/uploads\/2024\/11\/LocalifyArtistCard.png 902w\" sizes=\"auto, (max-width: 897px) 100vw, 897px\" \/><figcaption class=\"wp-element-caption\">An artist card with which has been designed to contextualize the local artist.<\/figcaption><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>artist name<\/strong>: needed for identification and future recall<\/li>\n\n\n\n<li><strong>genre information<\/strong>: a mixture of coarse (e.g., &#8220;blues&#8221;) and more fine-grained (e.g., &#8220;americana&#8221;) labels for quick scanning<\/li>\n\n\n\n<li><strong>&#8220;similar-familiar&#8221; artists<\/strong>: these artists are known to the user and are included as part of the of the user&#8217;s profile. These artists are <em>known landmarks<\/em> and are intended to <em>explain<\/em> the recommenation.<\/li>\n\n\n\n<li>&#8220;<strong>%-match<\/strong>&#8221; <strong>score<\/strong>:  gives the user a measure of how confident we are at recommending this artist. <\/li>\n\n\n\n<li><strong>artist image<\/strong>: the images encode information about genres, style, intended audience, etc. It is also useful for future recall. <\/li>\n\n\n\n<li><strong>audio sample<\/strong>: a quick 30-second sample so that the user can get a listen if interest. <\/li>\n<\/ul>\n\n\n\n<p>As you can see, the card is packed with useful contextual information. A user can also &#8220;bookmark&#8221; an artists to save for future exploration. If the users clicks on the card, they are shown a &#8220;detailed&#8221; artist page which contains more information about upcoming events, (non-personalized) similar artists, and links out to music services and social media sites. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Personalized Playlists<\/h2>\n\n\n\n<p>While the artist cards are designed for rapid (but perhaps surface-level) contextualization, we also provide personalized playlists that attempt to contextualizate the local artists using their music. <\/p>\n\n\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"447\" src=\"https:\/\/blog.localify.org\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-10-at-3.25.16\u202fPM-1024x447.png\" alt=\"A personalized playlist for a given city. \n\" class=\"wp-image-774\" style=\"width:689px;height:auto\" srcset=\"https:\/\/blog.localify.org\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-10-at-3.25.16\u202fPM-1024x447.png 1024w, https:\/\/blog.localify.org\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-10-at-3.25.16\u202fPM-300x131.png 300w, https:\/\/blog.localify.org\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-10-at-3.25.16\u202fPM-768x335.png 768w, https:\/\/blog.localify.org\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-10-at-3.25.16\u202fPM-1536x670.png 1536w, https:\/\/blog.localify.org\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-10-at-3.25.16\u202fPM.png 1926w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Personalized locally-focsued playlist with both familiar (non-local) artists &#8220;Jimi Hendrix&#8221; followed by a local San Francisco artist &#8220;Grateful Dead&#8221;. In this example, both artists are well-known but in general the local artists will be relatively obscure.<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Our playlist algorithm introduces the user to a local artist by first playing a song from a &#8220;similar-familar&#8221; artist, and then playing an acoustically-similar song from the local artist. Acoustic similarity is measured as distance between the familiar artist\u2019s song and the top song by the local artist in terms of energy and valence acoustic features. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"426\" src=\"https:\/\/blog.localify.org\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-10-at-6.52.46\u202fPM-1024x426.png\" alt=\"\" class=\"wp-image-779\" style=\"width:487px;height:auto\" srcset=\"https:\/\/blog.localify.org\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-10-at-6.52.46\u202fPM-1024x426.png 1024w, https:\/\/blog.localify.org\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-10-at-6.52.46\u202fPM-300x125.png 300w, https:\/\/blog.localify.org\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-10-at-6.52.46\u202fPM-768x320.png 768w, https:\/\/blog.localify.org\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-10-at-6.52.46\u202fPM-1536x640.png 1536w, https:\/\/blog.localify.org\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-10-at-6.52.46\u202fPM-2048x853.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>The purpose of alternating between familiar songs and songs by local artists is to balance the amount of familiarity and novelty while creating a coherent playlist. Over time, a user might start to appreciate the music by the local artists as their songs become more familiar (i.e., Mere Exposure Effect.) <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Late-Breaking Demo<\/h2>\n\n\n\n<p>If you would like to learn more, check out our 2-page demo paper:<\/p>\n\n\n\n<p><strong><a href=\"https:\/\/drive.google.com\/file\/d\/1D_boZFL43D-85wQRJnH7nPR_kudtiAS2\/view?usp=drive_link\">Localify.org: Contextualizing Long-Tail Music for Local Artist Discovery<\/a><\/strong><br>Paul Gagliano, Griffin Homan, Cassandra Raineault, Ruth Ayambem, Bridget Burns, Douglas Turnbull<br>International Symposium on Music Information Retrieval (ISMIR &#8217;24)<br>Late Breaking Demo<br>San Francisco, November 2024<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/blog.localify.org\/wp-content\/uploads\/2024\/11\/LocalifyPosterV4-768x1024.png\" alt=\"\" class=\"wp-image-776\" style=\"width:617px;height:auto\" srcset=\"https:\/\/blog.localify.org\/wp-content\/uploads\/2024\/11\/LocalifyPosterV4-768x1024.png 768w, https:\/\/blog.localify.org\/wp-content\/uploads\/2024\/11\/LocalifyPosterV4-225x300.png 225w, https:\/\/blog.localify.org\/wp-content\/uploads\/2024\/11\/LocalifyPosterV4-1152x1536.png 1152w, https:\/\/blog.localify.org\/wp-content\/uploads\/2024\/11\/LocalifyPosterV4-1536x2048.png 1536w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n<\/div>\n\n\n<p><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Our goal at Localify.org is to help people discover local artists within their communities. However, it is difficult to design an effective &#8220;Local Music Recommendation&#8221; user experience (UX) for a number of reasons: For the past, few year we have been designing and redesigning Localify with these limitations in mind. We put many of these [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":771,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-769","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-publications"],"_links":{"self":[{"href":"https:\/\/blog.localify.org\/index.php\/wp-json\/wp\/v2\/posts\/769","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.localify.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.localify.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.localify.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.localify.org\/index.php\/wp-json\/wp\/v2\/comments?post=769"}],"version-history":[{"count":7,"href":"https:\/\/blog.localify.org\/index.php\/wp-json\/wp\/v2\/posts\/769\/revisions"}],"predecessor-version":[{"id":780,"href":"https:\/\/blog.localify.org\/index.php\/wp-json\/wp\/v2\/posts\/769\/revisions\/780"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.localify.org\/index.php\/wp-json\/wp\/v2\/media\/771"}],"wp:attachment":[{"href":"https:\/\/blog.localify.org\/index.php\/wp-json\/wp\/v2\/media?parent=769"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.localify.org\/index.php\/wp-json\/wp\/v2\/categories?post=769"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.localify.org\/index.php\/wp-json\/wp\/v2\/tags?post=769"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}