UX • Wireframing & User Flows • UI
When Discovery Channel purchased TV Norge, a subscription based television service from Norway in the winter of 2013, we were asked to head up the UX and UI consultation for a re-launch. We worked closely with the organisation from Norway and the development team for Discovery, Accenture at their Chiswick offices in London.
In consultation with Accenture. Owned and operated by Discovery Channel.
In the beginning, meetings were held for team introductions. In those meetings, functionality from the existing system were captured and a list was made of what needed to happen for the transition of that system on to Discovery’s platform.
Tasks were delegated from the list to specific team members with timelines attached. It was mine and my teams job to create a site map and wireframes showing how the initial user journey of registration would function on the new platform.
Once that was complete and signed off then the user interface was created with the assistance of the head designer in Norway, who had developed the brand identity.
REGISTRATION SITE MAP
Below is a site map which shows the overall journey that the user will take to registers and pay for their tv subscription service.
This journey was changed from what was originally running in Norway as the service was changing to sit on Discovery’s platform in the UK. So, the whole system was to be re-developed mainly due to payment and security reasons
REGISTRATION, SUBSCRIPTION AND ACCOUNT WIREFRAMES
There were several rounds of wireframes. Below is the 6th and final version that was signed off by the team in Norway. before visuals were built. These wireframes show the user journey for registration, payment for subscription and the My Account are where the user can edit their details to the tv subscription service.
Once the wireframes were signed off, visuals were created for each view. The initial actions for registration are very simple. The user enters their email address and the system sends them an email containing a link which returns them to the site to enter the remainder of their details.
Once registered, the user can purchase a subscription. They are unable to watch any programmes until they have made a payment.
MY ACCOUNT AND SUBSCRIPTION VISUALS
All of the forms and administration views for the services were kept very clean in appearance.
MAIN SITE WIREFRAMES
The main site for TV Norge was to be designed around the CMS ‘widget’ based design that the Discovery channels currently use. This system allows local teams to build the site around content that is relevant to their schedule.
The below annotated document shows how widgets were to be set out on the homepage, before the user had logged in.
For the launch date the site wasn’t required to be responsive so it was only considered for desktop.
MAIN SITE VISUALS
The following visuals were designed purely for desktop and are what the user would see whether they are logged in or not. Some functionality isn’t available to users if they don’t have an account - like live streaming of a ‘programme’. If they aren’t logged in when they choose to watch something, they are prompted to do so.
With a deadline of 1st January 2014 and only 5 weeks to transfer the existing site to the new system, the team was able to launch on time!
This included reviewing the user experience, designing and development all with a very organised and dedicated team across two countries.
A very impressive feat.