{"id":1342,"date":"2023-03-25T07:58:39","date_gmt":"2023-03-25T07:58:39","guid":{"rendered":"http:\/\/www.reneeshen.com\/portfolio4\/?post_type=portfolio&#038;p=1342"},"modified":"2023-04-09T08:20:23","modified_gmt":"2023-04-09T08:20:23","slug":"skill_3","status":"publish","type":"portfolio","link":"http:\/\/www.reneeshen.com\/portfolio4\/portfolio\/skill_3\/","title":{"rendered":"Constructing the interaction design"},"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-69f5f96966dd8\" class=\"thb-highlighttype thb-highlight-hover  animation fade-in\">\n\t\t\n<h4>Detailing concepts and constructing the <span class=\"thb-highlight\">interaction design<\/span><\/h4>\n\n\t\t<style>\n\t\t\t\t\t\t\t\t\t\t#thb-highlighttype-69f5f96966dd8.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-69f5f96966dd8.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\">My goal in interaction design is always to physicalize an abstract idea into a user-friendly solution, as well as effectively communicate it to the stakeholders.<\/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;\">My outputs include&#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;1584&#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_1681028374278{padding-top: 40px !important;padding-right: 40px !important;padding-bottom: 40px !important;padding-left: 40px !important;background-color: #ffffff !important;}&#8221;]\n<h5>Information Architecture<\/h5>\n<p class=\"p1\"><span class=\"s1\">I use information architecture to define the hierarchy of each page, ensuring that users can easily find what they are looking for. It also helps to confirm the project scope with other stakeholders.<\/span><\/p>\n[\/vc_column_text][vc_empty_space height=&#8221;30px&#8221;][vc_images_carousel images=&#8221;1590&#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_1681028419290{padding-top: 40px !important;padding-right: 40px !important;padding-bottom: 40px !important;padding-left: 40px !important;background-color: #ffffff !important;}&#8221;]\n<h5>Documentation<\/h5>\n<p class=\"p1\"><span class=\"s1\">To ensure that design deliverables are easily accessible and understandable over time, I make sure to thoroughly document all interactions and link all relevant resources to a single location.<\/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;1585,1586,1587&#8243; img_size=&#8221;full&#8221; onclick=&#8221;link_no&#8221; autoplay=&#8221;yes&#8221; hide_pagination_control=&#8221;yes&#8221; wrap=&#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_1681028391267{padding-top: 40px !important;padding-right: 40px !important;padding-bottom: 40px !important;padding-left: 40px !important;background-color: #ffffff !important;}&#8221;]\n<h5>Wireframe<\/h5>\n<p class=\"p1\"><span class=\"s1\">I draw low-fidelity wireframes by hand for rapid communication, as well as develop high-fidelity wireframe kits to increase design efficiency.<\/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;1592,1593&#8243; img_size=&#8221;full&#8221; onclick=&#8221;link_no&#8221; speed=&#8221;10&#8243; autoplay=&#8221;yes&#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_1681028405899{padding-top: 40px !important;padding-right: 40px !important;padding-bottom: 40px !important;padding-left: 40px !important;background-color: #ffffff !important;}&#8221;]\n<h5>Prototype<\/h5>\n<p class=\"p1\"><span class=\"s1\">I typically create clickable prototypes based on a specific user flow to identify any design issues within a given scenario. While I do use it for usability testing, I try to avoid confusing users with non-finalized visual details.<\/span><\/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;] My goal in interaction design is always to physicalize an abstract idea into a user-friendly solution, as well as effectively communicate it to the stakeholders. [\/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] My outputs include&#8230; [\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_empty_space height=&#8221;40px&#8221;][vc_row_inner&hellip;<\/p>\n","protected":false},"featured_media":1538,"parent":0,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","tags":[],"_links":{"self":[{"href":"http:\/\/www.reneeshen.com\/portfolio4\/wp-json\/wp\/v2\/portfolio\/1342"}],"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=1342"}],"version-history":[{"count":26,"href":"http:\/\/www.reneeshen.com\/portfolio4\/wp-json\/wp\/v2\/portfolio\/1342\/revisions"}],"predecessor-version":[{"id":1665,"href":"http:\/\/www.reneeshen.com\/portfolio4\/wp-json\/wp\/v2\/portfolio\/1342\/revisions\/1665"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.reneeshen.com\/portfolio4\/wp-json\/wp\/v2\/media\/1538"}],"wp:attachment":[{"href":"http:\/\/www.reneeshen.com\/portfolio4\/wp-json\/wp\/v2\/media?parent=1342"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.reneeshen.com\/portfolio4\/wp-json\/wp\/v2\/tags?post=1342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}