{"id":130743,"date":"2024-05-20T23:20:32","date_gmt":"2024-05-20T23:20:32","guid":{"rendered":"https:\/\/hayleyolsen.com\/?post_type=portfolio&p=130743"},"modified":"2024-05-20T23:20:32","modified_gmt":"2024-05-20T23:20:32","slug":"bmw-iride-fix2","status":"publish","type":"portfolio","link":"https:\/\/hayleyolsen.com\/index.php\/portfolio\/bmw-iride-fix2\/","title":{"rendered":"BMW iRIDE (Fix2)"},"content":{"rendered":"

[vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”7″ top_padding=”2″ bottom_padding=”2″ back_color=”color-xsdn” back_image=”82581″ overlay_alpha=”25″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″ uncode_shortcode_id=”166752″ back_color_type=”uncode-palette”][vc_column column_width_percent=”95″ position_vertical=”middle” gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_empty_space empty_h=”5″][vc_column_text uncode_shortcode_id=”127660″]<\/p>\n

\n

THE PROBLEM<\/strong><\/span><\/h1>\n

Motorcycle riders are 37x<\/b> more likely to die in a motorcycle crash than their counterparts in automobiles. But technological advances<\/b> in cars are leaps and bounds ahead of motorcycles in terms of safety features. Additionally, there is no safe, eyes up system<\/b> for motorcyclists to utilize their smart phones while riding.<\/span><\/p>\n<\/div>\n

[\/vc_column_text][vc_empty_space empty_h=”5″][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″][vc_empty_space empty_h=”0″][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ back_color=”color-black” overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″ row_name=”User Research”][vc_column column_width_percent=”100″ gutter_size=”3″ style=”dark” overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_column_text uncode_shortcode_id=”129032″]<\/p>\n

USER RESEARCH<\/span><\/h1>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″][vc_empty_space empty_h=”2″][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”0″ bottom_padding=”2″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″][vc_column column_width_percent=”100″ position_vertical=”middle” gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/2″][vc_column_text uncode_shortcode_id=”126547″]<\/p>\n

INITIAL INTERVIEWS<\/strong><\/span><\/h1>\n

To kick off this project, I began by talking to motorcycle riders, both in person and online thru Reddit forums, about their experiences. As someone who initially knew very little about riding and motorcycle touring, I wanted to go in as open minded as possible so many of the questions are purposely general and open ended.<\/span><\/p>\n

Objectives:<\/strong>
\nLearn more first-hand about motorcycle riders: why they ride, what drives them, their personal feeling towards riding, etc. I also wanted to get a grasp what a ride is like and what the joys and pitfalls are.<\/span><\/p>\n

Findings:<\/strong>
\nMotorcycle riders love<\/em> riding and most consider it a part of their personal identity. Many emphasized the freedom and thrill they get from riding. I found it surprising that\u00a0many riders had a hard time pinpointing the negatives of their ride because it is so enjoyable for them. I noticed the more often someone rode, the more problems they had to talk about.<\/span>[\/vc_column_text][\/vc_column][vc_column column_width_percent=”100″ position_vertical=”middle” align_horizontal=”align_center” gutter_size=”3″ font_family=”font-800129″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/2″ css=”.vc_custom_1631933427183{padding-left: 20px !important;}” uncode_shortcode_id=”136550″][vc_single_image media=”82413″ caption=”yes” media_lightbox=”yes” media_width_percent=”90″ alignment=”center” css_animation=”right-t-left” animation_speed=”700″ uncode_shortcode_id=”102317″][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″][vc_empty_space empty_h=”4″][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”0″ bottom_padding=”2″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″][vc_column column_width_percent=”100″ position_vertical=”middle” align_horizontal=”align_center” gutter_size=”3″ style=”dark” overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ css_animation=”left-t-right” animation_speed=”700″ width=”1\/2″ css=”.vc_custom_1558589737333{padding-right: 30px !important;}”][vc_gallery el_id=”gallery-116221″ type=”carousel” medias=”82529,82516,82515″ carousel_lg=”1″ carousel_md=”1″ carousel_sm=”1″ gutter_size=”3″ media_items=”media|lightbox|original” carousel_v_align=”middle” carousel_interval=”0″ carousel_navspeed=”0″ stage_padding=”0″ single_text=”under” single_overlay_color=”color-white” single_overlay_opacity=”25″ single_text_anim=”no” single_image_anim=”no” single_h_align=”center” single_v_position=”bottom” single_reduced=”limit-width” single_padding=”2″ single_border=”yes”][vc_column_text css=”.vc_custom_1631933212151{margin-top: 5px !important;}” uncode_shortcode_id=”488591″]<\/p>\n

Click Image to View Larger<\/span><\/em><\/h5>\n

[\/vc_column_text][\/vc_column][vc_column column_width_percent=”100″ position_vertical=”middle” gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/2″ css=”.vc_custom_1559174691787{padding-left: 30px !important;}”][vc_column_text uncode_shortcode_id=”177483″]<\/p>\n

PERSONAS<\/strong><\/span><\/h1>\n

After my initial interviews, I started to synthesize the data by creating user personas based on patterns I saw with the riders I interviewed.<\/span><\/p>\n

The personas include the following sections: demographics, history, goals, motivations, frustrations, personality, and favorite brands.<\/span><\/p>\n

Learning:<\/strong>
\nDuring my time working at Evolve Collaborative, I learned the importance of well crafted user personas. During this project, my personas helped me organize my interview responses and identify patterns with the data, as well as keeping me focused on the user throughout the project.<\/span>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″][vc_empty_space empty_h=”4″][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”1″ bottom_padding=”2″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″][vc_column width=”1\/1″][vc_column_text uncode_shortcode_id=”157357″]<\/p>\n

