Holmanmedia

Project

Glide UI

Glide UX is a panel-based UI with easy to use interaction. One of the core principles of the UI is that the content hierarchy builds from left to right, anchored by the main menu which is a simple vertical scrolling list.

When the main menu is activated, panels expand to the right, these are populated with content linked to the focused menu option.

Brief

Develop a high-end User Interface for Set-top boxes that can be reused for multiple customers and easily customisable.

What I did

  • Acquire customer requirements
  • Provide work estimates
  • Wireframing & prototypes
  • High fidelity designs
  • Usability & feature specifications
  • Creation of Java layout files
  • Creation and optimisation of assets
  • Engineer/test support for project lifespan

Concept

A new UI was needed to add the existing catalogue of UI offerings.

This would be aimed at the premium market.

It needed to have a unique selling point; the panel theme was born and I named it ‘Glide’.

Sitemap

Once I’ve investigated and identified what is required, a sitemap is created for the project.

Doing this early on can highlight any User Experience issues such as poor navigational loops.

Wireframes

High fidelity diagrams were created, it’s a good way to test available screen space and layout. Also, I will use these images in the UI specifications.

Keeping them generic means I can reuse the screens for other customers saving time and resources.

Specifications

Every screen and interaction were extensively documented for engineers, clients and testing.

In total, 18 documents were created for the UI.

High fidelity designs

With the wireframes created, I start applying the agreed look and feel. Its important to agree early on how it will look; this is done in the prototype stage. I create as many varied screens as possible for approval.

I put together an interactive demo of the UI. It’s designed to be used on a desktop, RCU control is via the keyboard. Currently its work in progress and does not represent the whole UI.

Screens

Images of the finished product.

Outcome

The UI became a popular selling tool for sales and marketing. The following companies have been involved in the deployment and demonstration of the UI:

  • Cignal
  • American Forces Network (Digital Glue)
  • Dish America
  • ABS
  • beIN sports
  • Comcast
  • COX
  • Deleel
  • Dialog
  • Filbox
  • Irdeto
  • TurkNet
  • Une

Testimonials

“Mike's versatility and range of skills in the creative industry; graphic design, photography, UI/UX design, web design, to name a few, provided the whole design team with a clear vision on projects we worked on.”

George Bishop

Graphic Designer

“Calm, resourceful, creative, conscious of time demands, a great pro-active communicator and the ability/mindset to just get things done.”

Graham Cooke

Lead Product Manager

“He has an excellent attention to detail and is always willing to help others. He has a wealth of knowledge and ideas to share and can be relied upon to get a job done properly and in a timely manner.”

Ian Brunt

Chief Systems Architect

“He's a talented designer with the skills that reach beyond just the design as he's always looking for ways to push the boundaries of how we can make our product better.”

Sangeetha Rathnakuma

Java Developer

“Mike is a professional UI designer always seeing the product from the customers perspective and forever challenging his own designs to provide the best customer experience.”

Paul Newton

Head of Engineering

“I would recommend Mike for any UI/UX/Design role without hesitation. He is a consummate professional, a talented designer and his drive to improve processes means he would thrive at any company.”

David Austin

Director of Research and Development

“He was instrumental in the design and planning of our Media Broadcast Centre, and has coordinated its use for both filmed and live video production, audio recording, and photography. I cannot recommend his services highly enough.”

Graham Holland

eLearning Support Officer

Let's work together