Interactive TV
I headed up a team of researchers, designers and front-end developers for the Mi:TV Digital Set-Top Box project which aims to be one of the most sleek and sophisticated products in the electronics industry.
To begin with, and after conducting workshops and whteboarding sessions with product owners and with key stakeholders, I was able to hypothesise the major user personas based around similar company products as well as the users' activities on those products.
Using volunteers from within the company as well as recruiting some clients, I organised focus groups and contextual interviews to validate my hypothesis and further establish requirements based around the users, their tasks and needs.
The initial stages of the project were plenty of whiteboarding sessions, sketches and Ideation to understand the user interface based on user needs.
UI Ideation & Conceptualisation
As with many of the projects I worked on, myself, the UI team and Product Owners took to the whitewalls to map out the architecture for the overall experience. This informed the initial sketches, IA, design and navigational experience which was iterated upon through various further releases.
Iterative Prototyping
It was important for me and the design team to fail fast, to iron out the mistakes earlier on in the design process rather than later on in the development stages where problems and issues are much more expensive to fix!
Once user personas, user needs and tasks had been agreed on and validated, a number of highly detailed and pixel perfect wireframes and storyboards were documented based on user flow / user journey.
User Flow
I designed the user flow for each screen bearing in mind how it relates to the overall navigation of the product.
Detailed User Journeys
The user journey has to be logical, simple and understandable not just from the design and development perspectives but above all, from the user's perspective.
Wireframes
Because this is an electronic product, the wireframes has to be pixel perfect.
...and more Wireframes
The measurements also has to be absolutely precise and accurate.
And to support the strategical offering, and to help visually articulate how some of the user journey and flow are manifested, I also created a number of detailed wireframes for each UI component.
And upon sign-off, were eventually turned into visual design compositions which were handed over to the development team. I also carried out a series of iterative usability testing, contextual interviews, surveys and ethnographic user research before the final product was released to the market.
Some of the Visual Designs with 'pixel perfect' measurements...
And the final product...
Print