Specs to Insta
Product design - UX/UI Design
📋 1. Description of the project
Late 2016 Snapchat released their glasses, the Spectacles, which I was lucky enough to get the first week of the commercialization. I liked the glasses and the rounded videos that you can take. You can share these videos easily on Snapchat or export them as videos to share anywhere else. Unfortunately at the time, Instagram didn’t allow users to “pinch to zoom” to adapt the aspect ratio of the video. There was also no application on the App Store to easily resize the videos. So I decided to take a day to imagine how an application like this would look.
🤔 2. Problem statement
The application should be really simple with a few screens. The purpose of the app is to:
- View the videos. If possible filter only the Spectacles videos. For example by selecting only the 10s videos with a square aspect ratio.
- Select the aspect ratio.
- Save the video. And if possible open Instagram in order to share the video directly. The date of the new video should be recent in order to appear in the “Last 24h” Instagram selection.
👨🏻💻 3. Process and work
3.1 Early drafts
Since all the users of this applications are going to be Instagram users I decided to draft the app with a UI and UX that would be familiar to them. After all, this app is only a bridge between the Snap Spectacles and Instagram. The process should be efficient and people shouldn’t have to spend time learning how the app works.
3.2 Sketch mockups
I started my first iterations based on the drawings I made. After testing this UX in InVision for a while I decided to try two main alternatives. One with only an “edit” view and another one with a menu appearing at the bottom of the screen. After trying the different iterations, I ultimately chose the one with the menu at the bottom.
💎 4. Outcome
You’ll find below the last iteration of my mockups: