The Usability Brisbane Deserves: Lamb’s Vision for Go Card
In this article:
- 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].
Let's grow your business together.
Get design inspiration, practical takeaways and free resources to help you find and delight clients.