{"id":589,"date":"2021-07-05T22:01:01","date_gmt":"2021-07-05T22:01:01","guid":{"rendered":"http:\/\/wux.io\/wuxio\/?p=589"},"modified":"2021-07-10T13:49:54","modified_gmt":"2021-07-10T13:49:54","slug":"toyota-for-families","status":"publish","type":"post","link":"http:\/\/wux.io\/wuxio\/toyota-for-families\/","title":{"rendered":"Toyota for Families"},"content":{"rendered":"\n<p>One of the major safety concerns in the industry is that the child car seat is installed incorrectly half the time. So, the higher executives at Toyota started an initiative to promote the education for child car seat installation. Toyota for Families has been a joint effort between Toyota engineers and the Toyota Owners team. It&#8217;s the perfect example when a single digital touch point can be so instrumental in improving the in-vehicle safety of our customers.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"576\" src=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/Screen-Shot-2021-07-06-at-9.49.46-PM-1024x576.png\" alt=\"Preview for Toyota for Families\" class=\"wp-image-714\" srcset=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/Screen-Shot-2021-07-06-at-9.49.46-PM-1024x576.png 1024w, http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/Screen-Shot-2021-07-06-at-9.49.46-PM-300x169.png 300w, http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/Screen-Shot-2021-07-06-at-9.49.46-PM-768x432.png 768w, http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/Screen-Shot-2021-07-06-at-9.49.46-PM-1536x864.png 1536w, http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/Screen-Shot-2021-07-06-at-9.49.46-PM-2048x1152.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><a rel=\"noreferrer noopener\" href=\"https:\/\/www.toyota.com\/owners\/resources\/toyota-for-families.html\" target=\"_blank\">Visit the live site for Toyota for Families<\/a><\/p>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\">\n<h5>Role<\/h5>\n\n\n\n<p>As the lead UX personnel, I was responsible for auditing the existing printed manual to identify technological dependencies with child car seat configuration. This helped to establish the user flow and navigation. For the pilot, Toyota for Families was available solely for the 2021 Sienna.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:33.33%\">\n<h5>Collaborators<\/h5>\n\n\n\n<p class=\"has-small-font-size\">Visual Designer<br>Producer<br>Business Analyst<br>Account<br>Associate Creative Director<br>Engineers<br>Copy Writer<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5>Process<\/h5>\n\n\n\n<p>The content partner created video instructions for every single permutation of vehicle seat configuration within the Sienna. The visual design team followed suit in the long arduous effort. Child car seat configuration options include:<\/p>\n\n\n\n<ol><li>Sienna model \u2014 7 or 8 seats <\/li><li>Row selection \u2014 2nd or 3rd row<\/li><li>Vehicle seat \u2014 driver-side rear, center, or passenger-side rear<\/li><li>Car seat type \u2014 forward-facing, rear-facing, or booster seat<\/li><li>Attachment type \u2014 seat belt or lower anchors<\/li><\/ol>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>When the visual designer produced assets for the dozens of permutations, there were bound to be errors. As a UX designer, I developed asset naming conventions to ensure that the team stayed organized. I also helped conduct user acceptance testing to identify errors in the assets.<\/p>\n\n\n\n<p>Another challenge was developing the user flow for the vehicle seat configuration. In this process, the user would select their preferences in the steps 1 \u2013 5 above. The process wasn&#8217;t so clear-cut as conflicts exist between vehicle seat and child car seat selections. I was tasked with identifying all dependencies and developing mechanisms for error prevention. My solution was to use dialogue modals to resolve conflicts as they arise.<\/p>\n\n\n\n<p>A user flow diagram was a useful tool to delineate all the user paths when conflicts arise and paths of resolution. The flow diagram guided the design for each step.<\/p>\n\n\n\n<\/p>\n<figure class=\"wp-block-gallery columns-1 is-cropped\">\n<ul class=\"blocks-gallery-grid\">\n<li class=\"blocks-gallery-item\">\n<figure><img loading=\"lazy\" width=\"1024\" height=\"619\" class=\"wp-image-593\" src=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/image-1024x619.png\" alt=\"\" data-id=\"593\" data-full-url=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/image.png\" data-link=\"http:\/\/wux.io\/wuxio\/toyota-for-families\/image-15\/\" srcset=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/image-1024x619.png 1024w, http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/image-300x181.png 300w, http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/image-768x465.png 768w, http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/image-1536x929.png 1536w, http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/image.png 1729w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/li>\n<\/ul>\n<\/figure>\n<p>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5>Wireframes<\/h5>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:80%\">\n<figure class=\"wp-block-video\"><video autoplay controls loop src=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/WebsiteScrollAnimation-TFF.mp4\" playsinline><\/video><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column\" style=\"flex-basis:20%\">\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay controls loop src=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/WebsiteScrollAnimation-TFF-320.mp4\" playsinline><\/video><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:48px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-gallery columns-2\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/8-copy@2x.png\"><img loading=\"lazy\" width=\"899\" height=\"1024\" src=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/8-copy@2x-899x1024.png\" alt=\"\" data-id=\"677\" data-full-url=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/8-copy@2x.png\" data-link=\"http:\/\/wux.io\/wuxio\/8-copy2x\/\" class=\"wp-image-677\" srcset=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/8-copy@2x-899x1024.png 899w, http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/8-copy@2x-263x300.png 263w, http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/8-copy@2x-768x875.png 768w, http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/8-copy@2x.png 1268w\" sizes=\"(max-width: 899px) 100vw, 899px\" \/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/11-copy@2x.png\"><img loading=\"lazy\" width=\"1024\" height=\"707\" src=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/11-copy@2x-1024x707.png\" alt=\"\" data-id=\"678\" data-full-url=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/11-copy@2x.png\" data-link=\"http:\/\/wux.io\/wuxio\/11-copy2x\/\" class=\"wp-image-678\" srcset=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/11-copy@2x-1024x707.png 1024w, http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/11-copy@2x-300x207.png 300w, http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/11-copy@2x-768x531.png 768w, http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/11-copy@2x.png 1268w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/13-copy@2x.png\"><img loading=\"lazy\" width=\"1024\" height=\"840\" src=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/13-copy@2x-1024x840.png\" alt=\"\" data-id=\"679\" data-full-url=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/13-copy@2x.png\" data-link=\"http:\/\/wux.io\/wuxio\/13-copy2x\/\" class=\"wp-image-679\" srcset=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/13-copy@2x-1024x840.png 1024w, http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/13-copy@2x-300x246.png 300w, http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/13-copy@2x-768x630.png 768w, http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/13-copy@2x.png 1268w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/16-copy@2x.png\"><img loading=\"lazy\" width=\"1024\" height=\"914\" src=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/16-copy@2x-1024x914.png\" alt=\"\" data-id=\"680\" data-full-url=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/16-copy@2x.png\" data-link=\"http:\/\/wux.io\/wuxio\/16-copy2x\/\" class=\"wp-image-680\" srcset=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/16-copy@2x-1024x914.png 1024w, http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/16-copy@2x-300x268.png 300w, http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/16-copy@2x-768x686.png 768w, http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/16-copy@2x.png 1268w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/18-copy@2x.png\"><img loading=\"lazy\" width=\"1024\" height=\"914\" src=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/18-copy@2x-1024x914.png\" alt=\"\" data-id=\"681\" data-full-url=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/18-copy@2x.png\" data-link=\"http:\/\/wux.io\/wuxio\/18-copy2x\/\" class=\"wp-image-681\" srcset=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/18-copy@2x-1024x914.png 1024w, http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/18-copy@2x-300x268.png 300w, http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/18-copy@2x-768x686.png 768w, http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/18-copy@2x.png 1268w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/22-copy@2x.png\"><img loading=\"lazy\" width=\"1024\" height=\"914\" src=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/22-copy@2x-1024x914.png\" alt=\"\" data-id=\"682\" data-full-url=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/22-copy@2x.png\" data-link=\"http:\/\/wux.io\/wuxio\/22-copy2x\/\" class=\"wp-image-682\" srcset=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/22-copy@2x-1024x914.png 1024w, http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/22-copy@2x-300x268.png 300w, http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/22-copy@2x-768x686.png 768w, http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/22-copy@2x.png 1268w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/li><\/ul><\/figure>\n\n\n\n<h5>Visual Design<\/h5>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay controls loop src=\"http:\/\/wux.io\/wuxio\/wp-content\/uploads\/2021\/07\/CompsAnimation-TFF.mp4\" playsinline><\/video><\/figure>\n\n\n<h5>Summary<\/h5>\n<p><!-- \/wp:heading --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>Toyota for Families was designed to be accessible by using our latest typography hierarchy. For the instruction set, the video content above is supplemented with written and static illustrations below. The team also worked to ensure that the foreground and background color contrast ratios were compliant with ADA standards. Moving forward, it was important to the team that a far-reaching brand like Toyota is designed for everyone.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>Other collaborators include the Toyota engineers and content partner that wrote more thorough and thoughtful instructions than the printed manual. The project garnered attention from major media sites like <a href=\"https:\/\/www.cnet.com\/roadshow\/news\/toyota-engineers-develop-child-car-seat-installation-guide-for-parents\/\" target=\"_blank\" rel=\"noopener\">CNET<\/a> and <a href=\"https:\/\/www.kbb.com\/car-news\/toyota-releases-app-to-help-parents-install-child-seats-correctly\/\" target=\"_blank\" rel=\"noopener\">Kelley Blue Book<\/a>.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p>The next step is to roll out Toyota for Families to all the latest Toyota models, a major undertaking that will span to the following year. In the mean time, the team has planned user testing to identify and resolve usability issues that may exist in the current solution.<\/p>","protected":false},"excerpt":{"rendered":"<p>One of the major safety concerns in the industry is that the child car seat is installed incorrectly half the time. So, the higher executives at Toyota started an initiative to promote the education for child car seat installation. Toyota for Families has been a joint effort between Toyota engineers and the Toyota Owners team. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":714,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/wux.io\/wuxio\/wp-json\/wp\/v2\/posts\/589"}],"collection":[{"href":"http:\/\/wux.io\/wuxio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/wux.io\/wuxio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/wux.io\/wuxio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/wux.io\/wuxio\/wp-json\/wp\/v2\/comments?post=589"}],"version-history":[{"count":78,"href":"http:\/\/wux.io\/wuxio\/wp-json\/wp\/v2\/posts\/589\/revisions"}],"predecessor-version":[{"id":1094,"href":"http:\/\/wux.io\/wuxio\/wp-json\/wp\/v2\/posts\/589\/revisions\/1094"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/wux.io\/wuxio\/wp-json\/wp\/v2\/media\/714"}],"wp:attachment":[{"href":"http:\/\/wux.io\/wuxio\/wp-json\/wp\/v2\/media?parent=589"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/wux.io\/wuxio\/wp-json\/wp\/v2\/categories?post=589"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/wux.io\/wuxio\/wp-json\/wp\/v2\/tags?post=589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}