JOURNEY + PAIN POINTS<\/strong><\/span><\/h1>\n

Journey maps are another way I synthesized the responses I got from my first round of interviews. My goal was to discover the pain points and to narrow in on what I should focus on solving with my design. I made multiple journey maps, exploring the different contexts in which riders use their bikes because I found the pain points differ according to how the bike is being used.<\/span><\/p>\n

[\/vc_column_text][vc_single_image media=”82313″ media_width_percent=”100″][vc_gallery el_id=”gallery-911902″ medias=”82509,82511,82512,82510″ gutter_size=”3″ media_items=”media|lightbox|original,title,icon” screen_lg=”0″ screen_md=”0″ screen_sm=”0″ single_width=”3″ single_overlay_opacity=”50″ single_image_anim=”no” single_h_align=”center” single_padding=”2″ single_border=”yes” lbox_skin=”white”][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″][vc_empty_space empty_h=”4″][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”0″ bottom_padding=”2″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″][vc_column column_width_percent=”100″ position_vertical=”middle” gutter_size=”3″ font_family=”font-800129″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/2″ uncode_shortcode_id=”182984″][vc_single_image media=”82558″ caption=”yes” media_lightbox=”yes” media_width_percent=”90″ alignment=”center” uncode_shortcode_id=”302043″][\/vc_column][vc_column column_width_percent=”100″ position_vertical=”middle” align_horizontal=”align_center” gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/2″ css=”.vc_custom_1558500184540{padding-left: 20px !important;}”][vc_column_text uncode_shortcode_id=”254094″]<\/p>\n

MIND MAPPING<\/strong><\/span><\/h1>\n

Once I had a clearer idea of the pain points and problems I wanted to solve, I started mind mapping to help me generate ideas and make connections. My original mind maps started on paper but I later moved to using MindMaster which allowed me to reorganize my ideas and quickly build off ideas I already had.<\/span><\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″][vc_empty_space empty_h=”4″][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ back_color=”color-black” overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″ row_name=”Design Development”][vc_column column_width_percent=”100″ gutter_size=”3″ style=”dark” overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_column_text uncode_shortcode_id=”946444″]<\/p>\n

DESIGN DEVELOPMENT<\/span><\/h1>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″][vc_empty_space empty_h=”3″][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”0″ bottom_padding=”2″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″][vc_column column_width_percent=”100″ position_vertical=”middle” gutter_size=”3″ style=”light” overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/2″ css=”.vc_custom_1559182870686{padding-right: 30px !important;}”][vc_column_text uncode_shortcode_id=”764224″]<\/p>\n

USER TESTING<\/strong><\/span><\/h1>\n

