{"id":3388,"date":"2017-06-16T16:05:27","date_gmt":"2017-06-16T20:05:27","guid":{"rendered":"http:\/\/staging.neilkahn.com\/?page_id=3388"},"modified":"2017-08-17T23:52:25","modified_gmt":"2017-08-18T03:52:25","slug":"work-project-mlg2","status":"publish","type":"page","link":"https:\/\/neilkahn.com\/?page_id=3388","title":{"rendered":"Work"},"content":{"rendered":"<h1 style=\"text-align: center;\">Mobile Music Listening Guides<\/h1>\n<hr \/>\n<h2>OVERVIEW<\/h2>\n<div>\n<p><del><\/del>The goal of this project was to create a mobile version of the company&#8217;s renowned\u00a0<em>Listening Guides<\/em>, one of their most successful online products for undergraduate music students.<\/p>\n<p>The original\u00a0<em>Listening Guide \u2014<\/em>\u00a0a browser-based, desktop-only music player (see below) \u2014 displays text and images in sync with the section of music currently playing. This instructional content guides students through the music as they experience it and teaches them to listen critically. (\u201cListening critically\u201d \u2014 the primary goal of music appreciation courses \u2014 is loosely defined as the ability to listen to a piece of music from any era or style and identify specific elements and characteristics in it).<\/p>\n<\/div>\n<div>\n<p><a href=\"\/wordpress\/wp-content\/uploads\/2017\/07\/mlg15_desktop_1200.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3218 size-large\" src=\"\/wordpress\/wp-content\/uploads\/2017\/07\/mlg15_desktop_1200.jpg\" alt=\"\" width=\"1024\" height=\"865\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><span style=\"color: #999999;\">Original Desktop Listening Guide<\/span><\/p>\n<\/div>\n<h2><\/h2>\n<h2>MY ROLE<\/h2>\n<div>\n<p>As Senior Business Product Manager, I worked with the Music team to gather and define all product requirements for the new mobile product and served as point on all design, UX and platform integration discussions with the design \/ development team. This included:<\/p>\n<ul>\n<li>Running sketch sessions with internal stakeholders and end users (at focus groups &amp; symposia)<\/li>\n<li>Writing Creative Brief &amp; RFP<\/li>\n<li>Writing and grooming user stories &amp; acceptance criteria<\/li>\n<li>Managing designer\/developer screening &amp; selection<\/li>\n<li>End user testing<\/li>\n<li>User Acceptance Testing (UAT) to ensure the new product satisfied all user stories and specifications under real-world circumstances<\/li>\n<\/ul>\n<\/div>\n<h2><\/h2>\n<h2>RESEARCH &amp; DISCOVERY<\/h2>\n<div>\n<p class=\"p1\">This project resulted from research we conducted into ways to improve our existing <em>Listening Guides<\/em>. We solicited both qualitative and quantitative data via instructor symposia and extensive user surveys. At our symposia, music professors participated in structured sketch sessions in which they were encouraged to design a \u201cdream product\u201d for their courses. The following goals were distilled from our data:<\/p>\n<p>&nbsp;<\/p>\n<p><strong>CORE GOALS DISTILLED FROM OUR RESEARCH FINDINGS<\/strong><\/p>\n<ol>\n<li>INCREASE STUDENT USAGE THROUGH MOBILITY. Instructors did not have enough class time to cover all the music they needed to teach (Listening Guides allowed for a guided experience outside of class but student usage was relatively low). They felt usage of the guides would increase if we could &#8220;meet students where they were\u201d \u2014 that is, enable them to listen to assigned music the same way they listened to other music \u2014 on their phones.<\/li>\n<li>INCREASE STUDENT ENGAGEMENT &amp; HIGH-LEVEL THINKING THROUGH COMMENTING. Instructors wanted the Listening Guides to help students engage more with the music and to encourage higher-level thinking. This led to the idea of social commenting features, which would allow students to demonstrate mastery of higher-level cognitive skills such as application, analysis, and evaluation.<\/li>\n<li>ENABLE INSTRUCTOR GUIDE CREATION THROUGH AUTHORING TOOL. Instructors wanted to create their own Listening Guides to supplement those provided by McGraw-Hill. This led to our development of an authoring tool that both internal authors and instructors could use to create Listening Guides without the need for XML coding skills [handled as separate project and not covered here].<\/li>\n<\/ol>\n<\/div>\n<p>&nbsp;<\/p>\n<div>Once we had established our core goals, I documented them in a Creative Brief (for internal stakeholders) as well as a Request for Proposal that would be used for recruiting developers.<\/div>\n<div><\/div>\n<div style=\"text-align: center;\"><a href=\"https:\/\/neilkahn.com\/wordpress\/wp-content\/uploads\/2017\/07\/mlg2_creative_brief_1200_v1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-3418\" src=\"https:\/\/neilkahn.com\/wordpress\/wp-content\/uploads\/2017\/07\/mlg2_creative_brief_1200_v1-1024x768.jpg\" alt=\"\" width=\"1024\" height=\"768\" srcset=\"https:\/\/neilkahn.com\/wordpress\/wp-content\/uploads\/2017\/07\/mlg2_creative_brief_1200_v1-1024x768.jpg 1024w, https:\/\/neilkahn.com\/wordpress\/wp-content\/uploads\/2017\/07\/mlg2_creative_brief_1200_v1-300x225.jpg 300w, https:\/\/neilkahn.com\/wordpress\/wp-content\/uploads\/2017\/07\/mlg2_creative_brief_1200_v1-768x576.jpg 768w, https:\/\/neilkahn.com\/wordpress\/wp-content\/uploads\/2017\/07\/mlg2_creative_brief_1200_v1.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><span style=\"color: #999999; text-align: center;\">Creative Brief for Internal Stakeholders<\/span><\/div>\n<div><\/div>\n<p>&nbsp;<\/p>\n<div>\n<a href=\"\/wordpress\/wp-content\/uploads\/2017\/07\/mlg2_rfp_1200_v1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3218 size-large\" src=\"\/wordpress\/wp-content\/uploads\/2017\/07\/mlg2_rfp_1200_v1.jpg\" alt=\"\" width=\"1024\" height=\"900\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><span style=\"color: #999999;\">Request for Proposal (RFP) for External Resources<\/span><\/p>\n<\/div>\n<h2><\/h2>\n<h2>IDEATION &amp; SKETCHING<\/h2>\n<div>Early on in the project, I did some quick sketches to help get a general sense of overall flow and how the various features might display on a smartphone screen. As the project progressed and we incorporated feedback from internal and external constituencies, both the feature set and layout evolved and the user interface continued to be refined.<\/div>\n<div><\/div>\n<div><a href=\"https:\/\/neilkahn.com\/wordpress\/wp-content\/uploads\/2017\/06\/mlg2_lightbox_early_sketches_1200.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3541\" src=\"https:\/\/neilkahn.com\/wordpress\/wp-content\/uploads\/2017\/06\/mlg2_lightbox_early_sketches_1200.jpg\" alt=\"\" width=\"1200\" height=\"700\" srcset=\"https:\/\/neilkahn.com\/wordpress\/wp-content\/uploads\/2017\/06\/mlg2_lightbox_early_sketches_1200.jpg 1200w, https:\/\/neilkahn.com\/wordpress\/wp-content\/uploads\/2017\/06\/mlg2_lightbox_early_sketches_1200-300x175.jpg 300w, https:\/\/neilkahn.com\/wordpress\/wp-content\/uploads\/2017\/06\/mlg2_lightbox_early_sketches_1200-768x448.jpg 768w, https:\/\/neilkahn.com\/wordpress\/wp-content\/uploads\/2017\/06\/mlg2_lightbox_early_sketches_1200-1024x597.jpg 1024w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/a><\/div>\n<div style=\"text-align: center;\">\u00a0<span style=\"color: #999999;\">Early sketches<\/span><\/div>\n<div><\/div>\n<div><\/div>\n<div>\n<p><a href=\"https:\/\/neilkahn.com\/wordpress\/wp-content\/uploads\/2017\/06\/mlg2_early_designs_1200.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3544\" src=\"https:\/\/neilkahn.com\/wordpress\/wp-content\/uploads\/2017\/06\/mlg2_early_designs_1200.jpg\" alt=\"\" width=\"1200\" height=\"600\" srcset=\"https:\/\/neilkahn.com\/wordpress\/wp-content\/uploads\/2017\/06\/mlg2_early_designs_1200.jpg 1200w, https:\/\/neilkahn.com\/wordpress\/wp-content\/uploads\/2017\/06\/mlg2_early_designs_1200-300x150.jpg 300w, https:\/\/neilkahn.com\/wordpress\/wp-content\/uploads\/2017\/06\/mlg2_early_designs_1200-768x384.jpg 768w, https:\/\/neilkahn.com\/wordpress\/wp-content\/uploads\/2017\/06\/mlg2_early_designs_1200-1024x512.jpg 1024w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><span style=\"color: #999999;\">Early concepts from the design team<\/span><\/p>\n<\/div>\n<h2><\/h2>\n<h2>DEFINITION<\/h2>\n<div>As the design phase progressed and our MVP (minimum viable product) came into sharper focus, I worked with the product team to increase the resolution of our user stories, moving from epics to specific stories and acceptance criteria.<\/div>\n<div>\n<a href=\"\/wordpress\/wp-content\/uploads\/2017\/07\/mlg2_userstories_1200_v2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3218 size-large\" src=\"\/wordpress\/wp-content\/uploads\/2017\/07\/mlg2_userstories_1200_v2.jpg\" alt=\"\" width=\"1024\" height=\"900\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><span style=\"color: #999999;\">User Stories<\/span><\/p>\n<\/div>\n<h2><\/h2>\n<h2>DESIGN SOLUTIONS<\/h2>\n<div>\n<div>\n<p>Final designs for the mobile Listening Guide show the core functionality of the desktop version successfully optimized for the smaller real estate of a smartphone. This addressed the primary goal of the project, which was to increase Listening Guide usage by enabling students to listen to <em>assigned<\/em> music the way they listened to their <em>own<\/em> music: on their phones.<\/p>\n<p>The designs also show an elegant implementation of the new commenting functionality, which enables students and instructors to create discussions tied to specific points in a musical piece. This meets the second key goal of the project \u2014 increasing student engagement and higher-level thinking by enabling online discussion and analysis.<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n\r\n<div class=\"content-slider-wrapper\" >\r\n<div class=\"content-slider cols-wrapper cols-2\" id=\"content-slider-3388\" >\r\n\t<div class=\"section-boxed\">\r\n\t<ul id=\"cs-slider-ul\" style=\"min-height:290px;\">\r\n\t\t\r\n\t\t\t <li data-bg_image_url=\"https:\/\/neilkahn.com\/wordpress\/wp-content\/uploads\/2017\/08\/mlg2_lightbox_player_v2_1200.jpg\" data-bg_image_opacity=\"1\" data-layout=\"centered\" data-animation=\"slideLeft\" data-bg_color=\"ffffff\" data-bg_align=\"center center\" data-bg_style=\"contain\" data-thumbnail=\"https:\/\/neilkahn.com\/wordpress\/wp-content\/uploads\/2017\/08\/mlg2_lightbox_player_v2_1200-150x150.jpg\" class=\"cs-layout-centered\" style=\"color:#;\">\r\n\r\n\t\t\t\t<!-- first slider box -->\r\n\t\t\t\t<div class=\"cs-content-centered col cs-content\">\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<!-- second slider box -->\r\n\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t <li data-bg_image_url=\"https:\/\/neilkahn.com\/wordpress\/wp-content\/uploads\/2017\/08\/mlg2_lightbox_annotations_v3_1200.jpg\" data-bg_image_opacity=\"1\" data-layout=\"centered\" data-animation=\"slideLeft\" data-bg_color=\"ffffff\" data-bg_align=\"center center\" data-bg_style=\"contain\" data-thumbnail=\"https:\/\/neilkahn.com\/wordpress\/wp-content\/uploads\/2017\/08\/mlg2_lightbox_annotations_v3_1200-150x150.jpg\" class=\"cs-layout-centered\" style=\"color:#;\">\r\n\r\n\t\t\t\t<!-- first slider box -->\r\n\t\t\t\t<div class=\"cs-content-centered col cs-content\">\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<!-- second slider box -->\r\n\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t <li data-bg_image_url=\"https:\/\/neilkahn.com\/wordpress\/wp-content\/uploads\/2017\/08\/mlg2_lightbox_comments_v3_1200.jpg\" data-bg_image_opacity=\"1\" data-layout=\"centered\" data-animation=\"slideLeft\" data-bg_color=\"ffffff\" data-bg_align=\"center center\" data-bg_style=\"contain\" data-thumbnail=\"https:\/\/neilkahn.com\/wordpress\/wp-content\/uploads\/2017\/08\/mlg2_lightbox_comments_v3_1200-150x150.jpg\" class=\"cs-layout-centered\" style=\"color:#;\">\r\n\r\n\t\t\t\t<!-- first slider box -->\r\n\t\t\t\t<div class=\"cs-content-centered col cs-content\">\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<!-- second slider box -->\r\n\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t <li data-bg_image_url=\"https:\/\/neilkahn.com\/wordpress\/wp-content\/uploads\/2017\/08\/mlg2_lightbox_background_v2_1200.jpg\" data-bg_image_opacity=\"1\" data-layout=\"centered\" data-animation=\"slideLeft\" data-bg_color=\"ffffff\" data-bg_align=\"center center\" data-bg_style=\"contain\" data-thumbnail=\"https:\/\/neilkahn.com\/wordpress\/wp-content\/uploads\/2017\/08\/mlg2_lightbox_background_v2_1200-150x150.jpg\" class=\"cs-layout-centered\" style=\"color:#;\">\r\n\r\n\t\t\t\t<!-- first slider box -->\r\n\t\t\t\t<div class=\"cs-content-centered col cs-content\">\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<!-- second slider box -->\r\n\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t <li data-bg_image_url=\"https:\/\/neilkahn.com\/wordpress\/wp-content\/uploads\/2017\/08\/mlg2_lightbox_overview_triple_v2_1200.jpg\" data-bg_image_opacity=\"1\" data-layout=\"centered\" data-animation=\"slideLeft\" data-bg_color=\"ffffff\" data-bg_align=\"center center\" data-bg_style=\"contain\" data-thumbnail=\"https:\/\/neilkahn.com\/wordpress\/wp-content\/uploads\/2017\/08\/mlg2_lightbox_overview_triple_v2_1200-150x150.jpg\" class=\"cs-layout-centered\" style=\"color:#;\">\r\n\r\n\t\t\t\t<!-- first slider box -->\r\n\t\t\t\t<div class=\"cs-content-centered col cs-content\">\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<!-- second slider box -->\r\n\r\n\t\t\t\t\t\t\t<\/li>\t<\/ul>\r\n<\/div>\r\n<\/div>\r\n<\/div><div class=\"clear\"><\/div>\n<p style=\"text-align: center;\"><span style=\"color: #999999;\">Final Mobile Listening Guide Designs<\/span><\/p>\n<\/div>\n<div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Mobile Music Listening Guides OVERVIEW The goal of this project was to create a mobile version of the company&#8217;s renowned\u00a0Listening [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3033,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3388","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/neilkahn.com\/index.php?rest_route=\/wp\/v2\/pages\/3388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/neilkahn.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/neilkahn.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/neilkahn.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/neilkahn.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3388"}],"version-history":[{"count":10,"href":"https:\/\/neilkahn.com\/index.php?rest_route=\/wp\/v2\/pages\/3388\/revisions"}],"predecessor-version":[{"id":3565,"href":"https:\/\/neilkahn.com\/index.php?rest_route=\/wp\/v2\/pages\/3388\/revisions\/3565"}],"up":[{"embeddable":true,"href":"https:\/\/neilkahn.com\/index.php?rest_route=\/wp\/v2\/pages\/3033"}],"wp:attachment":[{"href":"https:\/\/neilkahn.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}