Four smartphones displaying a maps and navigation app showing various locations and waypoint summaries.

MyHyundai Bluelink

App feature: Waypoints in Send to Car POI (point of interest)

Role
UI/UX Designer

Skills
UI/UX improvement, user acceptance testing, joint integration testing, QA

Year
2016

App Reach
500k+ users

MYHYUNDAI BLUELINK APP
The MyHyundai Bluelink app provides users with access to owner resources, service scheduling, and remote connectivity with Bluelink-enabled vehicles through mobile devices and smartwatches. I contributed by refining the UI and UX across the platform, enhancing usability and delivering a more streamlined user experience.

WHAT’S THE POINT?
MyHyundai users wanted the ability to add waypoints in between their start and end routes.

REQUIREMENTS

  • Allow users to add, reorder and delete up to two waypoints in-between their start and end routes.

  • The feature is only available in Send to Car (find a destination in the app, send it to the vehicle’s navigation system)

CHALLENGES

  • API limitations - I could not alter the UX and was only able to use similar interactions in the current maps feature.

  • Different timezones - Collaborated with a development team based in China.

“Easy-to-use and easy to navigate.”
— User

SUCCESS MEASUREMENTS

We leveraged Flurry, a mobile analytic platform, to test user paths and quantitive analytic features. I worked with the business analyst team to incorporate tagging of specific user actions to get a usage rate of 64%.

I worked in collaboration with our overseas devs, business analysts, PM, QA and end users to ensure the app functionality followed the business requirements. Hyundai Motor America and Hyundai Korea had to work in sync to deploy the feature to both markets.

Interaction Flow

〰️

Interaction Flow 〰️

  • A smartphone screen displaying a map app with a search for 'Starbucks' showing multiple nearby locations listed, each with address and distance, in Long Beach, California.

    1/ Search for a destination

  • Mobile app screen showing a map with a Starbucks location in Long Beach, California, including address, phone number, hours, and options to share, save, set a waypoint, or send.

    2/ Tap add waypoint

  • Screenshot of the myHYUNDAI app on a smartphone showing a map with a waypoint labeled as Starbucks at 111 E Ocean Blvd, with options to add more waypoints, and a keyboard at the bottom.

    3/ The first waypoint field appears

  • A smartphone screen showing a map with a Hyundai app. The user is searching for 'Chevron' and a location at 111 E Ocean Blvd, Long Beach, CA. The map displays nearby Chevron outlets.

    4/ Enter the first waypoint

  • A smartphone displaying a map with location markers for Chevron 200 Alamitos Ave, Waypoint, and Starbucks at 111 E Ocean Blvd, with visible search input and map details.

    5/ The second waypoint field appears

  • Smartphone screen showing a map with a list of nearby locations, including Chevron gas station, Whole Foods Market, and Starbucks, with a virtual keyboard visible at the bottom.

    6/ Select the second waypoint

  • Mobile phone screen displaying a navigation app titled 'myHYUNDAI' with waypoints around Long Beach, California, including Chevron, Whole Foods Market, and Starbucks, alongside a map and waypoint details.

    7/ Review the summary, send it to your car

  • A smartphone screen displays a delivery app with a map and waypoint addresses. A pop-up message states, 'Successfully sent to car.'

    8/ Sent to car confirmation

Viewing Waypoint Detail

📍

Viewing Waypoint Detail 📍

  • Smartphone screen showing a Hyundai navigation app with a map of Long Beach, California, and a list of three waypoints including addresses on Alamitos Avenue, East Pacific Coast Highway, and Ocean Boulevard.

    To view a waypoint's detail, tap on the pin or icons

  • Screenshot of a smartphone displaying a mapping app with locations including Chevron, Whole Foods Market, and Starbucks near Long Beach, California.

    To expand the detail, tap on the up arrow

  • A smartphone displaying a map and contact details for a Chevron gas station in Long Beach, California.

    Tap the back button on the map to go back to the Waypoints Summary

  • A smartphone displaying a navigation app with a map of Long Beach, California, showing three waypoints: 200 Alamitos Ave, Whole Foods Market East, and Starbucks at 111 E Ocean Blvd, with a Waypoints Summary section and a Send button.

    Waypoints Summary