top of page

Case Study



  • This is an extensive personal project that is the result of 10+ years of interest in in-vehicle interfaces and radios. 

  • it is a mixture of research findings, (both original and used), wireframes, prototypes, user flows, and overall a case study about infotainment along with commentary on my won vision of the future of cars

  • When I was younger I wanted to create the "iPhone o head units" because I felt they were awful. The more research I did, the more issues I found both in design, but also limitations due to the timeline of how long it takes to go from design to building to market. The landscape has changed so much that the way I was thinking about it in the earlier days is pretty different. People want to use their phones, but cars are betting that it's safer to put all controls into the car's interface, and want you to put your phone away tucked in a little drawer with a wireless charging pad. But I was betting that while people liked that their car's interface basically mirrors their phone (especially with car play and android auto) - they still like to use their phone as a remote, and an interface into controlling things since they are already so used to using their phone to control music, glance at texts, pan around on a map - this familiarity should be worked with and supplemented, not blocked and replaced. The user's phone and the car's interfacing should work together freely as possible.

  • For a while, I didn't find that much on the UX of cars and infotainment. I reached out to tons of people through LinkedIn that I found with a search of keywords like "infotainment ux designer" and a thousand variations of that. Many said that UX is/was late to infotainment and in-vehicle experience is something that is catching fire now. Now when I do research I've found more people, students, articles, talked about how bad the UX of cars is. Companies like tesla are no doubt creating a cool experience with a gigantic screen in your car. It's flashy. But is it gimicky? I'm not sure. Is it more distracting than other smaller interfaces? I'm not sure owners and others willing to look past it maybe being overkill or distracting because it's just cool? What percentage of owners are really interested in sitting in their car and gaming? 

car future.jpeg
mockup carplay.jpeg

What I did

  • Conducted user research

  • Competitive analysis

  • Usability testing

  • Created wireframes and prototypes from low-fidelity to high-fidelity

First Steps

Competitive Analysis

  • To begin, I checked out a handful of apps in this space including Duolingo, Quizlet.

User Interviews - interview questions and participant notes

Screen Shot 2021-05-04 at 3.05.39 PM.png
Screen Shot 2021-04-22 at 1.06.01 PM.png
Click image to enlarge
Screen Shot 2021-04-22 at 1.05.27 PM.png
Screen Shot 2021-04-22 at 1.05.37 PM.png
Screen Shot 2021-04-22 at 1.05.43 PM.png
Screen Shot 2021-04-22 at 1.05.52 PM.png

User Persona

Persona - chuck@2x.png

User flows

Then I created some user flows to think through tasks such as creating cards, and using group mode

UXI 3.1 - IA.jpg

Initial sketches and ideas

Then I did some sketches to generate and think out ideas related to:

  • What should be on the home screen

  • How to go about groups and sessions


Paper prototype and testing

I quickly put together a paper prototype to some early feedback

Marvel prototype screenshots@2x.png

Usability Test Plan / Results and lessons learned

Screen Shot 2021-04-22 at 1.09.31 PM.png
Screen Shot 2021-04-22 at 1.09.49 PM.png
Screen Shot 2021-04-22 at 1.09.41 PM.png
Screen Shot 2021-04-22 at 1.10.42 PM.png
Click image to enlarge
Screen Shot 2021-04-22 at 1.09.58 PM.png
Screen Shot 2021-04-22 at 1.10.07 PM.png
Screen Shot 2021-04-22 at 1.10.17 PM.png
Screen Shot 2021-04-22 at 1.10.26 PM.png

First digital wireframes

  • I then talked to people that were current students, as well as students who had finished school within the last 1-2 years. My thinking with this was that recent students may provide feedback that was reflective on their time spent as a student, which may inspire different attitudes than current students

  • Main takeaways included:

    • People want simple and easy​

    • A "fun" or "cute" interface, but not something overly animated or cute. They found this to be necessary, distracting at times, and gimmicky

Low-fidelity screens@2x.png

Hi-fidelity wireframes

After the marvel prototype was tested, I continued the project in Adobe XD and created high-fidelity wireframes that addressed the feedback I got.

Mockups set 2@2x.png
splash 3d.png

Next Steps

  • Hi-fidelity mockups will be added to as I continue developing the UI of this application with help from preference test results

  • I also plan to add the full information architecture, and style guide

bottom of page