MediaMonks
February 2019
User Experience, Prototyping
Google Lens is an AI-powered technology that uses your smartphone camera to detect and recognize objects and offer actionable items.
As part of the Mobile World Congress 2019, Google wants to create a fake mobile carrier brand and use it in two scenarios to showcase how retailers can benefit from using Google Lens as part of their marketing efforts.
In the setting of a mobile carrier store, customers are encouraged to scan designated Google Pixel cards on the table. Tapping each card takes users to a microsite about that phone, where they can explore its features and take a fun quiz to find their perfect phone and plan bundle. They can then scan the other cards if they want to compare the phones before settling on one.
Users have different goals in mind when visiting the mobile brand website and their retail store. How can we make this process more efficient by bridging the gap between the online and offline environments?
From the initial user flow, I noticed some errors in the logic that could cause misunderstandings. So I iterated and arrived at the final flow where it's more straight forward and achieves the goals of allowing users to easily explore different phone bundles.
We wanted the introduction of the phone layout to be simple and similar to its current website for consistency. So for the sketches, I focused on exploring ways to display the quiz and comparison experience.
The quiz component should be enticing for users to see the value and goal of completing it. A short phrase will communicate this, with a prominent CTA. Keeping in mind that this is a digital engagement while in a physical space, the quiz needed to be efficient but fun.
I wanted to visually show the user's scanning progress, and the next steps they can take. By having a placeholder, users would be informed to scan another phone if they haven't done so. And the CTA to compare would only be active after scanning 2 phones.
Users scan the phone card to explore benefits and features of the phone. They can tap to see additional specs and descriptions.
After exploring, users are encouraged to complete a short quiz about their preferences so we can match them up with the perfect bundle.
When a match is found, the most relevant information about the bundle is shown. Users are then prompted to scan another phone so they can do a comparison.
After selecting 2 phones, users can compare their specs, prices and bundles. An indication will highlight their best bundle fit. If more than 2 phones are scanned, they can choose which ones to compare via the drop down header.
Selecting a bundle will bring users to the special offer screen that instructs them on how to redeem, or they can choose to email it to themselves and redeem it later.
Complete a training program with a fictional social media influencer (Carlee Close) to unlock a special offer. Scan the poster and chat with the influencer to complete a series of challenges, where users will learn all the tips and tricks to become Insta-famous.
Recommendations from someone they know can impact a user's purchasing decisions. How can we utilize user's familiarity with brands and entertainment entities to provide special offers?
I created a user flow to map out the chatbot interface and how users can interact with it.
I created the wireframes to show the flow of conversation, with an example of the type of challenges and fun interactions we can provide users.
Users scan the poster to start the experience. A welcome message allows the chatbot to greet the user and set expectations on what the user will accomplish, and sets the tone and personality of the chatbot. User selects their input by clicking one of the options displayed. To resemble a more natural conversation, typing indicators allow time for the user to read the previous message and imply there are more messages to follow.
Go through a series of challenges to make the right decisions based on the influencer's prompts. These are mini tasks implemented directly into the chat interface. After each task, a relevant message will outline the features of the bundle.
After completing all the tasks, a celebratory animation will appear as an overlay and users will be granted a shareable badge. Tapping on 'Get your offer' will take users to the special offer screen.