Brand Design / Style Guide
User Interface Design
With the rapid rise of video content marketing, marketers now have to look towards making their video content stand out. Combining videos with interactivity to ensure higher audience engagement, interactive videos promises to be the new trend of digital marketing.
Funded by SPRING Singapore, Infini Videos is a Singapore based startup that aims to develop a cloud based interactive video platform where users can easily create interactive videos on their computer or on the go. Infini Videos approached UXStudio to redesign the interface of their interactive video tool. They were looking to make their platform more intuitive, easier and usable for people to use.
OUR DESIGN PROCESS
Developing the design direction through
research and participatory design
We first looked into interactive video creation tools on the market, together with an internal evaluation on the usability of development phase prototype. From the evaluation, we have observed several fundamental issues which may cripple the intuitivity of the platform functions.
Next we conducted user testings with video editors of various backgrounds to find out their needs and receptivity towards interactive videos. They were instructed to complete a set of tasks while interfacing with the prototype. The findings of the user testing uncovered that there were fundamental problems when using the prototype, such as the linking of videos of even the uploading of media onto the platform. The users were then given the opportunity to construct their ideal platform layouts using a paper prototype. This helps us understand the way the users navigate, or to even identify any common conventions in the layout.
We needed to simplify the process of doing each step in creating an interactive video
For the visual style of the platform, we took into consideration the brand personality, INFINI had to be reliable, approachable and exciting to the users. We also wanted the content to be friendly and engaging to the users. Thus we aimed for a light and clean look, with high contrast and bright colours. We used gradient to make the design look more dynamic.
We changed the layout and icons of the interface such that they are more familiar to users. The features are all placed on a single dashboard for greater convenience and ease of use, features that are familiar to video editors such as the playback screen for videos were displayed more saliently to encourage familiarity.
The cumbersome uploading process was changed to a simple drag and drop onto their project screen. In addition, to speed up the creation of interactive videos, a template feature was added. The template preloads the links such that it all the user need to do is dragging videos onto the screen. This helps to save time, and it can serve as guide for beginners who are new to creating interactive videos.
Our final result is a refined, improved and simplified design rendered in modern and sleek visuals to help Infini Videos gain a foothold into the interactive video market.