Specs to Insta

Product design - UX/UI Design

header@2x.png
 
 

๐Ÿ“‹ 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:

  1. View the videos. If possible filter only the Spectacles videos. For example by selecting only the 10s videos with a square aspect ratio.
  2. Select the aspect ratio.
  3. 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: