{"version":3,"sources":["webpack://akasha-portfolio/./src/pages/portfolio/help-content.js"],"names":["HelpContent","name","content","headerText","className","Styles","src","width","height","alt","href","text","label","style","backgroundColor"],"mappings":"sOAOe,SAASA,IACtB,OACE,2BACE,gBAAC,IAAD,KACE,+EACA,wBACEC,KAAK,cACLC,QAAQ,4CAGZ,gBAAC,IAAD,CAAQC,WAAW,iBACnB,uBAAKC,UAAWC,KAAoB,YAClC,2DACA,uBAAKD,UAAWC,MACd,uBAAKD,UAAWC,MACd,wCACA,0BACE,qHAIA,oFACA,sDACA,iGAKF,iDACA,0BACE,0BACE,0CADF,oDAIA,0BACE,gDADF,gEAIA,0BACE,gDADF,mGAMF,wCACA,iJAIA,sJAE+D,KAE/D,qCACA,0BACE,mIAIA,+FAKJ,uBAAKD,UAAS,GAAKC,MACjB,0BACE,kEAEF,8HAIA,wCACA,0BACE,0BACE,uCADF,sFAIA,0BACE,uCADF,6GAKA,0BACE,kDADF,4EAIA,0BACE,6CADF,sEAKF,yBACE,uBACEC,IAAI,4BACJC,MAAM,OACNC,OAAO,OACPC,IAAI,MAGR,6IAIA,0BACE,0DAEF,4MAKA,8CACA,0BACE,0BACE,0CADF,qDAIA,0BACE,+CADF,uFAIA,0BACE,2EADF,mCAIA,0BACE,mDADF,0EA9DJ,uBAmEuB,IACrB,gBAAC,IAAD,CACEC,KAAK,0EACLC,KAAK,OACLC,MAAM,sCAIZ,2BACA,2BACA,qDACA,uBAAKR,UAAWC,MACd,uBAAKD,UAAWC,MACd,yCACA,yKAKA,iKAKA,iDACA,0BACE,0BACE,4CADF,qFAIA,0BACE,uDADF,4GAMF,wCACA,oUAK6C,KAE7C,wUAKmD,KAEnD,qCACA,0BACE,4HAIA,qJAMJ,uBAAKD,UAAS,GAAKC,MACjB,4DACA,uBAAKQ,MAAO,CAAEC,gBAAiB,YAC7B,0GAEW,IACT,gBAAC,IAAD,CACEJ,KAAK,kDACLC,KAAK,oBACLC,MAAM,yCAIZ,0HAIA,uBAAKC,MAAO,CAAEC,gBAAiB,YAC7B,6IAE0C,IACxC,gBAAC,IAAD,CACEJ,KAAK,mDACLC,KAAK,OACLC,MAAM,yCAIZ,gDACA,8GAIA,sFACA,0LAKA,wDACA,4SAOA,2DACA,yNAhDF,uBAqDuB,IACrB,gBAAC,IAAD,CACEF,KAAK,kDACLC,KAAK,OACLC,MAAM,8BAKd,gBAAC,IAAD","file":"component---src-pages-portfolio-help-content-js-882415e733a13516590e.js","sourcesContent":["import React from \"react\"\nimport Header from \"../../components/header\"\nimport * as Styles from \"../../styles/main.module.css\"\nimport Footer from \"../../components/footer\"\nimport A from \"../../components/a\"\nimport { Helmet } from \"react-helmet\"\n\nexport default function HelpContent() {\n  return (\n    <div>\n      <Helmet>\n        <title>Help content · UX writing · Akasha Chamberlain</title>\n        <meta\n          name=\"description\"\n          content=\"Example of help content for UX writing\"\n        />\n      </Helmet>\n      <Header headerText=\"Help Content\" />\n      <div className={Styles.mainColumn + \" wrapper\"}>\n        <h1>Teach riders how Waymo drives</h1>\n        <div className={Styles.twoColumns}>\n          <div className={Styles.column_1}>\n            <h2>What I did</h2>\n            <ul>\n              <li>\n                Researched heavily, including stakeholder interviews to\n                understand how Waymo cars drive\n              </li>\n              <li>Wrote the article including headers and image captions</li>\n              <li>Designed the page layout</li>\n              <li>\n                Configured and published the final page, including some light\n                HTML\n              </li>\n            </ul>\n            <h2>Who I worked with​​</h2>\n            <ul>\n              <li>\n                <strong>Eng &amp; PM</strong> - to understand how the tech works\n                behind Waymo\n              </li>\n              <li>\n                <strong>Legal &amp; Policy</strong> - to understand what we can\n                and can&#39;t say about our product\n              </li>\n              <li>\n                <strong>Marketing &amp; PR</strong> - to understand how we want\n                to promote our product and align on language and brand\n                continuity\n              </li>\n            </ul>\n            <h2>Challenges</h2>\n            <p>\n              ​I was asked to write this without much context or upfront\n              information from other teams and was on a tight timeline.\n            </p>\n            <p>\n              ​I read our current external safety manual cover-to-cover and\n              reviewed language from our website to create this help page.{\" \"}\n            </p>\n            <h2>Results</h2>\n            <ul>\n              <li>\n                Managed competing expectations from multiple stakeholders to\n                collaborate and compromise on final copy\n              </li>\n              <li>\n                Finished on deadline without blocking the larger product launch\n              </li>\n            </ul>\n          </div>\n          <div className={`${Styles.waymo}`}>\n            <h2>\n              <strong>How Waymo experiences the world</strong>\n            </h2>\n            <p>\n              A combination of cameras, radar, microphones and LiDAR are the\n              eyes and ears of every Waymo car.&nbsp;\n            </p>\n            <p>Waymo uses…</p>\n            <ul>\n              <li>\n                <strong>LiDAR</strong>&nbsp;to detect everything around the car,\n                like pedestrians, cyclists, or other drivers\n              </li>\n              <li>\n                <strong>Radar</strong> to help detect objects around the\n                car&nbsp;and estimate their speed, like other motorists\n                traveling around it\n              </li>\n              <li>\n                <strong>Exterior cameras</strong> to see visual information,\n                like whether a traffic light is red or green\n              </li>\n              <li>\n                <strong>Microphones</strong> to hear audio cues, like the sound\n                of police or emergency sirens\n              </li>\n            </ul>\n            <p>\n              <img\n                src=\"../../../waymosensors.jpg\"\n                width=\"100%\"\n                height=\"auto\"\n                alt=\"\"\n              />\n            </p>\n            <p>\n              To help it plan a safe path ahead while driving, the car can\n              see&nbsp;up to 3 football fields away in all directions.\n            </p>\n            <h2>\n              <strong>How Waymo drives itself</strong>\n            </h2>\n            <p>\n              Waymo software is the brain of the car. Through the software, the\n              car makes sense of everything coming from the sensors, and uses\n              the information in real time to drive itself.\n            </p>\n            <p>Waymo cars can...</p>\n            <ul>\n              <li>\n                <strong>Navigate</strong> on city streets to get from point A to\n                B safely&nbsp;\n              </li>\n              <li>\n                <strong>Avoid hazards</strong> including by slowing down,\n                changing lanes, or braking completely for a stopped car\n              </li>\n              <li>\n                <strong>Adjust to unexpected changes in the roads</strong> like\n                road work or closed lanes\n              </li>\n              <li>\n                <strong>Obey traffic laws</strong> like stopping at stop signs,\n                and yielding to pedestrians or cyclists\n              </li>\n            </ul>\n            See the full article{\" \"}\n            <A\n              href=\"https://support.google.com/waymo/answer/9190838?hl=en&ref_topic=9311856\"\n              text=\"here\"\n              label=\"external link to google support\"\n            />\n          </div>\n        </div>\n        <br></br>\n        <hr></hr>\n        <h1>Explain the rider rules</h1>\n        <div className={Styles.twoColumns}>\n          <div className={Styles.column_1}>\n            <h2>What I did​</h2>\n            <p>\n              The only document riders had available to them to understand the\n              rules of our service was the dense Terms of Service (TOS) written\n              by legal.\n            </p>\n            <p>\n              I created an in-car rules page that was a more customer friendly\n              version of what was in the TOS but in simple, jargon-free\n              language.\n            </p>\n            <h2>Who I worked with​​</h2>\n            <ul>\n              <li>\n                <strong>Legal &amp; PM</strong> - to understand and define what\n                rules apply in the car for each type of customer\n              </li>\n              <li>\n                <strong>UX &amp; Customer Support</strong> - to understand where\n                riders were confused about the rules from the TOS and needed\n                more reenforcement​\n              </li>\n            </ul>\n            <h2>Challenges</h2>\n            <p>\n              We have 3 services with rules that vary for each experience (UX\n              testing, public customers, employee testers), so multiple articles\n              were needed to cover everyone. I solved this by creating 3\n              articles and using signals in the back end so you see the right\n              article for you, depending on who you are.{\" \"}\n            </p>\n            <p>\n              There are a lot of rules to cover and the previous version was\n              jargon heavy, full of legalize, and use scary and serious\n              language. To make it easier to skim, I sectioned off the copy into\n              two main sections (\"Sharing your rides\" and \"While riding\") and\n              added a descriptive header for every major rule.{\" \"}\n            </p>\n            <h2>Results</h2>\n            <ul>\n              <li>\n                Waymo now has a clear set of rules and expectations for riders,\n                in an easily digestible format\n              </li>\n              <li>\n                Customer Support is able to enforce in-car rules now that we\n                have clearer rules in place, where as before we couldn't\n              </li>\n            </ul>\n          </div>\n          <div className={`${Styles.waymo}`}>\n            <h1>Waymo One public service rules</h1>\n            <div style={{ backgroundColor: \"#F7F8F9\" }}>\n              <blockquote>\n                If you’re in the Early Rider Program, different rules apply.\n                Read the{\" \"}\n                <A\n                  href=\"https://support.google.com/waymo/answer/9680502\"\n                  text=\"Early Rider rules\"\n                  label=\"external link to Early Rider rules\"\n                />\n              </blockquote>\n            </div>\n            <p>\n              Follow these in-car rules to help us create a safe and comfortable\n              experience for all riders.\n            </p>\n            <div style={{ backgroundColor: \"#F9E5E3\" }}>\n              <blockquote>\n                To help keep riders safe, we've created some new in-car rules in\n                response to COVID-19. You can read them{\" \"}\n                <A\n                  href=\"https://support.google.com/waymo/answer/10049140\"\n                  text=\"here\"\n                  label=\"external link to Early Rider rules\"\n                />\n              </blockquote>\n            </div>\n            <h2>Sharing your rides</h2>\n            <p>\n              As noted above, if you’re part of the Early Rider Program,\n              different rules apply.\n            </p>\n            <h3>Share photos, videos, and info about Waymo if you’d like</h3>\n            <p>\n              You're welcome to share details about your experience as a Waymo\n              rider with your friends and family, including sharing photos,\n              videos and social media posts.\n            </p>\n            <h3>Bring guests if you’d like</h3>\n            <p>\n              Share a self-driving trip with guests whenever you’d like. Family\n              members who are under 18 can ride along with you, as can others\n              under 18 if you have obtained consent from their parent or legal\n              guardian. Remember you’re responsible for your guests following\n              these rules.\n            </p>\n            <h3>Accompany guests at all times</h3>\n            <p>\n              Don’t request a Waymo for someone else. You’re welcome to bring\n              guests, but be sure to accompany them during the ride. Do not\n              allow minors to ride in a Waymo car unaccompanied by an adult.\n            </p>\n            See the full article{\" \"}\n            <A\n              href=\"https://support.google.com/waymo/answer/9197501\"\n              text=\"here\"\n              label=\"external waymo article\"\n            />\n          </div>\n        </div>\n      </div>\n      <Footer />\n    </div>\n  )\n}\n"],"sourceRoot":""}