• Design
  • Make

Ziyun Peng

SF based product designer

  • Design
  • Make

Lead UX/UI at Pico Interactive. VR/AR/MR, emerging media.

Aivvy – IoT Music Headphones

April 13, 2016 pengzyk

 

To comply with the Non-Disclosure agreement, I’ve blurred and omitted some artifacts. What I say and demonstrate here only represents my own point of view, doesn’t reflect the views of Aivvy.

The Role

As the only UX designer in the company, I designed the Aivvy DJ App (iOS / Android) from the very beginning. I also worked on some parts of the Man-Machine-Interface (MMI) definition for device behaviors, led the on-site user study sessions, and many more.

The Result

banner

Aivvy Device pre-order on Kickstarter | Download companion app on App Store / Play Store | Aivvy Website

Case Study – App Navigation

1. Product Definition

Me, the product manager and our marketing director

  • Looked back at the user research report from the early stage
  • Aligned the companion app’s position and responsibilities in the product
  • Agreed on the app key features:  “Setup Device” “Music Customization”, “ Get New Music”, “ Monitor Device”

storyboard

 

2. Ideate and Prototype

Come up with as many solutions as I could

concept_channelconcept_dashboard concept_music

3. Review and Design

After an internal review with stakeholders, we decided to go with the Spotify style direction.design

 

4. Validate with Real People (Internal and External)

The app alone looked fine, but the day we each had a headphones prototype in our hand, things start to feel different. I ran usability tests to get some instant feedback for the whole system, as well as a UX sharing sessions and ran quick interviews with internal users for experience feedbacks on longer terms.

We ran a on-site user study to validate the design, navigation was included as one test task. We tested the new 3-view app paired with headphones with our carefully selected participants. There were no more confusions and complaints against app navigations.

user-study

“Where can I see what’s playing?”

“Thought the purple dot means Now Playing channel”

“The more I use, the more I find I only use the app to check Now Playing info”

“I realize I don’t customize channels that much actually”

5. Ideation II

With the issues discovered from usability tests and interviews, I started 2nd round ideation where I put device status and Now Playing info on the highest priority. During the period of time, I worked closely with the Product Manager to get instant feedbacks on the sketches and paper prototypes.

sketchings

concept_3views

 

aivvy-hp
Meta
  • Log in
  • Entries RSS
  • Comments RSS
  • WordPress.org