To kick off the design portion of the project, I once again went back to the user. I talked with both riders I had already talked to before and new riders to get different points of view.<\/span><\/p>\n

Goals:<\/strong>
\n\u2022 \u00a0See riders thoughts on using technologies like AR and voice assistance
\n\u2022 \u00a0Assess what problems are most important to focus on
\n\u2022 \u00a0General brainstorming about ideas relating to smart phone integration, app use and eyes up cognition<\/span><\/p>\n

Tools:
\n\u2022 \u00a0<\/strong><\/span>Worksheet to assess which devices and apps are most used by riders
\n\u2022 \u00a0<\/span>Card sort of pain points to narrow down which are most important
\n\u2022 \u00a0<\/span>Helmet + post-its to discover the most important data on an eyes up display and how the riders eyes naturally move<\/span><\/span>[\/vc_column_text][\/vc_column][vc_column column_width_percent=”100″ position_vertical=”middle” gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/2″][vc_single_image media=”82754″ caption=”yes” media_width_percent=”90″ alignment=”center”][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″][vc_empty_space empty_h=”4″][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”0″ bottom_padding=”2″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″][vc_column column_width_percent=”100″ position_vertical=”middle” align_horizontal=”align_center” gutter_size=”3″ style=”light” overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/2″][vc_single_image media=”82857″ media_width_percent=”90″ alignment=”center”][\/vc_column][vc_column column_width_percent=”100″ position_vertical=”middle” gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/2″ css=”.vc_custom_1559182763798{padding-left: 40px !important;}”][vc_column_text uncode_shortcode_id=”200654″]<\/p>\n

INFORMATION HIERARCHY<\/strong><\/span><\/h1>\n

From the input from my user testing, I developed a system of organizing information to guide me as I started to design flows and wireframes. I realized many riders were wary of in-helmet AR but they seemed to open up to it if the information was simple and only the most essential.<\/span><\/p>\n

Crucial<\/strong>: tachometer, speed, safety alerts, simple navigation<\/span><\/p>\n

Important<\/strong>: full navigation, music controls, gas, time, notifications<\/span><\/p>\n

Less Important<\/strong>: text messages and calls, music interface, diagnostics, settings<\/span>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″][vc_empty_space empty_h=”4″][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”1″ bottom_padding=”2″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″][vc_column width=”1\/1″][vc_column_text uncode_shortcode_id=”657040″]<\/p>\n

SCREEN MAPPING<\/strong><\/span><\/h1>\n

Once I had a system in place for organizing and prioritizing information, I started screen mapping. I started with a physical card sort to figure out the basic screens I needed then moved into Sketch to flesh out more detailed flows.<\/span><\/p>\n

From my research of other smart phone connected systems, I realized many were organized like a phone, with the individual apps at the forefront. This seemed like information overload, especially when most people only use one app for each category. I developed two approaches: one that followed the traditional organization by being app focused and the other being organized by category, with the individual apps nested within the categories.<\/span>[\/vc_column_text][vc_gallery el_id=”gallery-219648″ type=”carousel” medias=”82769,82770″ carousel_lg=”1″ carousel_md=”1″ carousel_sm=”1″ gutter_size=”3″ media_items=”media|lightbox|original” carousel_interval=”5000″ carousel_navspeed=”700″ carousel_nav=”yes” carousel_nav_mobile=”yes” carousel_dots=”yes” carousel_dots_mobile=”yes” stage_padding=”0″ single_overlay_opacity=”1″ single_image_anim=”no” single_padding=”2″ single_border=”yes”][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″][vc_empty_space empty_h=”4″][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”1″ bottom_padding=”2″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″][vc_column column_width_percent=”90″ align_horizontal=”align_center” gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″ css=”.vc_custom_1559173861203{border-bottom-width: -25px !important;}”][vc_column_text uncode_shortcode_id=”885064″]<\/p>\n

WIREFRAMING<\/strong><\/span><\/h1>\n

With some basic site flows developed, I began to create wireframes, starting with quick sketches & moving to higher fidelity. Along the way, I talked to professors & colleagues to help keep ideas flowing & so I didn’t get too invested in one idea.<\/span><\/p>\n

The design decisions were based on keeping the system as simple & intuitive as possible. I used the flows & layout of popular apps both as inspiration & to keep my wireframes close to flows that users would already be familiar with.<\/span><\/p>\n

