BeamedIn Onboarding

LinkedIn challenged aspiring content designers to create a three page website wireframe for the world's first teleportation product. This is the project that earned me a spot as the only undergraduate invited to the final design review.

Skills: UX design, content design and UX research

Tool: Adobe XD

Designer: Tom Quinn

Before solutioning, understand the problem

 

Understand the scenario: LinkedIn recently invested heavily in creating teleportation technology to minimize business travel time and encourage in-person connection. Our engineers have created a fully functioning mobile app that transports the user and the device to a different location in a matter of minutes.

Goal of onboarding: Introduce users to the app so they can successfully use the service.

Three potential concerns: distrust in the technology's safety, length of onboarding process being counter-productive and personalization is necessary so a broad audience can get the most out of the experience.

Target audience: white collar professionals.

How might we design a flow that gets the necessary information, instills confidence in the product's safety and personalizes the service to the user?

Now, let’s do some research

Survey

Asked a diverse group of potential users what they would want from the product. Here's a few of the items the marketing professional, insurance executive, entrepreneur, nurse, entertainment lawyer and compliance officer said they want:

  • Hotel recommendations

  • Knowledge about local social impact projects

  • Information on connections in the area

  • Local news

Competitive Analysis

Understand the landscape to keep LinkedIn’s voice and tone and emulate successful transportation experiences.

Completed the existing onboarding process from LinkedIn to keep consistent voice, tone and style. Focused on keeping brand consistency.

Onboarded on Uber, another transportation product, to see the information they deemed most important.

This is fictional, so what assumptions did I make?

 

Information essential to physical teleportation (height, weight, age, medical status) was previously collected during the sign-up phase.

The user’s LinkedIn profile will automatically sync with the new product.

The user can teleport from their home to any location of their choosing and will return to their home. There are no physical “teleportation centers” the consumer must access to use the service.

There are no legal challenges.

Then, I created the framework for the design

Synthesizing all the information above, I prioritized my research and assumptions to create a preliminary outline for the onboarding.

Page 1:

Collect necessary information for the consumer to use the product. Establish where the user will leave from and return to.

Page 2:

Begin the process of using the service. Connect the user’s calendar to the service to automatically schedule the first and subsequent trips.

Page 3:

Personalize the product so the user can get the most out of the service. Add features to the product that will enhance the user’s experience.

Screen Shot 2021-07-30 at 11.43.16 AM.png

Page 1:

  • “Welcome, [user’s name]!” — Alerts the user that they have exited the sign-in phase and entered the set-up phase of the product.

  • “Let’s confirm your address, connect to your calendar, and ease your travel experience.” —Gives the user a surface-level understanding of what is to come with each stage of onboarding the service.

  • “Enter your address.” — This is a quick command to let the user know what they need to do during this stage of the process.

  • “You will leave from and return to this location.” — This gives the user context as to why LinkedIn is looking for the user’s address.

  • Included “Postal Code” instead of “Zip Code” to stay consistent with LinkedIn’s existing onboarding process.

  • “Next” — If not all fields required are filled out, the user will get an error message saying “Error: all sections required.”

  • “Skip” option not included because this is information that is essential to the service. Without a place to return to, the user cannot teleport to another location.

Page 2:

  • “Leave the planning stress to us.” — This is a short phrase meant to be comforting to the user. It is intentionally short to allow for localization and translation.

  • “Connect to your calendar so we can automatically schedule your upcoming trips.” — This tells the user what they need to do and gives them context as to why this is required.

  • “Don’t worry, we won’t book anything without your permission.” — This is meant to ease the user’s nerves that unnecessary trips would be booked without their consent.

  • “Select calendar.” — Generates an auto-populated list of the user’s local calendars (Outlook, Teams, Apple Calendar, Google Calendar) that they can choose from to sync with the LinkedIn service.

  • “Next” and “Skip” are included to move onto the next stage. Connecting the calendar is not necessary to the service and therefore can be skipped.

Screen Shot 2021-07-30 at 11.52.52 AM.png

Page 3:

  • “Tell us what you need to know to make your trips better.” — Immediately tells the user what the product needs to make the service unique to them.

  • “Select items below to feature on your homepage. You can always change this later.” — The homepage will include information the user will want to know about their destination. “Change this later” lowers the stakes of this step, the goal is personalization and user preferences can change.

  • Various icons — suggestions as to what the user might want to know about for their trip. Items are focused on professional trips. Check marks were included instead of words to reduce the amount of text on the page. User clicks on a check mark to include it.

  • “Finish” — This informs the user that they have graduated the onboarding process and are ready to use the product.

The moment of truth: Is the design intuitive?

Usability testing: Tested the product with a two potential users by observing them interact with the product and asking pointed questions about their comprehension. Had them “think out loud” as they went through the steps of onboarding to see if the design had the intended impact. Both users successfully navigated the onboarding without assistance.

That’s BeamedIn, the future of professional transportation.