{"id":1097,"date":"2023-03-23T07:46:51","date_gmt":"2023-03-23T07:46:51","guid":{"rendered":"http:\/\/www.reneeshen.com\/portfolio4\/?post_type=portfolio&#038;p=1097"},"modified":"2023-04-14T21:34:55","modified_gmt":"2023-04-14T21:34:55","slug":"skill_1","status":"publish","type":"portfolio","link":"http:\/\/www.reneeshen.com\/portfolio4\/portfolio\/skill_1\/","title":{"rendered":"Integrating hardware and software interactions"},"content":{"rendered":"[vc_row][vc_column][vc_column_text animation=&#8221;animation fade-in&#8221; el_class=&#8221;small-title&#8221;]\/ UX[\/vc_column_text][vc_empty_space height=&#8221;40px&#8221;]\t<div id=\"thb-highlighttype-69f5fa7c609e9\" class=\"thb-highlighttype thb-highlight-hover  animation fade-in\">\n\t\t\n<h4>Integrating <span class=\"thb-highlight\">hardware and software<\/span> interactions to optimize the user experience<\/h4>\n\n\t\t<style>\n\t\t\t\t\t\t\t\t\t\t#thb-highlighttype-69f5fa7c609e9.thb-highlighttype .thb-highlight {\n\t\t\t\t\tbackground-image: linear-gradient( #f4bd46,  #f4bd46);\n\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t#thb-highlighttype-69f5fa7c609e9.thb-highlighttype .thb-highlight {\n\t\t\t\t\tbackground-size: 0% 30%;\n\t\t\t\t}\n\t\t\t\t\t<\/style>\n\n\t<\/div>\n\n\t[vc_empty_space height=&#8221;40px&#8221;][vc_column_text animation=&#8221;animation fade-in&#8221;]\n<p class=\"p1\"><span class=\"s1\">The interface experience goes beyond the screen and extends into the real world. Whether it&#8217;s controlling hardware with an app or eliminating physical limitations with an UI change, we must consider both the hardware and the software layers to ensure a complete and optimal user experience.<\/span><\/p>\n[\/vc_column_text][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row thb_full_width=&#8221;true&#8221; thb_row_padding=&#8221;true&#8221; css=&#8221;.vc_custom_1679680963471{padding-top: 60px !important;padding-right: 10vh !important;padding-bottom: 60px !important;padding-left: 10vh !important;background-color: #f8f8f8 !important;}&#8221;][vc_column][vc_row_inner thb_max_width=&#8221;max_width&#8221;][vc_column_inner][vc_column_text]\n<h5 style=\"text-align: left;\">I have designed for&#8230;<\/h5>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_empty_space height=&#8221;40px&#8221;][vc_row_inner thb_max_width=&#8221;max_width&#8221;][vc_column_inner width=&#8221;1\/3&#8243; offset=&#8221;vc_col-xs-4\/5&#8243;][vc_images_carousel images=&#8221;1569&#8243; img_size=&#8221;full&#8221; onclick=&#8221;link_no&#8221; hide_pagination_control=&#8221;yes&#8221; hide_prev_next_buttons=&#8221;yes&#8221; css_animation=&#8221;fadeIn&#8221;][vc_column_text animation=&#8221;animation bottom-to-top&#8221; el_class=&#8221;mini-text&#8221; css=&#8221;.vc_custom_1681027968250{padding-top: 40px !important;padding-right: 40px !important;padding-bottom: 40px !important;padding-left: 40px !important;background-color: #ffffff !important;}&#8221;]\n<h5>Connecting Motorcycle<\/h5>\n<p class=\"p1\"><span class=\"s1\">We worked with BMW to design a mobile app that connects to their motorcycles. The app is used to check the status of the bike, locate it and plan a route. We had to consider real-life motorcycle scenarios (such as whether the bike is within communication range, whether it has power, whether the mobile GPS signal is normal, whether it is in navigation mode, etc.) to comprehensively consider the app experience.<\/span><\/p>\n[\/vc_column_text][vc_empty_space height=&#8221;30px&#8221;][vc_images_carousel images=&#8221;1572&#8243; img_size=&#8221;full&#8221; onclick=&#8221;link_no&#8221; hide_pagination_control=&#8221;yes&#8221; hide_prev_next_buttons=&#8221;yes&#8221; css_animation=&#8221;fadeIn&#8221;][vc_column_text animation=&#8221;animation bottom-to-top&#8221; el_class=&#8221;mini-text&#8221; css=&#8221;.vc_custom_1681028008361{padding-top: 40px !important;padding-right: 40px !important;padding-bottom: 40px !important;padding-left: 40px !important;background-color: #ffffff !important;}&#8221;]\n<h5>Screen Burn<\/h5>\n<p class=\"p1\"><span class=\"s1\">While working on the native Clock app for the BlackBerry 10 OS, we discovered that if the UI remained static over a specific number of hours, the color red would cause screen burn on OLED. Since the color red was extensively used in our UI, I had to specify the night clock behaviors while the device was charging\/not charging\/on a smart stand to minimize the likelihood of screen burn.<\/span><\/p>\n[\/vc_column_text][vc_empty_space height=&#8221;30px&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243; offset=&#8221;vc_col-xs-4\/5&#8243;][vc_images_carousel images=&#8221;1570&#8243; img_size=&#8221;full&#8221; onclick=&#8221;link_no&#8221; hide_pagination_control=&#8221;yes&#8221; hide_prev_next_buttons=&#8221;yes&#8221; css_animation=&#8221;fadeIn&#8221;][vc_column_text animation=&#8221;animation bottom-to-top&#8221; el_class=&#8221;mini-text&#8221; css=&#8221;.vc_custom_1681027980527{padding-top: 40px !important;padding-right: 40px !important;padding-bottom: 40px !important;padding-left: 40px !important;background-color: #ffffff !important;}&#8221;]\n<h5>Controlling Camera<\/h5>\n<p class=\"p1\"><span class=\"s1\">We worked with XiaoYi, a company in the Xiaomi ecosystem, to design a mobile app that controls their touchscreen-less action camera. We had to ensure that the functionalities on the camera and smartphone complemented each other, while also taking into consideration the communication limitations between the devices.<\/span><\/p>\n[\/vc_column_text][vc_empty_space height=&#8221;30px&#8221;][vc_images_carousel images=&#8221;1573&#8243; img_size=&#8221;full&#8221; onclick=&#8221;link_no&#8221; hide_pagination_control=&#8221;yes&#8221; hide_prev_next_buttons=&#8221;yes&#8221; css_animation=&#8221;fadeIn&#8221;][vc_column_text animation=&#8221;animation bottom-to-top&#8221; el_class=&#8221;mini-text&#8221; css=&#8221;.vc_custom_1681028026068{padding-top: 40px !important;padding-right: 40px !important;padding-bottom: 40px !important;padding-left: 40px !important;background-color: #ffffff !important;}&#8221;]\n<h5>Landscape v.s. Portrait Orientations<\/h5>\n<p class=\"p1\"><span class=\"s1\">Designing for landscape and portrait use cases differently on mobile devices is important to maximize the provided functionalities of products. This is particularly crucial\u00a0in scenarios such as watching videos, taking photos, or multi-tasking with a lot of information.<\/span><\/p>\n[\/vc_column_text][vc_empty_space height=&#8221;30px&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243; offset=&#8221;vc_col-xs-4\/5&#8243;][vc_images_carousel images=&#8221;1571&#8243; img_size=&#8221;full&#8221; onclick=&#8221;link_no&#8221; hide_pagination_control=&#8221;yes&#8221; hide_prev_next_buttons=&#8221;yes&#8221; css_animation=&#8221;fadeIn&#8221;][vc_column_text animation=&#8221;animation bottom-to-top&#8221; el_class=&#8221;mini-text&#8221; css=&#8221;.vc_custom_1681508090703{padding-top: 40px !important;padding-right: 40px !important;padding-bottom: 40px !important;padding-left: 40px !important;background-color: #ffffff !important;}&#8221;]\n<h5>Physical Keyboard<\/h5>\n<p class=\"p1\"><span class=\"s1\">When I worked at BlackBerry, <\/span>one of my tasks was to ensure a consistent user experience across devices, whether they were equipped with a keyboard or not. This was especially important when the first two smartphones built on <span class=\"s1\">BlackBerry 10<\/span> Operating System, the <span class=\"s1\">Q10<\/span> (equipped with a physical keyboard) and the <span class=\"s1\">Z10<\/span> (without a keyboard), were launched simultaneously.<\/p>\n[\/vc_column_text][vc_empty_space height=&#8221;30px&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text animation=&#8221;animation fade-in&#8221; el_class=&#8221;small-title&#8221;]\/ UX[\/vc_column_text][vc_empty_space height=&#8221;40px&#8221;][vc_empty_space height=&#8221;40px&#8221;][vc_column_text animation=&#8221;animation fade-in&#8221;] The interface experience goes beyond the screen and extends into the real world. Whether it&#8217;s controlling hardware with an app or eliminating physical limitations with an UI change, we must consider both the hardware and the software layers to ensure a complete and optimal user experience.&hellip;<\/p>\n","protected":false},"featured_media":1536,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","tags":[],"_links":{"self":[{"href":"http:\/\/www.reneeshen.com\/portfolio4\/wp-json\/wp\/v2\/portfolio\/1097"}],"collection":[{"href":"http:\/\/www.reneeshen.com\/portfolio4\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"http:\/\/www.reneeshen.com\/portfolio4\/wp-json\/wp\/v2\/types\/portfolio"}],"replies":[{"embeddable":true,"href":"http:\/\/www.reneeshen.com\/portfolio4\/wp-json\/wp\/v2\/comments?post=1097"}],"version-history":[{"count":43,"href":"http:\/\/www.reneeshen.com\/portfolio4\/wp-json\/wp\/v2\/portfolio\/1097\/revisions"}],"predecessor-version":[{"id":1675,"href":"http:\/\/www.reneeshen.com\/portfolio4\/wp-json\/wp\/v2\/portfolio\/1097\/revisions\/1675"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.reneeshen.com\/portfolio4\/wp-json\/wp\/v2\/media\/1536"}],"wp:attachment":[{"href":"http:\/\/www.reneeshen.com\/portfolio4\/wp-json\/wp\/v2\/media?parent=1097"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.reneeshen.com\/portfolio4\/wp-json\/wp\/v2\/tags?post=1097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}