Toolkit: Figma

Type: B2C/B2B | Consumer Products

Focus: UI Design

Duration: 48 hours (Apr. 12th, 2019 to Apr. 14th, 2019)

Challenges Submitted For:

Best Use of Magic Leap One

Best Use of IBM Watson or IBM Cloud

Best Use of Intel Technology

SHAPE Up Your Accessibility Challenge

Best IOT or Interactive Toy Solution

 
 

TEAM & ROLES

 

Full Team

From Left to Right:
Shawn Walker (Inventory Manager)

Tu Duong (Full-Stack Developer)

Kien Pham (Full-Stack Developer)

Me (Product Designer)

Robert Points (Lawyer)

Tulani Watkins (Product Manager)

Randolph Aarseth (Back- End Developer)

Intel Representatives x3

 

1. understand/product thinking

I was part of a full-stack team responsible for leading the design process, producing all major deliverables for tablet, mobile, and Magic Leap One assets. What I learned in the beginning was that 5G is capable on expanding many aspect, especially consumer products. This was a great opportunity to test that for this survival application concept. I started with the following to identify this deeper:

1) People Problem

  • Families and travelers explore the outdoors utilizing various GPS apps, but some cannot function offline.

2) How did we know this is a problem?

  • Discussed with the team on various apps today that can pull up a GPS function offline and realized there wasn’t much.

3) How do we know if we solved it?

  • By creating this mobile prototype to demonstrate the idea of offline capability plus AI and machine learning experimentation to scan objects around the environment.

 

 

2. DESIGN STRATEGY

WHO ARE WE DESIGNING FOR?

I led the team to start sharing their ideas through an affinity mapping exercise to explore keywords and features with 5G’s power, which we solidified to safety, education, and community. We evolved our map and identified our core users in this scenario:

Hikers: Open accessibility features in the events if they’re color-blind or deal with mobility issues.

Tourists: Access of knowledge and education around the public spaces they encounter.

Researchers/Rangers: Data collection of hazardous roads/objects/wildlife they discover.

WHAT FEATURES CAN WE BUILD TO EMPOWER OUR USERS?

We came up with two features that users can use through IBM Watson and Intel’s A.I. platform as they are out on the field thanks to the speed of 5G:

Return: Guide users through GPS tracking to return to a safe destination as rescuers meet users halfway at a destination.

Discover: Allow users to interaction with objects and nature around them through photo-snapping, which generates info about the picture they snapped.

 
 
 

UNDERSTANDING THE JOURNEY.

After the workshops, I summed up our information to display how the interactions would be if IBM Watson and Intel would occur as they were developing the code for their features.

 
MacBook Pro (2).png

 

3. design execution

CREATING AN EXPERIENCE THAT PROVIDES TRUST AND EDUCATION

Due to the short time span, I created a moodboard to define the branding and design for this prototype based on the following:

Support & Control:

  • Users should be able to access features regarding information around them.

  • GPS from Google must guide users to a safe destination in the events of emergency.

 
Screen Shot 2019-04-28 at 2.22.54 PM.png

 

IDEATION

WIREFRAMES

From the quick design challenge we identified, I drafted a UI for both mobile and tablet products to match the accessibility features that aligned with our goal of returning our users to their desired destination.

 
Sketch to explore the functions and features in a visual matter.

Sketch to explore the functions and features in a visual matter.


 

VISUAL DESIGN & Developer handoff

REVEALING MULTIPLE PLATFORMS FOR THE PRODUCT

I relayed the information through showing the team a prototype of how it should function before they added in their back-end code. Thanks to Figma, the team was able to grab my designs quickly without needing me to export.

 
iPhone X 2.jpg
iPhone X-4.jpg
 

 

Style Guides & Logo exploration

A TRUSTING SENSE OF GREEN

Green was the tone and mood that was transparent to the whole team that weekend. I drafted the style guides and logo exploration according to it, which would be used for our mobile and tablet versions.

 
iMac (1).jpg
Screen Shot 2019-04-29 at 9.15.42 AM.png

 

4. OUTCOMES AND TAKEAWAYS

CHANGING THE PARADIGM OF PUBLIC SAFETY

We were able to present the functionality in prototype; highlighting how A.I. and machine learning will keep users safe. We approached our initial target to make conversions of about 80% accuracy with plants, however we still had room to explore locations to expand the product.

Judges from IBM, Intel, and AT&T were thoroughly impressed with our concept and saw the potential need for consumers when 5G expands in the next few years. What I ultimately learned from this project was that A.I. and machine learning is accessible to consumers and that designing for it requires a different strategy because A.I. needs to be taught specific information.

 
IMG_9590.JPG
IMG_9587.JPG
IMG_9584.JPG