Building two iOS and Android apps for articles and streaming
The Task: To create a new digital experience for TVO Today on both the web and two custom built, iOS and Android apps
The Client: TVO
My Role: UX Designer and Researcher
Skills involved: user research, usability testing, affinity diagram, customer journey mapping, interaction design, prototyping, wireframing
Tools: Figma, Adobe Suite (XD), Miro
Timeline: 1 year for major release - ongoing iterations and improvements
Learn about t
My role? Improving design and research in media by challenging misconceptions.
I helped initiate major changes to TVO's digital platforms, built User Research initiatives, designed and tested prototypes, championed important design features, and advocated for changing design processes within the team and the organization as a whole.
The Overall Need? Modernize to reach younger, more diverse audiences.
Since 2017, we needed to improve our digital offerings to attract young, informed millennials, and COVID-19 made it even more urgent. We also were aiming to engage marginalized groups and share more stories from an Ontario perspective to achieve success.
Understanding our desired target user
It was apparent that our 25-44 year old users would be the primary focus of the redesign and we wanted to capture more data to understand how users consume information and especially understand:
How users consume current affairs content
How users watch documentaries and series
What sentiment do they have to the TVO brand
Understanding Our Demographics
To better understand our users, we interviewed 5 of them with these criteria:
Avid or occasional current affairs consumers
Within the target demographic of Gen-Z and Millennials
Some or little familiarity with the TVO brand
Key Focus Areas
To keep in mind our users' needs and guide our design process, we developed a few key questions. These areas of focus include:
Delivering a responsive web experience
Providing an iOS and Android app
Addressing limited bandwidth connections, such as rural users
Making TVO accessible online
TVO Today: One App for Current Affairs, Docs and Series
To redesign our app, we partnered with the current affairs and documentary division. We faced some constraints as a resource-constrained organization such as:
Delivering articles, documentary videos, and series on one app
Developing for both Android and iOS simultaneously
Allowing video downloads for up to 30 days
These requirements made the app development complex. My job was to ensure that the app's information architecture satisfied the needs of two main users:
Balancing Information Architecture
Creating an all-in-one app for TVO Today has its pros and cons. I expressed my concerns and asked for clarity. While it allows for easy access to all content in one place, it could also skew too far in one direction. The app could be:
too video/streaming focused
too article-driven or lack personalization
Explore screen
We designed the landing page to be a personalized jumping off point, rather than just a home screen. Although the app only features content curated by TVO Today, we built it to be ready for the future implementation of curated topics and categories based on user activity.
We added small features such as:
a welcome greeting,
a full selection of TVO Today content (articles, docs & series, and podcasts),
a dashboard-like design to encourage users to use our app as a jumping off point for all of our content.
Streaming focused video player
Working with our 3rd party video developer, we were able to unlock the full spectrum of Brightcove Player SDK that we use to power our video content. Since we had the ability to customize our player to our specs, we optimized our design to cater to current affairs viewers and docs & series viewers by:
Adopting in-page video playback for all pages
Enabling picture-in-picture, described video, closed captioning & playback speed
Enabling native Apple Airplay and Chromecast functionality
Ability to download videos
We added the ability to download docs and series so that TVO users can access our content at their convenience, even without an internet connection.
User flows for Downloads
To ensure our app functions optimally, we mapped out the logic required to download content for users. This is done while adhering to our organization's mandate and distribution contracts. The following are included in this process:
Properly tagging and organizing authorized content for API calls
Limiting downloads to 30 days with an option to renew
Planning for offline access to content
Highlighting our value proposition while maintaining a seamless offline experience.
App Features
These are some of the features of the app
The Results? A highly rated app in both Google Play and Apple App Stores 🎉
Our app consistently receives 5-star ratings from users, thanks to its thoughtful development. To keep up with our diverse community and uncover new experiences, we will continue to test and enhance the app.
Future enhancements
We plan to track each section's performance using Google Analytics to retain and attract our audience. Our priority is to enhance the section's performance by reducing page times and showing titles more frequently. We also want to improve accessibility features, such as transcripts and closed captioning, to create a more unified experience.
Other potential improvements include building an iPad app, adding a sign-in feature, introducing live streaming, and offering voice-generated articles and downloads.
Credits
Eric Hanson - UX Research, UX Design
Van Shaw - UI Design