Interaction between the In-vehicle Infotainment System and the 3rd Party Apps

3rdPartyInteraction.png

Some products of the Garmin in-vehicle infotainment system would be connected to peripheral devices like mobile phones for using the 3rd party applications, such as Apple Carplay, Android Auto. In this project, I co-worked with my fellow UX designers to design the interactions between the infotainment system and other 3rd party applications.

The Design Process
Development of the Interaction Scenarios

We worked closely with our engineering team to confirm the technical detail between these device connections, and found out the following main points to be considered:

 

  • Which 3rd party app is activated on the infotainment system?
     

  • Which platform of the mobile device (iOS/Android) is connected to the infotainment system to use the 3rd party app?
     

  • The mobile device is connected to the infotainment system by which way? (via Bluetooth? USB connection?)
     

  • What are the interactions between the 3rd party apps and the native apps(such as Media, Navigation, Phone) in the infotainment system?
     

  • What are the interactions between the 3rd party apps and the physical buttons on the infotainment system?


Having these points in mind helped us design the process for connecting/disconnecting a mobile device to the infotainment system, switching between the 3rd party apps and the native apps in the infotainment system.

Development of the Interaction Matrix between Different 3rd Party Apps

Another scenario we needed to consider was the switching between different 3rd party apps, including Apple CarPlay, Android Auto, SmartDeviceLink, etc. For example, if a user is using Apple CarPlay, is it allowable to switch to other 3rd party apps? If it is allowable then the Apple CarPlay will be terminated or it can be still executing in the background?

 

Again we worked closely with our engineering team to get a clearer picture of the technical aspects. Then we developed the Interaction Matrix between different 3rd party apps as a guiding principle for our following user behaviors design.

interaction matrix.png

Part of the Interaction Matrix between different 3rd party apps

The Result

We finally delivered documentations showing interactions with different 3rd party apps. As I was in charged with the design for the interaction between Android Auto and the infotainment system, UI flow with several use cases was handed over to the engineering team for the reference of implementation.

AA flow.png

The UI flow showing the first connection between Android Auto and the infotainment system

AA flow navi.png

The UI flow showing the switching from Android Auto to native Navigation app

More selected projects
Group 388.png
Group 351.png
Group 352.png
Group 356.png
Group 386.png
Group 355.png
Group 353.png
Group 357.png