The images below, from left to right, are examples of my iterative process.<\/span><\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row unlock_row_content=”yes” row_height_percent=”0″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″ css=”.vc_custom_1559080607278{margin-top: -10px !important;}”][vc_column column_width_percent=”100″ gutter_size=”0″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_single_image media=”82762″ media_lightbox=”yes” media_width_percent=”90″ alignment=”center” lbox_skin=”white”][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″][vc_empty_space empty_h=”4″][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”1″ bottom_padding=”2″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″][vc_column width=”1\/1″][vc_column_text uncode_shortcode_id=”976166″]<\/p>\n

UI DEVELOPMENT<\/strong><\/span><\/h1>\n

[\/vc_column_text][vc_single_image media=”82775″ media_width_percent=”100″][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″][vc_empty_space empty_h=”4″][\/vc_column][\/vc_row][vc_row unlock_row_content=”yes” row_height_percent=”0″ override_padding=”yes” h_padding=”0″ top_padding=”0″ bottom_padding=”0″ back_color=”color-black” overlay_alpha=”50″ gutter_size=”0″ column_width_percent=”100″ shift_y=”0″ z_index=”0″ row_name=”Final Design”][vc_column column_width_percent=”100″ gutter_size=”0″ override_padding=”yes” column_padding=”0″ expand_height=”yes” overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1\/1″][vc_single_image media=”82936″ media_width_percent=”100″][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″][vc_empty_space empty_h=”2″][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″][vc_column_text uncode_shortcode_id=”188124″]<\/p>\n

iRIDE DEMO<\/strong><\/span><\/h1>\n

[\/vc_column_text][vc_single_image media=”82965″ media_width_percent=”100″ uncode_shortcode_id=”989191″][vc_empty_space empty_h=”4″][\/vc_column][\/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”1″ bottom_padding=”2″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″][vc_column width=”1\/1″][vc_column_text uncode_shortcode_id=”148693″]<\/p>\n

iRIDE ECOSYSTEM<\/strong><\/span><\/h1>\n

I developed the ecosystem for the BMW iRide to allow the user to interact with their phone as easily as possible. The dashboard is the main control point for the system, which the user interacts with thru voice commands and controls on the handlebars. Like the information pyramid showed in the sections above, the most important information is then pushed up to the AR in the helmet.<\/span><\/p>\n

[\/vc_column_text][vc_single_image media=”82939″ media_width_percent=”100″][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″][vc_empty_space empty_h=”4″][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

BMW iRIDE is a system developed for a sports touring motorcycle in the year 2030<\/b>. The project was born out of an interdisciplinary collaboration<\/b> with transportation designer Torin De Joy. My focus was the bike\u2019s interface and technological components while Torin was responsible for the bike’s physical design.
\n
\nThe project went on to win the Director\u2019s Choice Award<\/b>, best in show at the 2019 DAAPworks Show and is currently featured in an exhibition at the Reed Gallery at the University of Cincinnati.<\/p>\n","protected":false},"author":1,"featured_media":81868,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"jetpack_post_was_ever_published":false,"footnotes":""},"portfolio_category":[101],"class_list":["post-130743","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio_category-product-design"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hayleyolsen.com\/index.php\/wp-json\/wp\/v2\/portfolio\/130743","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hayleyolsen.com\/index.php\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/hayleyolsen.com\/index.php\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/hayleyolsen.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hayleyolsen.com\/index.php\/wp-json\/wp\/v2\/comments?post=130743"}],"version-history":[{"count":2,"href":"https:\/\/hayleyolsen.com\/index.php\/wp-json\/wp\/v2\/portfolio\/130743\/revisions"}],"predecessor-version":[{"id":130745,"href":"https:\/\/hayleyolsen.com\/index.php\/wp-json\/wp\/v2\/portfolio\/130743\/revisions\/130745"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hayleyolsen.com\/index.php\/wp-json\/wp\/v2\/media\/81868"}],"wp:attachment":[{"href":"https:\/\/hayleyolsen.com\/index.php\/wp-json\/wp\/v2\/media?parent=130743"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/hayleyolsen.com\/index.php\/wp-json\/wp\/v2\/portfolio_category?post=130743"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}