How might we help the users to find, share and organize their videos more easily?
As part of the rebrand of Vyond.com from GoAnimate.com, the product team had to replace it’s existing video listing page and video player page. Collaborating with a UX designer, Rohini Kolhar, we toke this opportunity to improve the video pages experience.
Head of Design
User journey map
We analysised Vyond’s direct competitors, such as Powtoons, Moovly and Animoto to discover their strength and weaknesses; Besides, I performed an analysis on UXpin, Google Drive, Adobe Spark which were indirect competitors of Vyond.
From the analysis we learned that our competitors did not put many resources on their video pages. This might be an opportunity for us if we could improve the page usability and help users to better prepare and plan their workflow before they started making videos.
Trends and patterns emerged from the user interviews, we identified many user needs and pain points:
Rather than having the search bar taken up spaces on the top bar, why not displaying it first as an icon button and revealed the input box as the users clicked on it?
I displayed the “Search" icon next to the “Make a video” button, because from research, we learned that user either created a video from scratch ("Make a video" button) or by editing an old video (Search bar).
Our research informed us that users thought that the video thumbnails too small and hard to glance. They wasted a lot of time in carefully labelling their videos. As a result, we introduced a grid view of cards to replace the list format.
By displaying them in cards and allowing users to preview on the video page, we enabled them to find their videos quickly.
The idea of the new video page was a “full page version of the video card” i.e. we reused and repositioned same components.
Based on user research, we removed the less used features, such as “Export to YouTubes; Primary actions such as “Download” and “Shared” features were moved to the top; The main nav bar was eliminated as the user journeys did not suggest that it was needed.
The result was a more user friendly and immersive viewing experience.
This seemed to be a small project at first, but through the interviews, we discovered more and more usability issues and user needs.
It was overwhelming at first about where and how to fix the problems. In the end we decided to say NO to certain features and put them in the back log.
For example, we were aware that there might be needs for searching "folders names"; However, we decided to keep it simple and MVP first . If users found a need for it, this would be thought of later.
This required a different mindset because as a designer I wanted to make everything perfect, but I learned to be more agile and put some ideas behind.
When we replaced the list view with the card view. We were awared of it’s disadvantages, for instance, the size of cards toke up spaces and they looked draggable; However, instead of building both card AND list views, we decided to design with only one view at first and validated it’s effectiveness before creating more UI components.
Next steps would be testing.