The Usability Brisbane Deserves: Lamb’s Vision for Go Card

In this article:

Gain an insight into the decisions that led us to our vision for Go Card.

 

  • The Concept
  • Positioning
  • Information Architecture
  • CTA’s
  • Navigation
  • Aesthetics

The GoCard has been a part of Brisbane’s public transport system for over 20 years now. The tap on tap off system was a vast improvement to the archaic ticket based system. But it is reaching it’s end-of-life, and is due for replacement in the next year or two.

Given it’s age, and that digital was never a really a major consideration in the development of the project, we can understand that it’s digital interface was never going to be a shining example of contemporary digital practice.

In places it can be a bit clunky to use. It’s not the best on mobile.

We figured that given that pretty much the entire Lamb Agency team uses the system that that as part of our digital therapy sessions, we would  sit down and had a think about how we would improve the GoCard system.

What do you think? Do you think our vision for the GoCard system is an improvement?

There are a few areas that we focused on for improvement that included:

  • Increased design sophistication
  • Decreased information density for clarity
  • Larger text for readability
  • Improved visual structure for scan-ability

Positioning

Positioning on Easy

It’s not always critical to add a positioning statement to highly functional systems, it can serve to reinforce key ideas in the end users. The GoCard, is largely pretty system easy, and with a sparkling new digital design and experience it will be so much more convenient.

We have used the brand colours to make the copy a little more interesting.

Information Architecture

The information architecture of the existing home page is a bit messy. It requires that you scan each element of the page to find what you are looking for, there is no particular rhythm or rhythm to it’s structure.

So, what about our solution?

  • Break the design into 3 discrete sections – header, copy, action.
  • Unmissable login button.
  • Available but tidy menu navigation.
  • Homogeneous button configuration to improve scalability.
  • Increased button sizing for improved mobile experience.

 

CTA’s

When it comes to the CTA’s, the GoCard home page is more of a dashboard like capability.

The existing structure tends to focus on the existing user journey with the login form heavily emphasised.

In our experience, we tend to find that existing users tend to have a better familiarity with the system so we can provide them with a prominent capability to what what we want, but tucked away so that it’s not taking up too much space.

We are particularly interested in the two user cases of registering a GoCard and the top up, as we was these are the two most likely actions a user will want to undertake.

Technically the top up could be placed within the login section, but we want to orient the interface to how the users is thinking – not the abstracted set of steps we have structured for them to take.

Navigation

Being an functionally oriented site with a handful of primary use cases, the remaining content is more of a support orientation and is tucked away into a burger menu in the standard place you would expect.

 

Aesthetics

The Translink/GoCard brand has a number of nice elements to work with. The colours available are varied and interesting.

The main elements we focused on aesthetically was

  • Upgraded the design to a contemporary design style
  • Improved use of white space
  • Visual clustering of elements
  • More judicious use of colour to draw attention
  • Selection of a cleaner font at a larger text size
  • Reduction in visual density

Summary

Normally, we extensively consult and workshop solutions. And interaction with the customer does produce a better solution for the customer, and one that better fits the brand.

However, we believe there is an improvement through our initial consideration work:

Do you disagree? What do you think?

Would you like 5 easy-to-implement usability ideas?

If you liked our thinking and was interested in what we would do for you, let us have a quick look at your website or application. We’ll talk you thought your goals, pain points and highlight what we think would be the most effective set of improvements you could make to your user experience. Register here or drop me a line on [email protected].