Video Recording UI

During the process of designing the interface for the app I did some research into how other apps handle the process of recording and editing video at the same time. The first one I looked at was Snapchat:


This app has a single button to record by holding it down and a progress bar to show you how much time you have left remaining. To me this seems like a very simple solution to the task as it takes care of editing during the shooting process. Vine is a video recording app that deals with this in much the same way, but also allows you edit and change the order of clips before you upload. This will give much finer control over the video, something especially important considering the small, 6 second time limit of Vine.


An app that also uses a similar approach with a longer video limit is the newly released video feature of Twitter. This app displays a similar screen to that of Vine but shows individual clips from the beginning without having to press an edit button. For my research into the Twitter video function I read through a development blog written by a member of the team behind it: http://paulstamatiou.com/twitter-video/


For our app we decided to go with a similar setup to Snapchat, as it is more geared to telling simple stories whereas Twitter video or Vine seemed to be more for complicated pieces of editing. I think this trade-off will mean a worthwhile increase in usability at the minor expense of complex editing functions. We also opted to include both a graphic and numeric indication of how much time is remaining to improve accessibility for any user of the app.