https://tianyunliu.com Tianyun Liu Wed, 08 Apr 2026 23:44:01 +0000 https://tianyunliu.com en https://tianyunliu.com/Home Thu, 05 Apr 2018 03:06:46 +0000 Tianyun Liu https://tianyunliu.com/Home Hi, I'm Tianyun,I simplify complexity. var i = 0; var txt = 'I simplify complexity.'; var speed = 60; function typeWriter() { if (i < txt.length) { document.getElementById("title").innerHTML += txt.charAt(i); i++; setTimeout(typeWriter, speed); } } typeWriter('I simplify complexity.') Explore work&nbsp;→ https://tianyunliu.com/Work-1 Fri, 06 Apr 2018 06:25:31 +0000 Tianyun Liu https://tianyunliu.com/Work-1 https://tianyunliu.com/Auto-Payroll Mon, 24 Feb 2020 07:11:33 +0000 Tianyun Liu https://tianyunliu.com/Auto-Payroll ContextQuickBooks Payroll is the #1 payroll provider for small businesses.Market study results independently identified automated payroll as the single most impactful feature for customers. Role I designed the end-to-end automated payroll experience, tested and iterated based on customer feedback. Problem Payroll is an employer’s largest recurring cost and an employee’s critical source of income. Timeliness and accuracy are crucial.But when employers already have so much worries, paying employees accurately and on time shouldn’t be one of them. Approach Discussions with cross-functional teams to align on MVP features for V1, and feature roadmap for V2 and V3. Competitive feature analysis and interviews with customers using Gusto and Square.Design concepting, prototype testing and iteration. User testingCustomer:&nbsp;9 QuickBooks Payroll users with number of employees ranged from 1-30 Process: Two interviews each day, between each one we iterated user experience based on feedback from previous interview Customer problem: Learned about their normal process for running payroll, dug deeper to ask about if (and how) they had thought about automationTesting with prototype: Where their attention was being drawnWhich CTA did they wanted to click and whyWhat they expected when the CTA was clickedWhether they were interested in turning on Auto Payroll Challenges Market research shows a strong desire for automated payroll. Yet early customer tests show a lack of interest in giving up control in exchange for time back.Both time and technical constraints limited the scope of the V1 experience. Automated payroll experience <img width="1400" height="160" width_o="1400" height_o="160" data-src="https://freight.cargo.site/t/original/i/136d6e26ccf56bb8533a72721a14550c0157ba16319666e9e0c9614ac7007f5c/process.png" data-mid="61985631" border="0" data-scale="39" src="https://freight.cargo.site/w/1000/i/136d6e26ccf56bb8533a72721a14550c0157ba16319666e9e0c9614ac7007f5c/process.png" /> Payroll has 4 main areas, automated payroll focuses on running payroll and money movement to employees. Happy path <img width="2880" height="3199" width_o="2880" height_o="3199" data-src="https://freight.cargo.site/t/original/i/2d682776bc97a77717fe4c888d9bd128966e1ff51130150786b121e9efa6f7e5/flow.png" data-mid="63629273" border="0" src="https://freight.cargo.site/w/1000/i/2d682776bc97a77717fe4c888d9bd128966e1ff51130150786b121e9efa6f7e5/flow.png" /> Enrollment modal iterations<img width="3340" height="4584" width_o="3340" height_o="4584" data-src="https://freight.cargo.site/t/original/i/cbb3f9d58d286ad539361ae434070c81dd2bd27c149eb91a0716c2b2e5c9d9e8/iterations.png" data-mid="63715253" border="0" src="https://freight.cargo.site/w/1000/i/cbb3f9d58d286ad539361ae434070c81dd2bd27c149eb91a0716c2b2e5c9d9e8/iterations.png" /> Email communication <img width="3000" height="1441" width_o="3000" height_o="1441" data-src="https://freight.cargo.site/t/original/i/a59c31ab60d56908a232381b66794fe01c39a9a7ff265ea735e2fdbbef1cea43/email.png" data-mid="63622391" border="0" src="https://freight.cargo.site/w/1000/i/a59c31ab60d56908a232381b66794fe01c39a9a7ff265ea735e2fdbbef1cea43/email.png" />Exceptions <img width="1200" height="880" width_o="1200" height_o="880" data-src="https://freight.cargo.site/t/original/i/1f070d835c7222a2d67041548306275bc8b559a4278c4835c95b7883794b5403/ap_off_ineligible.png" data-mid="63629058" border="0" src="https://freight.cargo.site/w/1000/i/1f070d835c7222a2d67041548306275bc8b559a4278c4835c95b7883794b5403/ap_off_ineligible.png" /><img width="1200" height="880" width_o="1200" height_o="880" data-src="https://freight.cargo.site/t/original/i/93465ed4a9279c21dc4db33b19cfb3bb5899289a23f7064f2878c83a18133180/ap_off_ineligible_modal.png" data-mid="63629005" border="0" src="https://freight.cargo.site/w/1000/i/93465ed4a9279c21dc4db33b19cfb3bb5899289a23f7064f2878c83a18133180/ap_off_ineligible_modal.png" /> <img width="1200" height="880" width_o="1200" height_o="880" data-src="https://freight.cargo.site/t/original/i/20a5ccad9e5a5e7b8c1eb874f9a34727c6b0b8167c78d6e5fab5b871a29f977d/ap_on_eligible_error.png" data-mid="63629134" border="0" src="https://freight.cargo.site/w/1000/i/20a5ccad9e5a5e7b8c1eb874f9a34727c6b0b8167c78d6e5fab5b871a29f977d/ap_on_eligible_error.png" /><img width="1200" height="880" width_o="1200" height_o="880" data-src="https://freight.cargo.site/t/original/i/c97dfc42d2109120bc00d4f412fdb71187fe08c69b0ed2398e0acf94e0ae49d4/ap_on_eligible_error_modal.png" data-mid="63629007" border="0" src="https://freight.cargo.site/w/1000/i/c97dfc42d2109120bc00d4f412fdb71187fe08c69b0ed2398e0acf94e0ae49d4/ap_on_eligible_error_modal.png" /> <img width="3000" height="1216" width_o="3000" height_o="1216" data-src="https://freight.cargo.site/t/original/i/b5788f770ba91d9f294df7a972777cb1168b55bf25f728ef42314b7dbf3b87b2/email-2.png" data-mid="63651987" border="0" src="https://freight.cargo.site/w/1000/i/b5788f770ba91d9f294df7a972777cb1168b55bf25f728ef42314b7dbf3b87b2/email-2.png" /> Experience Lessons learned Most interaction happens outside of the productContent design is critical with automated systems Transparency and visibility of status are paramountCustomers valued peace of mind over saving time Added exit survey when customers turn off the feature and text message notifications <img width="696" height="1009" width_o="696" height_o="1009" data-src="https://freight.cargo.site/t/original/i/7269adc6271dd48fbca9f2c197ccf00570996c63a264928fafa2b8c796f57d53/survey-feedback.png" data-mid="63713437" border="0" src="https://freight.cargo.site/w/696/i/7269adc6271dd48fbca9f2c197ccf00570996c63a264928fafa2b8c796f57d53/survey-feedback.png" /> <img width="608" height="661" width_o="608" height_o="661" data-src="https://freight.cargo.site/t/original/i/2d5a63922442cd398a33de7a8953a1b54fe7a791c3ccdbfa4ab0cdfb2a21a40e/survey.png" data-mid="63713372" border="0" src="https://freight.cargo.site/w/608/i/2d5a63922442cd398a33de7a8953a1b54fe7a791c3ccdbfa4ab0cdfb2a21a40e/survey.png" /> <img width="375" height="1446" width_o="375" height_o="1446" data-src="https://freight.cargo.site/t/original/i/5017923c37314cc4aa7f68d500e60a04240fbecf8042385ce411182307e70ded/Messages.png" data-mid="63715723" border="0" src="https://freight.cargo.site/w/375/i/5017923c37314cc4aa7f68d500e60a04240fbecf8042385ce411182307e70ded/Messages.png" /> What’s next Auto Payroll V1 launched as part of the new Payroll SKUs, supporting salaried employees on direct deposit. Future releases will support both paper checks and hourly employees. We’ll use machine learning models to automate error checking and time approval. https://tianyunliu.com/QuickBooks-1099 Wed, 08 Apr 2026 23:44:01 +0000 Tianyun Liu https://tianyunliu.com/QuickBooks-1099 ContextA 1099 is a tax form used in the United States to report income received from sources other than a regular salary. QuickBooks received $30M in revenue from 1099 filings in the prior year, and considers automated filing to be the main contributor. RoleI led the research and redesign of the 1099 shopping experience, driving cross-functional collaboration across product, engineering, data, and ecosystem teams to deliver a scalable and user-centered solution. Problem Our analyst estimated 3.6M companies in QuickBooks likely need to file 1099s, yet only 579K did so — a 16% adoption rate. Our survey told us that the top reasons customers choose not to file 1099 through QuickBooks are price (21%) and lack of awareness (18%). 60% of respondents were not even aware of Automated 1099. Approach Prior landing page <img width="1024" height="735" width_o="1024" height_o="735" data-src="https://freight.cargo.site/t/original/i/3717048b6e6eef1412a3c0e1729f149fc227fe70a904e91bb5465eb3e4e12090/old-landing.png" data-mid="246992508" border="0" src="https://freight.cargo.site/w/1000/i/3717048b6e6eef1412a3c0e1729f149fc227fe70a904e91bb5465eb3e4e12090/old-landing.png" />Auto offering not prominently surfacedGeneric visual with no insight cue New landing page <img width="1024" height="828" width_o="1024" height_o="828" data-src="https://freight.cargo.site/t/original/i/c8d85bea314b310ba95c4af13ce102544f39218e215a78fbbc41203f394c96ce/new-landing.png" data-mid="246992531" border="0" src="https://freight.cargo.site/w/1000/i/c8d85bea314b310ba95c4af13ce102544f39218e215a78fbbc41203f394c96ce/new-landing.png" />Auto offering highlighted in header Social proof added to increase confidenceVisual signals automation and smart insights Prior shopping page <img width="1024" height="1241" width_o="1024" height_o="1241" data-src="https://freight.cargo.site/t/original/i/7d4395c0a12aa1ee77b74eed03938ebbdebfecfe9e954ef778ec2d75073aaab9/old-shopping.png" data-mid="246992556" border="0" src="https://freight.cargo.site/w/1000/i/7d4395c0a12aa1ee77b74eed03938ebbdebfecfe9e954ef778ec2d75073aaab9/old-shopping.png" /> + What workedTransparent pricingValue props of time-saving and convenienceHaving choice- The opportunitiesConfusion about the actual auto process&nbsp; &nbsp; •&nbsp; Letting QuickBooks prep felt like a black box&nbsp; &nbsp; • Video illustration received few clicks (~2%)Information overwhelm&nbsp; &nbsp; •&nbsp; Too many words&nbsp; &nbsp; • &nbsp;Missing purposeful white spaceDifficult to compare choices&nbsp; &nbsp; •&nbsp; Feature list was hard to decipher&nbsp; &nbsp; • &nbsp;CTAs had similar language New shopping page <img width="1024" height="2175" width_o="1024" height_o="2175" data-src="https://freight.cargo.site/t/original/i/9aca461077208bbaf2b61fc056697ac41ebc04f6b0f4b8243fdb13e2d546846d/new-shopping.png" data-mid="246992555" border="0" data-scale="84" src="https://freight.cargo.site/w/1000/i/9aca461077208bbaf2b61fc056697ac41ebc04f6b0f4b8243fdb13e2d546846d/new-shopping.png" /> Shed light on the black boxAdd step-by-step processGive product moments to garner delightLet the page breatheModernize visuals for cleaner feelMinimize content for quick scanningUse tooltips for feature listGrow into AI space, but remember rootsEmphasize auto as primary offeringKeep options on equal footing User interview Company admins + accountants Learnings:Cost and CompetitivenessLack of AwarenessChallenging Navigation Challenges Prior QuickBooks navigation <img width="1000" height="639" width_o="1000" height_o="639" data-src="https://freight.cargo.site/t/original/i/ff49e920f082af015ddbe1ecfc5ecbb5008b9288d9becc26f6cb8f75cf34bd7a/nav1.png" data-mid="246992924" border="0" src="https://freight.cargo.site/w/1000/i/ff49e920f082af015ddbe1ecfc5ecbb5008b9288d9becc26f6cb8f75cf34bd7a/nav1.png" />1099 is a level 2 itemCan be accessed from both Taxes and Expenses New QuickBooks navigation <img width="1000" height="804" width_o="1000" height_o="804" data-src="https://freight.cargo.site/t/original/i/357f605dcabcede0d68932eb84afeedd832b31a0c63be69ba2f3e9202c7a7715/nav2.png" data-mid="246992925" border="0" src="https://freight.cargo.site/w/1000/i/357f605dcabcede0d68932eb84afeedd832b31a0c63be69ba2f3e9202c7a7715/nav2.png" /> 1099 is a level 3 item Can only be accessed from Expenses Iteration Tab navigation <img width="1438" height="1062" width_o="1438" height_o="1062" data-src="https://freight.cargo.site/t/original/i/1d87cf916898910791a0263ea887ffb88861ba4bce92e316b7f295c79267efc4/1099-tabs.gif" data-mid="247011732" border="0" data-scale="63" src="https://freight.cargo.site/w/1000/i/1d87cf916898910791a0263ea887ffb88861ba4bce92e316b7f295c79267efc4/1099-tabs.gif" /> A/B test Control <img width="615" height="1072" width_o="615" height_o="1072" data-src="https://freight.cargo.site/t/original/i/3944c2acdcea38a057eb3c46145b7f76d6a561a348ad6a11e44d5185dc2aa416/1.png" data-mid="247011793" border="0" src="https://freight.cargo.site/w/615/i/3944c2acdcea38a057eb3c46145b7f76d6a561a348ad6a11e44d5185dc2aa416/1.png" /> Variant <img width="600" height="1106" width_o="600" height_o="1106" data-src="https://freight.cargo.site/t/original/i/24602feda67b8440472ddfd77bb0b20e9d6a13bdbd9bf073d70cfe76c3c0bc22/2.png" data-mid="247011794" border="0" src="https://freight.cargo.site/w/600/i/24602feda67b8440472ddfd77bb0b20e9d6a13bdbd9bf073d70cfe76c3c0bc22/2.png" /> Result2.6x top-of-funnel views1.1x started filing 2.2x chose Auto Shipping the winner 1.5x Auto 1099 adoption is accelerating revenue growth (Auto starts at $17.99 vs Core starts at $5.99) 40m Revenue vs. previously forecasted 32m https://tianyunliu.com/IMVU-Shop Sun, 22 Apr 2018 20:18:23 +0000 Tianyun Liu https://tianyunliu.com/IMVU-Shop IMVU is a social platform where members use 3D avatars to meet new people, chat, create and play games with their friends. Visit IMVU Web / App Store / Google Play Store Project Overview Improve current Shop behavior by introducing a Global Shopping CartAdd functionality by adding categories Role I led the design of the shop experience for web and later for iOS and Android. Problem Shoppers want to better find/discover items that they seek to buy that are unique, original, and best suited to the activity and look they have in mind. Currently, users complain about difficulty in finding what they desire in Shop. Creators want to gain more prominence and recognition in Shop. Skilled creators want to get their products to be viewed by shoppers that seek them. Old flow: No global shopping cart Flat category hierarchy&nbsp; Static 2D image of product card, couldn’t try on <img width="1285" height="1647" width_o="1285" height_o="1647" data-src="https://freight.cargo.site/t/original/i/7e4f43b84071732f53ed6395b6927bede78295e82e35469edd5454c04cafe7ed/old-flow.png" data-mid="15752256" border="0" src="https://freight.cargo.site/w/1000/i/7e4f43b84071732f53ed6395b6927bede78295e82e35469edd5454c04cafe7ed/old-flow.png" /> Approach Add a global shopping cartIncrease Credit Sinks through introduction of new categories.Increase retention through engagement via "completing" the IMVU experience through Rooms &amp; Furniture. Simplify and consolidate the product categories that were contrived by Creators via Core in favor of IMVU-official categories. Move categorization hierarchy closer to what e-commerce sites so that users can more intuitively navigate to desired products for purchase. Some e-commerce sites/apps I have studied: <img width="3354" height="1018" width_o="3354" height_o="1018" data-src="https://freight.cargo.site/t/original/i/a81b1bc0ec85fc8a9bab1d7df7cc0f73b9e1081b2ad91494cb514eff1865a128/logo.png" data-mid="15834040" border="0" data-scale="95" src="https://freight.cargo.site/w/1000/i/a81b1bc0ec85fc8a9bab1d7df7cc0f73b9e1081b2ad91494cb514eff1865a128/logo.png" /> Shop Experience Flowchart (Web) <img width="2900" height="1200" width_o="2900" height_o="1200" data-src="https://freight.cargo.site/t/original/i/f5feef5d79e1ad4825878467716e1a11535b9895fcde0557c1b63dc22daad314/flow.png" data-mid="15528042" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/f5feef5d79e1ad4825878467716e1a11535b9895fcde0557c1b63dc22daad314/flow.png" /> Responsive Grid Layout Pages with Feed <img width="7701" height="4501" width_o="7701" height_o="4501" data-src="https://freight.cargo.site/t/original/i/c45ecc9e989c1df542cae936e5bd8deba4330ab05dd1280bcacd58bae04a9afc/Responsive-layout-01.png" data-mid="15336032" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/c45ecc9e989c1df542cae936e5bd8deba4330ab05dd1280bcacd58bae04a9afc/Responsive-layout-01.png" /> Pages with Other Content <img width="7701" height="6800" width_o="7701" height_o="6800" data-src="https://freight.cargo.site/t/original/i/3bb49ff201dffb0881e4cc104687a5b25ffe6374c8bc40a380b62782cddfe214/Responsive-layout-02.png" data-mid="15336036" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/3bb49ff201dffb0881e4cc104687a5b25ffe6374c8bc40a380b62782cddfe214/Responsive-layout-02.png" />3 column grid: 1000px &lt;= {browserWidth} &lt; 1160px 4 column grid: 1160px &lt;= {browserWidth} &lt; 1320p 5 column grid: 1320px &lt;= {browserWidth} Lightboxes &amp; Cards Design Specs <img width="5218" height="1745" width_o="5218" height_o="1745" data-src="https://freight.cargo.site/t/original/i/c76977df51cccafa64fd2f5b232b7b7ed3abb8b7ed5841ed66f690ba9b1bed72/Visual-Design-Specs---Lightbox---Template.png" data-mid="15343087" border="0" src="https://freight.cargo.site/w/1000/i/c76977df51cccafa64fd2f5b232b7b7ed3abb8b7ed5841ed66f690ba9b1bed72/Visual-Design-Specs---Lightbox---Template.png" /> <img width="3110" height="2000" width_o="3110" height_o="2000" data-src="https://freight.cargo.site/t/original/i/f5c7b9230e0f519f0cbe738731806d9702901bbb0ba9c4b10f7d218212517c61/Visual-Design-Specs---Sidebar-A---Template.png" data-mid="15343239" border="0" src="https://freight.cargo.site/w/1000/i/f5c7b9230e0f519f0cbe738731806d9702901bbb0ba9c4b10f7d218212517c61/Visual-Design-Specs---Sidebar-A---Template.png" /><img width="3110" height="2000" width_o="3110" height_o="2000" data-src="https://freight.cargo.site/t/original/i/b801a373067096fbcfff7671d35a6ca5f4e1d5100b27c8915c73ffdc5f27f849/Visual-Design-Specs---Sidebar-B---Template.png" data-mid="15343246" border="0" src="https://freight.cargo.site/w/1000/i/b801a373067096fbcfff7671d35a6ca5f4e1d5100b27c8915c73ffdc5f27f849/Visual-Design-Specs---Sidebar-B---Template.png" /><img width="3110" height="2000" width_o="3110" height_o="2000" data-src="https://freight.cargo.site/t/original/i/f3705520c9b2007680493e74dd5a6ccb0534369ce2cb44fc88f7450e29b698b5/Visual-Design-Specs---Sidebar-B---Products.png" data-mid="15343243" border="0" src="https://freight.cargo.site/w/1000/i/f3705520c9b2007680493e74dd5a6ccb0534369ce2cb44fc88f7450e29b698b5/Visual-Design-Specs---Sidebar-B---Products.png" /><img width="3110" height="2000" width_o="3110" height_o="2000" data-src="https://freight.cargo.site/t/original/i/afe3196ca080280eb57bdad9d15a5f32b72a51299b3125186fdc889a838d7dfd/Visual-Design-Specs---Sidebar-C---Template.png" data-mid="15343248" border="0" src="https://freight.cargo.site/w/1000/i/afe3196ca080280eb57bdad9d15a5f32b72a51299b3125186fdc889a838d7dfd/Visual-Design-Specs---Sidebar-C---Template.png" /> Cart Use Cases <img width="1024" height="700" width_o="1024" height_o="700" data-src="https://freight.cargo.site/t/original/i/295fe60df060b26690e582bf2dcc5d5f50e78ad2e683575e01d1f684967a9fdc/Desktop---Shop-Cart-Drawer.png" data-mid="15406375" border="0" src="https://freight.cargo.site/w/1000/i/295fe60df060b26690e582bf2dcc5d5f50e78ad2e683575e01d1f684967a9fdc/Desktop---Shop-Cart-Drawer.png" /><img width="1024" height="700" width_o="1024" height_o="700" data-src="https://freight.cargo.site/t/original/i/f36c97651894510cedef0c6f8a1cab9f646ba7c752b9367efea6e842e7848380/Desktop---Shop-Cart-Drawer-Item-Removed.png" data-mid="15406373" border="0" src="https://freight.cargo.site/w/1000/i/f36c97651894510cedef0c6f8a1cab9f646ba7c752b9367efea6e842e7848380/Desktop---Shop-Cart-Drawer-Item-Removed.png" /> <img width="1024" height="700" width_o="1024" height_o="700" data-src="https://freight.cargo.site/t/original/i/f9c2142f05e1c4f91447fed67fd2b42e69932d862be937fde6321f17ffca140f/Desktop---Shop-Cart-Drawer-Empty.png" data-mid="15406371" border="0" src="https://freight.cargo.site/w/1000/i/f9c2142f05e1c4f91447fed67fd2b42e69932d862be937fde6321f17ffca140f/Desktop---Shop-Cart-Drawer-Empty.png" /><img width="1024" height="700" width_o="1024" height_o="700" data-src="https://freight.cargo.site/t/original/i/2435bdbded70bf5f7d2c4eb7bc055e4c9789a6e8b1fd1d8224010e29b1c696c4/Desktop---Shop-Cart-Drawer-Partial-ItemsUnavailable.png" data-mid="15406374" border="0" src="https://freight.cargo.site/w/1000/i/2435bdbded70bf5f7d2c4eb7bc055e4c9789a6e8b1fd1d8224010e29b1c696c4/Desktop---Shop-Cart-Drawer-Partial-ItemsUnavailable.png" /> <img width="1024" height="700" width_o="1024" height_o="700" data-src="https://freight.cargo.site/t/original/i/7a473ee74e639aaa6c28ad0436fc247069d70fbdfca14d58de523fa51b98602e/Desktop---Shop-Cart-Drawer-Error.png" data-mid="15406372" border="0" src="https://freight.cargo.site/w/1000/i/7a473ee74e639aaa6c28ad0436fc247069d70fbdfca14d58de523fa51b98602e/Desktop---Shop-Cart-Drawer-Error.png" /><img width="1024" height="700" width_o="1024" height_o="700" data-src="https://freight.cargo.site/t/original/i/80fbf65f278f615b99314e13a9738d05b3134126048a9fe9ada5d0a38ed982ba/Group-2.png" data-mid="15408332" border="0" src="https://freight.cargo.site/w/1000/i/80fbf65f278f615b99314e13a9738d05b3134126048a9fe9ada5d0a38ed982ba/Group-2.png" /> Cart Drawer Animation Experiments <img width="1024" height="700" width_o="1024" height_o="700" data-src="https://freight.cargo.site/t/original/i/3ec8d7aa7274f3f32d9a19f9f7a1585b5a151eeb87b91aeb4a05a58f8f4d05d3/cart1.gif" data-mid="15653787" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/3ec8d7aa7274f3f32d9a19f9f7a1585b5a151eeb87b91aeb4a05a58f8f4d05d3/cart1.gif" /><img width="1024" height="700" width_o="1024" height_o="700" data-src="https://freight.cargo.site/t/original/i/aa13a8b51dff5d52a9e4fe86c87fdc8484bf7dff9007b1f39b6a98498b64c0f5/cart3.gif" data-mid="15653799" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/aa13a8b51dff5d52a9e4fe86c87fdc8484bf7dff9007b1f39b6a98498b64c0f5/cart3.gif" /> <img width="1024" height="700" width_o="1024" height_o="700" data-src="https://freight.cargo.site/t/original/i/ab8508e4ef5e0f71084b7edcade1e7fef6a36a6df0de9ef7d531a3b0324c907d/cart4.gif" data-mid="15653803" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/ab8508e4ef5e0f71084b7edcade1e7fef6a36a6df0de9ef7d531a3b0324c907d/cart4.gif" /><img width="1024" height="700" width_o="1024" height_o="700" data-src="https://freight.cargo.site/t/original/i/df4e9d4de00556c31ed5f588c5b74efb0a3dc8a59cc72519c4ed3ba45f6830ea/cart2.gif" data-mid="15653794" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/df4e9d4de00556c31ed5f588c5b74efb0a3dc8a59cc72519c4ed3ba45f6830ea/cart2.gif" /> Final Animation Effect Desktop &amp; Mobile Web Variations Product Card <img width="1860" height="1040" width_o="1860" height_o="1040" data-src="https://freight.cargo.site/t/original/i/70e5d29184a717c027f2a8fe790c6b6ee42386c529bf349e23921491774f8d21/Product-Card.png" data-mid="15462702" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/70e5d29184a717c027f2a8fe790c6b6ee42386c529bf349e23921491774f8d21/Product-Card.png" /> Shopping Cart <img width="1860" height="1040" width_o="1860" height_o="1040" data-src="https://freight.cargo.site/t/original/i/f7768bab1a7f4c079679aa9789f3aa2205d9bb86e7d647ba51eed7bda46cc976/Cart.png" data-mid="15463719" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/f7768bab1a7f4c079679aa9789f3aa2205d9bb86e7d647ba51eed7bda46cc976/Cart.png" /> Web Shop Experience &nbsp; <img width="501" height="1854" width_o="501" height_o="1854" data-src="https://freight.cargo.site/t/original/i/b0439aefc847023513d7ee69422ac08afe4dd0fed9183f3c6e7afdf8dfabbb1f/Product.png" data-mid="15890186" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/501/i/b0439aefc847023513d7ee69422ac08afe4dd0fed9183f3c6e7afdf8dfabbb1f/Product.png" /> <img width="5026" height="1196" width_o="5026" height_o="1196" data-src="https://freight.cargo.site/t/original/i/68bd7a10e42bd4d32f4009ea6401bf7614022d1c30999e1586d1e49c347256dc/bg-copy.png" data-mid="15890243" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/68bd7a10e42bd4d32f4009ea6401bf7614022d1c30999e1586d1e49c347256dc/bg-copy.png" /> <img width="501" height="1396" width_o="501" height_o="1396" data-src="https://freight.cargo.site/t/original/i/9f0243590d3f99758b28dc26527cc4a533a4d4ef27e04418616c06987a2d28ab/Cart.png" data-mid="15889225" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/501/i/9f0243590d3f99758b28dc26527cc4a533a4d4ef27e04418616c06987a2d28ab/Cart.png" /> <img width="1002" height="1883" width_o="1002" height_o="1883" data-src="https://freight.cargo.site/t/original/i/9f8e432c1851a4fe84862e93ef893d590c66bf05fa0b6832979d8a4b1cb7477e/avatar.png" data-mid="15888619" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/1000/i/9f8e432c1851a4fe84862e93ef893d590c66bf05fa0b6832979d8a4b1cb7477e/avatar.png" /> Shop Experience Flowchart (Mobile) <img width="2300" height="1200" width_o="2300" height_o="1200" data-src="https://freight.cargo.site/t/original/i/80f842e90ed16faa295a2333df51a663479e92f479d5213a40bb4be71aa91e20/mobile-flow.png" data-mid="15540351" border="0" data-scale="83" data-no-zoom src="https://freight.cargo.site/w/1000/i/80f842e90ed16faa295a2333df51a663479e92f479d5213a40bb4be71aa91e20/mobile-flow.png" /> Mobile Grid Layout iOS <img width="10702" height="3659" width_o="10702" height_o="3659" data-src="https://freight.cargo.site/t/original/i/b7f29823d5ca3abfec1f63c6ffcb73eb5a137b5b67e202db833a548d3372cdb4/iOS-grid.png" data-mid="15660057" border="0" src="https://freight.cargo.site/w/1000/i/b7f29823d5ca3abfec1f63c6ffcb73eb5a137b5b67e202db833a548d3372cdb4/iOS-grid.png" /> Android <img width="6932" height="1430" width_o="6932" height_o="1430" data-src="https://freight.cargo.site/t/original/i/737416c3d4aa5205f28a01bd21f4a30c5f307d8bfcb723ceffaa88a7e8bd4aee/mobile-grid.png" data-mid="15542026" border="0" src="https://freight.cargo.site/w/1000/i/737416c3d4aa5205f28a01bd21f4a30c5f307d8bfcb723ceffaa88a7e8bd4aee/mobile-grid.png" /> Shop Detail iOS <img width="6080" height="5578" width_o="6080" height_o="5578" data-src="https://freight.cargo.site/t/original/i/d35375f74c4287e531192d777003e0e7b7d05b6463fe63677f260d5811f51497/iOS-Shop.png" data-mid="15660724" border="0" src="https://freight.cargo.site/w/1000/i/d35375f74c4287e531192d777003e0e7b7d05b6463fe63677f260d5811f51497/iOS-Shop.png" /> Android <img width="5945" height="4192" width_o="5945" height_o="4192" data-src="https://freight.cargo.site/t/original/i/5a1c16626dc75f4c9cf900f4d4ce67b3c8a52de725a2649dd7af0fc12af5ab99/Android-Shop.png" data-mid="15709623" border="0" src="https://freight.cargo.site/w/1000/i/5a1c16626dc75f4c9cf900f4d4ce67b3c8a52de725a2649dd7af0fc12af5ab99/Android-Shop.png" /> Product Card iOS <img width="6747" height="3172" width_o="6747" height_o="3172" data-src="https://freight.cargo.site/t/original/i/21b3b7b5ad1695fbd880b58da8b9a21cd4315c5f155fb5dba7bf0a8423e2bba1/iOS-Product-Card.png" data-mid="15660763" border="0" src="https://freight.cargo.site/w/1000/i/21b3b7b5ad1695fbd880b58da8b9a21cd4315c5f155fb5dba7bf0a8423e2bba1/iOS-Product-Card.png" /> Android <img width="5282" height="2609" width_o="5282" height_o="2609" data-src="https://freight.cargo.site/t/original/i/a1fd509fdacb1c800c5c42214ed6db53a656cabf2f2ae4331cde7c9d3636253c/Android-Product-Card.png" data-mid="15711045" border="0" src="https://freight.cargo.site/w/1000/i/a1fd509fdacb1c800c5c42214ed6db53a656cabf2f2ae4331cde7c9d3636253c/Android-Product-Card.png" /> Shopping Cart iOS <img width="7729" height="4208" width_o="7729" height_o="4208" data-src="https://freight.cargo.site/t/original/i/8d9014c39c7badad7dab65aee4c330d3d4b5686c0dd5c05d9ffb89f3eb42823c/iOS-Cart.png" data-mid="15660764" border="0" src="https://freight.cargo.site/w/1000/i/8d9014c39c7badad7dab65aee4c330d3d4b5686c0dd5c05d9ffb89f3eb42823c/iOS-Cart.png" /> Android <img width="6644" height="3915" width_o="6644" height_o="3915" data-src="https://freight.cargo.site/t/original/i/fba1649b9d490ab73077afcba73021478a3e25b9422f0e560ced3ebe4be7c069/Android-Cart.png" data-mid="15714079" border="0" src="https://freight.cargo.site/w/1000/i/fba1649b9d490ab73077afcba73021478a3e25b9422f0e560ced3ebe4be7c069/Android-Cart.png" /> Actions Sets Interaction Experiment <img width="374" height="666" width_o="374" height_o="666" data-src="https://freight.cargo.site/t/original/i/131ae2ee7bdd0f751d1ebfd5e4a9cb6c83979fa1b9fc836b65e6a410b41607b4/actions.gif" data-mid="16581419" border="0" src="https://freight.cargo.site/w/374/i/131ae2ee7bdd0f751d1ebfd5e4a9cb6c83979fa1b9fc836b65e6a410b41607b4/actions.gif" /> User Testing Round 1 : General market research of online shoppers Round 2 : Invision prototype test (with staff) Round 3 : User test with prototype (via usertesting.com) Round 4 : User test with QA mode (via usertesting.com) Mobile Shop Experience Result App has been rated as #5 Top Grossing Social in Play Store (raised from #7 in 2 months; based on a total of 20K ratings) https://tianyunliu.com/IMVU-mobile-dashboard Wed, 04 Apr 2018 06:53:32 +0000 Tianyun Liu https://tianyunliu.com/IMVU-mobile-dashboard IMVU is a social platform where members use 3D avatars to meet new people, chat, create and play games with their friends. View IMVU in App Store / Google Play Store Project Overview Upgrade profile and additional features into a "dashboard", which the mobile app user will land on. Role I led the design of the dashboard project for iOS. And later on spanned to Android. <img width="1100" height="382" width_o="1100" height_o="382" data-src="https://freight.cargo.site/t/original/i/ea8180ca251cf3641a6338bac73b9e4c0924cbdfa60d3337924aeb481fcd453a/Design-Process.png" data-mid="15396967" border="0" data-scale="100" data-no-zoom src="https://freight.cargo.site/w/1000/i/ea8180ca251cf3641a6338bac73b9e4c0924cbdfa60d3337924aeb481fcd453a/Design-Process.png" /> Problem Confusing first time user experience, too much going on while user doesn’t understand product features, as a result of poor retention rate. Approach Clean up info architecture in app, consolidate features, prioritize them and elevate them to proper level. Structure the user profile where stats, settings, one's own content exists alongside with access to key features like Inventory, Followers/Following, and content publishing. Simplify and absorb relevant More tab menu functions into profile. Inject enough visual dynamism into dashboard in the form of activity updates (followers, likes, comments, etc) and especially CTA tiles, so that dashboard serves as a first viewable screen and a jumping-off point for users upon app entry. Adjust and reorder buttons in bottom navbar tray: More tab button is being retired in favor of adding dashboard as a Home tab. &nbsp; &nbsp; <img width="900" height="940" width_o="900" height_o="940" data-src="https://freight.cargo.site/t/original/i/a561b2f073294d00606698a79fdcee0c416d065f9a6404ac620a88056bf426b6/Summary.png" data-mid="14434108" border="0" data-no-zoom src="https://freight.cargo.site/w/900/i/a561b2f073294d00606698a79fdcee0c416d065f9a6404ac620a88056bf426b6/Summary.png" /> Tab Reordering Home/Dashboard: will springboard to posts, all tools for you to post, your profile information, and triggers to go to your inventory, edit profile and edit settings, etc. Feed: My Feed - content from users you're following, Explore Feed Chat: chat features, lister Shop: shop features Messages: Messages &amp; Activity User Testing Objective: Gauge the usability of Dashboard. Participants: 5 new to IMVU users were recruited via our standard usability screener via usertesting.com. Materials: InVision prototype of the FTUX, Dashboard, and the profile screens. Tasks: Create an account, view dashboard, and conceptual questions. Findings: Generally positive. Minor to moderate improvements to be made in order to locate relevant profile information. Dashboard Summary <img width="3125" height="3061" width_o="3125" height_o="3061" data-src="https://freight.cargo.site/t/original/i/d8a6b5509f1d9efd54db9bcd179bdc64496c51504458c9761d65970d3f2796c1/Dashboard-Summary.png" data-mid="14230695" border="0" src="https://freight.cargo.site/w/1000/i/d8a6b5509f1d9efd54db9bcd179bdc64496c51504458c9761d65970d3f2796c1/Dashboard-Summary.png" /> Dashboard Interaction <img width="354" height="768" width_o="354" height_o="768" data-src="https://freight.cargo.site/t/original/i/c3d448343a5f25b0995d8fb44fc9263e44b0b3792a7d4927d4a8f7af70e0f243/dashboard_1.gif" data-mid="14298237" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/354/i/c3d448343a5f25b0995d8fb44fc9263e44b0b3792a7d4927d4a8f7af70e0f243/dashboard_1.gif" /> <img width="354" height="768" width_o="354" height_o="768" data-src="https://freight.cargo.site/t/original/i/546d8105cbffea2f5a4feeafd60a635babdd12e53995a58aec8ae74555d177ec/dashboard_2.gif" data-mid="14298241" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/354/i/546d8105cbffea2f5a4feeafd60a635babdd12e53995a58aec8ae74555d177ec/dashboard_2.gif" /> <img width="354" height="768" width_o="354" height_o="768" data-src="https://freight.cargo.site/t/original/i/4c86bacdda1e70ca10685b6662e14e5619085504f3d98bfd28a48c0ae3d3ebe0/dashboard_3.gif" data-mid="14298362" border="0" data-no-zoom="true" src="https://freight.cargo.site/w/354/i/4c86bacdda1e70ca10685b6662e14e5619085504f3d98bfd28a48c0ae3d3ebe0/dashboard_3.gif" /> <img width="8000" height="4600" width_o="8000" height_o="4600" data-src="https://freight.cargo.site/t/original/i/ebb75da4b211ddf7650e8dd5bcccae0caae808a47f70926f77cc58d60adecf5c/Mobile-Mockup.png" data-mid="15037636" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/ebb75da4b211ddf7650e8dd5bcccae0caae808a47f70926f77cc58d60adecf5c/Mobile-Mockup.png" /> Dashboard Tile Details Dashboard tiles in different widths/sizes will circulate dynamically through the Dashboard to impel the user to take action in the app.&nbsp; In particular, new users will be familiarized with app features by means of the tile information. <img width="1750" height="2139" width_o="1750" height_o="2139" data-src="https://freight.cargo.site/t/original/i/743a1ce4314f0f05daa1ad2e16dc0a24a2c586433f1e06835358ce56cc326fd7/Dashboard-Tile-Detail.png" data-mid="14817910" border="0" src="https://freight.cargo.site/w/1000/i/743a1ce4314f0f05daa1ad2e16dc0a24a2c586433f1e06835358ce56cc326fd7/Dashboard-Tile-Detail.png" /> Graphic Elements <img width="2200" height="1200" width_o="2200" height_o="1200" data-src="https://freight.cargo.site/t/original/i/2d4c2f85269193a64582009a232fd76b89ea8c0255dfd4fbc9c1709eae49ccde/Graphics.png" data-mid="14817502" border="0" src="https://freight.cargo.site/w/1000/i/2d4c2f85269193a64582009a232fd76b89ea8c0255dfd4fbc9c1709eae49ccde/Graphics.png" /> iPad Layout Landscape Portrait <img width="1024" height="768" width_o="1024" height_o="768" data-src="https://freight.cargo.site/t/original/i/a3053a5d482fc38b49bd364783b15e1e086e2ebfdbaaf7cbf6b0e971c2cb0c06/Hint.png" data-mid="14435336" border="0" src="https://freight.cargo.site/w/1000/i/a3053a5d482fc38b49bd364783b15e1e086e2ebfdbaaf7cbf6b0e971c2cb0c06/Hint.png" /> <img width="768" height="1024" width_o="768" height_o="1024" data-src="https://freight.cargo.site/t/original/i/a024279b44d17b30075d8419f9649c31e34dd187d08a4b331bc9f3de753cd689/Hint.png" data-mid="14435335" border="0" src="https://freight.cargo.site/w/768/i/a024279b44d17b30075d8419f9649c31e34dd187d08a4b331bc9f3de753cd689/Hint.png" /> Final Look Rollout Experiment buckets: 1) Retained Users w/ Dashboard (Experiment Branch) 2) New Users w/ Dashboard (Experiment Branch) 3) Retained Users w/out Dashboard (Control Branch) 4) New Users w/out Dashboard (Control Branch) Metrics to watch: 1/3/7Day ARPU/Revenue. 1/3/7Day Retention. Strategy: Roll out experiment to 50/50 during QA week. Turn it down to 10% so then we can see the relative affect of 1/10 sees Dashboard. Result 5% growth of 1/3/7Day retention after launch App Store Rating raised from 3.6 to 4.0 over 4 months (based on a total of 10K ratings) Next Steps Incorporate Feed (Following, Discover) into Dashboard for experienced users. Beginning users continue to see only tiles to situate them into IMVU app. Create updates to expose friendactivity converging on certain posts. https://tianyunliu.com/IMVU-mobile-profile-card Mon, 09 Apr 2018 07:50:39 +0000 Tianyun Liu https://tianyunliu.com/IMVU-mobile-profile-card View IMVU in App Store / Google Play StoreProject Overview Upgrade profile card (personal and public view),&nbsp;part of dashboard project. Problem It’s been difficult for user to connect with others Information architecture wasn’t clear, and user didn’t see certain features like bio &amp; interests before first time editing profile, because they were hidden if nothing was entered. Approach Add Followers/Following. Integrate stats, settings, one's own content alongside with access to key features like Inventory and content publishing in profile card. Display hint in profile card 3d avatar displayed in profile card instead of 2d Profile shows counts for Following and Followers - preliminary indicator of user's engagement Access to revamped Friends/Add friends/Invite Friend (personal view only) Incorporate Friends &amp; Find Friends access into Follower/Following list Tested design: <img width="1442" height="856" width_o="1442" height_o="856" data-src="https://freight.cargo.site/t/original/i/569ee788c4e3f7ea4f52428f52904171f41dd9279797f58eac2d1816da08ad80/old.png" data-mid="14756103" border="0" src="https://freight.cargo.site/w/1000/i/569ee788c4e3f7ea4f52428f52904171f41dd9279797f58eac2d1816da08ad80/old.png" /> User Testing Objective: Gauge understanding of the profile page and usability of the editing flow from the profile page. Participants: 5 new to IMVU users were recruited via our standard usability screener via usertesting.com. Limitations included age (18-35), gender ratio (3:2 Female to Male), household income(&lt;100k), and openness to chatting with new people online. Materials: InVision prototype of the FTUX, Dashboard, and the profile screens. Tasks: 1. edit their profile image and 2. make their age private. Findings: Most participants understood the concept of the profile page, and successfully completed both tasks. However, for both tasks, the participants’ initial expectations differed from the design. Most participants struggled with the second task, as they were unable to locate relevant profile information. Additionally, there were minor discoverability issues and expectation-mismatch regarding the contents of “about” tab in the profile page. Refined design based on user testing:&nbsp; Personal Profile Card <img width="900" height="800" width_o="900" height_o="800" data-src="https://freight.cargo.site/t/original/i/596dc9806e02dfa3701d8c00201cdc889b3a356283355753faaa2f9e4e3e46c9/Personal-Summary.png" data-mid="15118518" border="0" src="https://freight.cargo.site/w/900/i/596dc9806e02dfa3701d8c00201cdc889b3a356283355753faaa2f9e4e3e46c9/Personal-Summary.png" /> Other’s Profile Card <img width="900" height="800" width_o="900" height_o="800" data-src="https://freight.cargo.site/t/original/i/8340c37619f77450a8e6b4f99031407c9b304ab38f56cac48088a4a366f3f951/Other-s-Summary.png" data-mid="15118517" border="0" src="https://freight.cargo.site/w/900/i/8340c37619f77450a8e6b4f99031407c9b304ab38f56cac48088a4a366f3f951/Other-s-Summary.png" /> Profile Card - About Section table { border-collapse: collapse; width: 100%; } td, th { border: 1px solid #dddddd; text-align: left; padding: 8px; } tr:nth-child(even) { background-color: #f2f2f2; } Personal Profile Card <img width="1028" height="1367" width_o="1028" height_o="1367" data-src="https://freight.cargo.site/t/original/i/5e38fa41b50ab4dd2d667782509caa736cfc0e7e3fd5b58b1637be1ed790fe78/about.png" data-mid="14711199" border="0" src="https://freight.cargo.site/w/1000/i/5e38fa41b50ab4dd2d667782509caa736cfc0e7e3fd5b58b1637be1ed790fe78/about.png" /> Other’s Profile Card <img width="1028" height="1367" width_o="1028" height_o="1367" data-src="https://freight.cargo.site/t/original/i/24018c079cd714ad3c33f91e01424a309272a4359c3e9612b862b44798918191/others.png" data-mid="14711200" border="0" src="https://freight.cargo.site/w/1000/i/24018c079cd714ad3c33f91e01424a309272a4359c3e9612b862b44798918191/others.png" /> Personal View <img width="4112" height="3202" width_o="4112" height_o="3202" data-src="https://freight.cargo.site/t/original/i/33b893ec58d08c8518f69f786c138035faccaa5a24309b4f8fcae28d53be43e4/Edit-Profile.png" data-mid="14756563" border="0" src="https://freight.cargo.site/w/1000/i/33b893ec58d08c8518f69f786c138035faccaa5a24309b4f8fcae28d53be43e4/Edit-Profile.png" /> Public View <img width="4112" height="1672" width_o="4112" height_o="1672" data-src="https://freight.cargo.site/t/original/i/273ca8ce64395f55651117d9d7caf6cb4744137cb2e09e6d0535f084241e9687/other-s-profile.png" data-mid="14757845" border="0" src="https://freight.cargo.site/w/1000/i/273ca8ce64395f55651117d9d7caf6cb4744137cb2e09e6d0535f084241e9687/other-s-profile.png" /> Final Look https://tianyunliu.com/3D-Photo-Booth Mon, 16 Apr 2018 08:23:08 +0000 Tianyun Liu https://tianyunliu.com/3D-Photo-Booth View IMVU in&nbsp;App Store / Google Play Store Project Overview By introducing 3D environments, new users can experience 3D environments in a solo, asynchronous way that doesn't require the relative 'commitment' of joining a public chat room, or having any friends yet. This project is intended to drive engagement of new users, as well as highlight one of the biggest differentiators, with the goal of increasing early retention (first week). Problem 2D Photo Booth is a popular feature, but only leverages a bit of the secret sauce that IMVU offers. Users have to go to a chat room to experience the 3D environments. We want user to try IMVU’s core features within 3 minutes, which includes dressing up avatars, controling the camera and taking photos.Findings from User Research:User explained that he wouldn't buy clothes for the chatting portion, he explained that if he could have figured out photos (why they were there and how to make them) he might be more inclined to visit the store more and try to get more credits. Approach Quickly address user complaints about their inability to post their own photos (via camera roll or real-time camera access in the app)Gain some momentum towards making it easier for customers to share their photos outside of IMVU via other social networksImprove the 3D camera controls Process PlanningPhoto Booth Layout: Drawer vertical vs. horizontaRoom selections: 10-15 for launch (minimum 3 small, 3 medium, 3 large); Find room shells &amp; place nodes Basic Flow<img width="3000" height="1000" width_o="3000" height_o="1000" data-src="https://freight.cargo.site/t/original/i/c89257933bc735ae43bedee2a145f5296bfcc622361665356119c7484768d570/flow.png" data-mid="15108672" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/c89257933bc735ae43bedee2a145f5296bfcc622361665356119c7484768d570/flow.png" /> Grid Layout <img width="6746" height="3659" width_o="6746" height_o="3659" data-src="https://freight.cargo.site/t/original/i/bc7689d69c1f69739ff07ee0cc84ac2847835df57db287778e5f58ef3f9608ad/Drawer-Dimensions.png" data-mid="15334659" border="0" src="https://freight.cargo.site/w/1000/i/bc7689d69c1f69739ff07ee0cc84ac2847835df57db287778e5f58ef3f9608ad/Drawer-Dimensions.png" /> User story table { border-collapse: collapse; width: 100%; } td, th { border: 1px solid #dddddd; text-align: left; padding: 16px; } td:nth-child(odd) { background-color: #666666 ; } <img width="375" height="667" width_o="375" height_o="667" data-src="https://freight.cargo.site/t/original/i/b9a684335dcc02d30b36957a3a34a856b514776ec4a029b9d70e9064c4376d2d/1.png" data-mid="14978660" border="0" src="https://freight.cargo.site/w/375/i/b9a684335dcc02d30b36957a3a34a856b514776ec4a029b9d70e9064c4376d2d/1.png" /> Feed Screen This is the primary entry point into the 3D Photo Booth experience User – Susan Soze – launches her iOS app and sees two buttons at the top of the feed: Photo and Text. She taps on Photo and is taken to the next step. <img width="375" height="667" width_o="375" height_o="667" data-src="https://freight.cargo.site/t/original/i/b0e8b98b8ed9950d009b043c2f9e09345cfcb66f03c6941867d63ea473694263/2.png" data-mid="14984600" border="0" src="https://freight.cargo.site/w/375/i/b0e8b98b8ed9950d009b043c2f9e09345cfcb66f03c6941867d63ea473694263/2.png" /> Photo Booth/Backgrounds/3D The next step of the flow is Photo Booth, and includes 3 views: Backgrounds (shown here), My Looks (described later) and Poses, is where Susan can change everything that will eventually be captured in the 2D photo (which can then be further tweaked with filters.) <img width="375" height="667" width_o="375" height_o="667" data-src="https://freight.cargo.site/t/original/i/809fd266707d746fb530e0a4f478d8654c7efbbb37fc30254f886aa70e49181d/2.2.png" data-mid="14984612" border="0" src="https://freight.cargo.site/w/375/i/809fd266707d746fb530e0a4f478d8654c7efbbb37fc30254f886aa70e49181d/2.2.png" /> Photo Booth/Backgrounds/2D Susan can choose from the list or use her own image (take photo or choose existing) as 2D background. <img width="375" height="667" width_o="375" height_o="667" data-src="https://freight.cargo.site/t/original/i/0a528b7f6dd1e38e011917d17a161597f9e00f0ec757ae062f95a083150421ee/3.png" data-mid="14984622" border="0" src="https://freight.cargo.site/w/375/i/0a528b7f6dd1e38e011917d17a161597f9e00f0ec757ae062f95a083150421ee/3.png" /> Photo Booth/My Looks This step is called My Looks. Susan can select from her Saved Looks here. <img width="375" height="667" width_o="375" height_o="667" data-src="https://freight.cargo.site/t/original/i/1c825a123035fe2aa129c851d361554ee5558bae70506b7e214163d384bcaf10/4.png" data-mid="14980018" border="0" src="https://freight.cargo.site/w/375/i/1c825a123035fe2aa129c851d361554ee5558bae70506b7e214163d384bcaf10/4.png" /> Photo Booth/Poses This step is called Poses. Susan can select different poses here. <img width="375" height="667" width_o="375" height_o="667" data-src="https://freight.cargo.site/t/original/i/9a463a50a4660b11d0de3a0005188da2f1aa59da5b7da4007d3e10c262bbbfad/5.png" data-mid="14985434" border="0" src="https://freight.cargo.site/w/375/i/9a463a50a4660b11d0de3a0005188da2f1aa59da5b7da4007d3e10c262bbbfad/5.png" /> Take Photo Now that Susan has composed her view, adjusted her camera, and selected an outfit, she is on the Take Photo view, and can take a photo of the view. <img width="375" height="667" width_o="375" height_o="667" data-src="https://freight.cargo.site/t/original/i/d9f256c3ad7f9cd8cfc9e3c6974c554a0ea1dacfb23cd3c7d3ec9ff92a7f2615/6.png" data-mid="15108797" border="0" src="https://freight.cargo.site/w/375/i/d9f256c3ad7f9cd8cfc9e3c6974c554a0ea1dacfb23cd3c7d3ec9ff92a7f2615/6.png" /> Edit Photo / Filters Susan has taken a 2d version of her photo, and now can do some additional post-processing of her photo using filters. <img width="375" height="667" width_o="375" height_o="667" data-src="https://freight.cargo.site/t/original/i/575311b1d4480520d7e07d1381ae9d622cb610f4244197a6f25d3d78a743c5a9/7.png" data-mid="14985597" border="0" src="https://freight.cargo.site/w/375/i/575311b1d4480520d7e07d1381ae9d622cb610f4244197a6f25d3d78a743c5a9/7.png" /> Create PostAfter Susan edited the photo, she can choose to enter some caption to describe the photo. <img width="375" height="667" width_o="375" height_o="667" data-src="https://freight.cargo.site/t/original/i/a9e68497f3079f4d7c9640dc74739a4676cf2dbd6d147156c42f7f334504beed/8.png" data-mid="14985660" border="0" src="https://freight.cargo.site/w/375/i/a9e68497f3079f4d7c9640dc74739a4676cf2dbd6d147156c42f7f334504beed/8.png" /> Feed, After Posting Susan has posted the photo from the previous step, and her photo is now posted to the feed. <img width="4304" height="5538" width_o="4304" height_o="5538" data-src="https://freight.cargo.site/t/original/i/4a76bacecc7b5dba8df9eb7cf212a6488ab9f68ced2485cc32234eae75f7bc0d/post-flow.png" data-mid="15108851" border="0" src="https://freight.cargo.site/w/1000/i/4a76bacecc7b5dba8df9eb7cf212a6488ab9f68ced2485cc32234eae75f7bc0d/post-flow.png" /> Final Look Photo Booth Trigger Photo Booth Interaction Taking/Editing Photo Rollout Rollout controlled using A/B testing that allows to manage multi-variate branches, adjust rollout percentages, and turn specific branches on/off for maximum control of risk. To maximize learning about the features themselves – rather than getting a lot of already expected device performance feedback – the earliest rollout is targeted at high-performance devices. We're targeting devices, and not specific users accounts, to better control the feedback and resulting UX on shared devices, or for devices where a user has multiple IMVU logins (alts, for example.)The initial rollout will target this segment of devices: • Device has an A7 chip • Device is not an iPad This segment will be split into a 50/50 test: • 50% get the current/existing 2D photo experience (Control Branch) • 50% get the new 3D Photo Booth experience (Experiment Branch) Result Good reviews from App Store and higher retention rate. https://tianyunliu.com/Playground Thu, 05 Apr 2018 08:24:13 +0000 Tianyun Liu https://tianyunliu.com/Playground https://tianyunliu.com/The-Bridges-of-New-York Sat, 26 Jul 2014 00:51:13 +0000 Tianyun Liu https://tianyunliu.com/The-Bridges-of-New-York Over the waterways of New York City there are more than 75 bridges. Although some cities claims more bridges, nowhere are there so many vast steel monuments, built by the industrial era's foremost bridge builders. For over a century New York has been the dominant city in the Western Hemisphere, acting as a magnet for creative people of all types. The same deep harbor and wide rivers which made New York a commercial success inspired the world's most talented and visionary engineers to establish a new scale in bridge-building here. New York's large spans would receive unparalleled recognition. In turn these bridges helped to knit the city together. Inspired by the city's spans, I designed this book, and took several weeks photographing all the bridges in the book. <img width="4096" height="2730" width_o="4096" height_o="2730" data-src="https://freight.cargo.site/t/original/i/78ebe8e36625f2c4125cce908d471da95e230242e8138b65d0b7278e5d6ca20b/IMG_0778_o.jpg" data-mid="14230743" border="0" src="https://freight.cargo.site/w/1000/i/78ebe8e36625f2c4125cce908d471da95e230242e8138b65d0b7278e5d6ca20b/IMG_0778_o.jpg" /><img width="4096" height="2730" width_o="4096" height_o="2730" data-src="https://freight.cargo.site/t/original/i/c7ce6ffcf74495efbd6cc12c8338e89dab32f84a72dd3cb8e4b4bebf26bf14f5/IMG_0782_o.jpg" data-mid="14230744" border="0" src="https://freight.cargo.site/w/1000/i/c7ce6ffcf74495efbd6cc12c8338e89dab32f84a72dd3cb8e4b4bebf26bf14f5/IMG_0782_o.jpg" /><img width="4096" height="2730" width_o="4096" height_o="2730" data-src="https://freight.cargo.site/t/original/i/ecb9d2a2f7a5da96bda670aeca3073c4170482f8ec5a6afc6774d3b0cac3bae4/IMG_0852_o.jpg" data-mid="14230758" border="0" src="https://freight.cargo.site/w/1000/i/ecb9d2a2f7a5da96bda670aeca3073c4170482f8ec5a6afc6774d3b0cac3bae4/IMG_0852_o.jpg" /><img width="4096" height="2730" width_o="4096" height_o="2730" data-src="https://freight.cargo.site/t/original/i/11a647d862c48fdf3d0643b6ada0f3bc93c0103a4562d8a9e4ee91d271d74f47/IMG_0785_o.jpg" data-mid="14230745" border="0" src="https://freight.cargo.site/w/1000/i/11a647d862c48fdf3d0643b6ada0f3bc93c0103a4562d8a9e4ee91d271d74f47/IMG_0785_o.jpg" /><img width="4096" height="2730" width_o="4096" height_o="2730" data-src="https://freight.cargo.site/t/original/i/acc576d51aaf13c2516a5b2a4c85940bb54ea9985e84824dd4ae4569eaa810e3/IMG_0786_o.jpg" data-mid="14230746" border="0" src="https://freight.cargo.site/w/1000/i/acc576d51aaf13c2516a5b2a4c85940bb54ea9985e84824dd4ae4569eaa810e3/IMG_0786_o.jpg" /><img width="4096" height="2730" width_o="4096" height_o="2730" data-src="https://freight.cargo.site/t/original/i/cf08a6e86b3a3359c1a50fbb8c5bf32e2b8b29abedc472224cd8f4a206819532/IMG_0788_o.jpg" data-mid="14230747" border="0" src="https://freight.cargo.site/w/1000/i/cf08a6e86b3a3359c1a50fbb8c5bf32e2b8b29abedc472224cd8f4a206819532/IMG_0788_o.jpg" /><img width="3744" height="2496" width_o="3744" height_o="2496" data-src="https://freight.cargo.site/t/original/i/89d62d6f11e7547206cb625d36b2c6fb1f23d58722e4ec0415ecc458d3503bde/IMG_0855_o.jpg" data-mid="14230759" border="0" src="https://freight.cargo.site/w/1000/i/89d62d6f11e7547206cb625d36b2c6fb1f23d58722e4ec0415ecc458d3503bde/IMG_0855_o.jpg" /><img width="4096" height="2730" width_o="4096" height_o="2730" data-src="https://freight.cargo.site/t/original/i/fd275f7b5bfa6541f6538009035392bf18866709723223145dedbeff7b397bf4/IMG_0789_o.jpg" data-mid="14230748" border="0" src="https://freight.cargo.site/w/1000/i/fd275f7b5bfa6541f6538009035392bf18866709723223145dedbeff7b397bf4/IMG_0789_o.jpg" /><img width="4096" height="2730" width_o="4096" height_o="2730" data-src="https://freight.cargo.site/t/original/i/c311e323f2d8b8e934a4844ee3d2e81c5496bf1de4910eb2c5efe5c332ff2cc1/IMG_0790_o.jpg" data-mid="14230749" border="0" src="https://freight.cargo.site/w/1000/i/c311e323f2d8b8e934a4844ee3d2e81c5496bf1de4910eb2c5efe5c332ff2cc1/IMG_0790_o.jpg" /><img width="3744" height="2496" width_o="3744" height_o="2496" data-src="https://freight.cargo.site/t/original/i/7346bdcd84d4517526fe2cf1fca0027b50f74ff903bfcd672e8fa3848e9a65fe/IMG_0860_o.jpg" data-mid="14230760" border="0" src="https://freight.cargo.site/w/1000/i/7346bdcd84d4517526fe2cf1fca0027b50f74ff903bfcd672e8fa3848e9a65fe/IMG_0860_o.jpg" /><img width="4096" height="2730" width_o="4096" height_o="2730" data-src="https://freight.cargo.site/t/original/i/1a5d167146a440343b62b652df5f51972393042ec6bf44b699c41797ddfa913a/IMG_0791_o.jpg" data-mid="14230750" border="0" src="https://freight.cargo.site/w/1000/i/1a5d167146a440343b62b652df5f51972393042ec6bf44b699c41797ddfa913a/IMG_0791_o.jpg" /><img width="4096" height="2730" width_o="4096" height_o="2730" data-src="https://freight.cargo.site/t/original/i/5c6904f2b87ff31e386ff7814e97860bb1f985f316395042247f8a3c0ec2fd3c/IMG_0793_o.jpg" data-mid="14230751" border="0" src="https://freight.cargo.site/w/1000/i/5c6904f2b87ff31e386ff7814e97860bb1f985f316395042247f8a3c0ec2fd3c/IMG_0793_o.jpg" /><img width="4096" height="2730" width_o="4096" height_o="2730" data-src="https://freight.cargo.site/t/original/i/5a1ea1e7b416776636bbedba01fdf9abfd27612e5029da829b7b175e727423fe/IMG_0794_o.jpg" data-mid="14230752" border="0" src="https://freight.cargo.site/w/1000/i/5a1ea1e7b416776636bbedba01fdf9abfd27612e5029da829b7b175e727423fe/IMG_0794_o.jpg" /><img width="4096" height="2730" width_o="4096" height_o="2730" data-src="https://freight.cargo.site/t/original/i/7c4fa4fd80b9f0eab5d51972b1cf41a3d63e22759a1ee920a8649b04d0c4b983/IMG_0795_o.jpg" data-mid="14230753" border="0" src="https://freight.cargo.site/w/1000/i/7c4fa4fd80b9f0eab5d51972b1cf41a3d63e22759a1ee920a8649b04d0c4b983/IMG_0795_o.jpg" /><img width="4096" height="2730" width_o="4096" height_o="2730" data-src="https://freight.cargo.site/t/original/i/0b3799100d20fd9e2e613032ba0488c57251e888e6ef47d782a3a6a7207694b1/IMG_0796_o.jpg" data-mid="14230754" border="0" src="https://freight.cargo.site/w/1000/i/0b3799100d20fd9e2e613032ba0488c57251e888e6ef47d782a3a6a7207694b1/IMG_0796_o.jpg" /><img width="4096" height="2730" width_o="4096" height_o="2730" data-src="https://freight.cargo.site/t/original/i/2055df3d64334ad78f1e1df3bdcac274d5cc3a1badd2ca37829d26a186b5071c/IMG_0867_o.jpg" data-mid="14230761" border="0" src="https://freight.cargo.site/w/1000/i/2055df3d64334ad78f1e1df3bdcac274d5cc3a1badd2ca37829d26a186b5071c/IMG_0867_o.jpg" /><img width="4096" height="2730" width_o="4096" height_o="2730" data-src="https://freight.cargo.site/t/original/i/8c0f3aa0b08d49d0ce2cb3e666ee74bc97f842446b827fc2c7c821ceebd9c2f2/IMG_0797_o.jpg" data-mid="14230755" border="0" src="https://freight.cargo.site/w/1000/i/8c0f3aa0b08d49d0ce2cb3e666ee74bc97f842446b827fc2c7c821ceebd9c2f2/IMG_0797_o.jpg" /><img width="4021" height="2680" width_o="4021" height_o="2680" data-src="https://freight.cargo.site/t/original/i/0e8f6bdd9c262693908266df49294e6d142179ad71cb12696346c43b49087ab6/IMG_0798-copy_o.jpg" data-mid="14230756" border="0" src="https://freight.cargo.site/w/1000/i/0e8f6bdd9c262693908266df49294e6d142179ad71cb12696346c43b49087ab6/IMG_0798-copy_o.jpg" /><img width="4096" height="2730" width_o="4096" height_o="2730" data-src="https://freight.cargo.site/t/original/i/9898356d9c9f5c04838d6df9deafdfcdd8fb72112cc534e842f5c71081d58633/IMG_0799_o.jpg" data-mid="14230757" border="0" src="https://freight.cargo.site/w/1000/i/9898356d9c9f5c04838d6df9deafdfcdd8fb72112cc534e842f5c71081d58633/IMG_0799_o.jpg" /><img width="4096" height="2730" width_o="4096" height_o="2730" data-src="https://freight.cargo.site/t/original/i/0edcee2a70d289f9b5bdcd1d219c7c2783b8ebc4737f268748f49985d9a600cc/IMG_0869_o.jpg" data-mid="14230762" border="0" src="https://freight.cargo.site/w/1000/i/0edcee2a70d289f9b5bdcd1d219c7c2783b8ebc4737f268748f49985d9a600cc/IMG_0869_o.jpg" /> Like most structures, bridges reflect the spirit of their age. The extraordinary size and grandeur of New York's bridges are consistent with the effusive philosophy of the past age: that technology can be used to serve and grace humanity. By creating a web page that is flexible on a variety of platforms, this website provides people with knowledge of the vast steel monuments of New York. <img width="800" height="631" width_o="800" height_o="631" data-src="https://freight.cargo.site/t/original/i/c65637a46bf0c664eb89bb31dc02c04475874344f079370e509d9e9e95ed85d1/apple-cinema-display.gif" data-mid="14230763" border="0" src="https://freight.cargo.site/w/800/i/c65637a46bf0c664eb89bb31dc02c04475874344f079370e509d9e9e95ed85d1/apple-cinema-display.gif" /> <img width="4000" height="2845" width_o="4000" height_o="2845" data-src="https://freight.cargo.site/t/original/i/5c8ef2fd23c80b8bfa5c2647da0f7a9da78d82d682e900211b615d7bca6b9117/IMG_3765.jpg" data-mid="14230764" border="0" src="https://freight.cargo.site/w/1000/i/5c8ef2fd23c80b8bfa5c2647da0f7a9da78d82d682e900211b615d7bca6b9117/IMG_3765.jpg" /> <img width="4000" height="2599" width_o="4000" height_o="2599" data-src="https://freight.cargo.site/t/original/i/8825ba3a7772c1bddc8a85fe3dbbc7c52f06eb495b6b8eddb880cc2452137227/IMG_3768.jpg" data-mid="14230765" border="0" src="https://freight.cargo.site/w/1000/i/8825ba3a7772c1bddc8a85fe3dbbc7c52f06eb495b6b8eddb880cc2452137227/IMG_3768.jpg" /> <img width="4000" height="2473" width_o="4000" height_o="2473" data-src="https://freight.cargo.site/t/original/i/c1f3286639124c260f5bfca692aaec833307a2820ffa93ab436acde215232e08/IMG_3769.jpg" data-mid="14230766" border="0" src="https://freight.cargo.site/w/1000/i/c1f3286639124c260f5bfca692aaec833307a2820ffa93ab436acde215232e08/IMG_3769.jpg" /> <img width="3764" height="2616" width_o="3764" height_o="2616" data-src="https://freight.cargo.site/t/original/i/536e73696160ea5745a6e570e981263f5d5ab5fa7462c142e937540baa89e589/IMG_3773.jpg" data-mid="14230767" border="0" src="https://freight.cargo.site/w/1000/i/536e73696160ea5745a6e570e981263f5d5ab5fa7462c142e937540baa89e589/IMG_3773.jpg" />