One of my recent freelance design projects was working with
on improving the UI of their mobile app for their
The current experience for setting up a speaker consists of graphic illustrations and blocks of text. One problem with this UI is that users are inclined to click wildly past these important instructions because a big glaringly red button that saids "Next" begs them to.
To better guide the users, I numbered each step to simulate an order, bolded important wait times, and color-coded words that signified when to look out for specific light colors on the speaker. I also placed less emphasis on the "Next" button so that users would not fly through the instructions and get lost.
There were a few
Another painpoint of the current experience is setting up the Wi-Fi network.
Due to the nature of the speaker, the iOS Wi-Fi setup requires exiting the SoundStage app
and going into iOS settings and into Safari. This is not ideal, since it
To mitigate this inconvenience and reduce confusion, I
The current app experience for Android differs from the iOS version slightly, but
Instead, I used the ubiquitous Android font "Roboto" to better suit the Android version, and included familiar "Back" and "Next" arrow buttons that are often seen in popular Android apps.
These changes have yet to be included in the newest app release, so I am looking forward to seeing the results of these UI improvements once they are implemented. Check out the Invision prototype I made:
1. Guiding users requires transparency.
2. Android and iOS demand different design principles.