<p>Published on <a href="https://blog.prototypr.io/spotify-smart-play-a-case-study-304297dbf7c5?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Emin Inanc Unlu </p>
<h4>An exploration of how to make music discovery faster and easier.</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*WGySj_IOnHV2O4gor1iqpA.png"></p>
<p>I love listening music and I’m a big fan of <a href="http://spotify.com">Spotify</a> since 2012. I enjoy discovering music and I’m constantly on the hunt for new songs.</p>
<p>Spotify has some really useful features for music discovery, like<em> “user playlists”</em> and <em>“discover weekly”.</em> But, I believe we can make it a lot better until artificial intelligence gets really smart and predict our next favorite tracks almost perfectly based on our listening history, behaviors and psychology.</p>
<p>On this topic, I have been thinking of some ideas for a while and decided to make a <strong>fully functional prototype</strong> to test them out.</p>
<h3>Smart Play: Accelerated Music Discovery Mode</h3>
<p>Smart play is a mode that you can customize and activate when you want to discover music easily and actively. There are two main features in this mode:</p>
<ol>
<li>Play only the most popular part of the songs.</li>
<li>Skip repeating songs.</li>
</ol>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*rKJij4pNItf8Nb3Kcy7ZFg.png"></p>
<p>The idea is simple. If you want to discover music more efficiently, just listen to the most popular parts of the songs and skip the ones you listened before. It’s highly possible that you will like a song if you like the best part of it.</p>
<blockquote><p><strong>Bonus Tip:</strong> You can skip repeating songs or explicit songs with <a href="https://www.getdenied.com"><strong>Denied App</strong></a>. I have been using it for a while and it’s really useful while exploring playlists.</p></blockquote>
<h3>See It in Action</h3>
<p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FWCnImZeu5YY%3Ffeature%3Doembed&amp;url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DWCnImZeu5YY&#038;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FWCnImZeu5YY%2Fhqdefault.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=youtube" width="854" height="480" frameborder="0"><a href="https://medium.com/media/5aca025da08b1d6d131cff4f3edf9a15/href">https://medium.com/media/5aca025da08b1d6d131cff4f3edf9a15/href</a></iframe></p>
<h4>Try the Interactive Prototype Yourself!</h4>
<p>It’s an interactive prototype. So, you can try it in most of the modern browsers by clicking the <a href="https://framer.cloud/QbWIY">link</a> below — better if you use Safari or Chrome.</p>
<p><strong>Usage tips:</strong> If fonts look weird, try to reload the page. Depending on your internet connection, it might take time to start playing music tracks. Also, I distorted most parts of the songs in the prototype to prevent any illegal use or copy, so don’t worry, your speaker isn’t broken!</p>
<p><strong>For developers and designers:</strong> If you’re familiar with <a href="http://framer.com">Framer</a>, you can download the project file and play with it locally.</p>
<p><a href="https://framer.cloud/QbWIY"><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*w-ByWHxt4w3s_gF5zXJ8tw.png"></a></p>
<blockquote><p><strong>Legal Notice:</strong> I used the songs in the video and prototype for only exploratory purpose under “fair use” of copyrighted material. I distorted most parts of the songs in the prototype to prevent any illegal use or copy. Please let me know if any of these still violates copyrights or doesn’t count as fair use, and I will delete the related content.</p></blockquote>
<h3>Detecting the Most Popular Parts</h3>
<p>I chose the time ranges of popular parts in the prototype according to my own taste and a little randomly without using any statistical data. However, Spotify should be able to detect these ranges automatically with the data they have been gathering from the users. Also, AI could be helpful in detecting the transition moments in the songs to make the experience even more smoother.</p>
<h3>Possible Additions</h3>
<p>I think the next add-on for this mode could be smart playing according to genre or mood. For example, if I’m working and if I need to focus, I could activate this mood filter easily without the need of creating another playlist.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*tfs498jT1JKbCuf06RHhyQ.png"></p>
<p>Another feature could be creating a playlist trailer based on the most popular songs in the playlist with the most popular parts of them. In this way, it could be easier to decide which playlists to listen when you have a lot of options.</p>
<h3>The Playlist</h3>
<p>If you liked the songs, here the full list of my curated instrumental collection. You can follow the playlist to stay up-to-date!</p>
<p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fopen.spotify.com%2Fembed%2Fuser%2F1230338023%2Fplaylist%2F2LqS928HcKifDF8lnJMzsI&amp;url=https%3A%2F%2Fopen.spotify.com%2Fuser%2F1230338023%2Fplaylist%2F2LqS928HcKifDF8lnJMzsI&#038;image=https%3A%2F%2Fpl.scdn.co%2Fimages%2Fpl%2Fdefault%2F63056b693d47d873678d8b6b15ffe7a38a427a77&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=spotify" width="300" height="380" frameborder="0"><a href="https://medium.com/media/c06893ca7d7097ef4f0ebad055077b5b/href">https://medium.com/media/c06893ca7d7097ef4f0ebad055077b5b/href</a></iframe></p>
<h3>Conclusion</h3>
<p>It was so much fun to work on this project and I learned a lot while doing it. I’m mostly happy with the result, but obviously, it needs testing with real users and data to see if it’s working as expected or not. More iterations would make it better for sure!</p>
<blockquote><p><em>✨ ⭐</em> <em>✨ </em>By the way,<strong> I’m currently looking for a job as a product designer</strong>. <a href="http://emin.space">Hit me up</a> if you’re interested in and let’s have a talk! <em>🌎 🌍 🌏 ✨ ⭐️ ✨</em></p></blockquote>
<p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fupscri.be%2Ff51076%3Fas_embed%3Dtrue&amp;dntp=1&amp;url=https%3A%2F%2Fupscri.be%2Ff51076%2F&#038;image=https%3A%2F%2Fe.enpose.co%2F%3Fkey%3DdRXnS9Gplk%26w%3D700%26h%3D425%26url%3Dhttps%253A%252F%252Fupscri.be%252Ff51076%252F%253Fenpose&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=upscri" width="800" height="400" frameborder="0"><a href="https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href">https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href</a></iframe><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=304297dbf7c5" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou"></p>
<hr>
<p><a href="https://blog.prototypr.io/spotify-smart-play-a-case-study-304297dbf7c5">Spotify Smart Play — A Case Study</a> was originally published in <a href="https://blog.prototypr.io">Prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>


Spotify Smart Play — A Case Study

An exploration of how to make music discovery faster and easier.

Top Stories