• ios_1_home
  • ios_2_topup
  • ios_3_carddetails
  • ios_4_opalactivity
  • android_1_scan
  • android_2_journey_plan
  • android_3_journey
  • android_4_journey_map

THE BRIEF

Opal Travel

Following the success of ORPA, Transport for NSW commissioned Outware Mobile to update the existing Opal Travel iOS and Android customer apps.

The brief was to revitalise the overall user experience and enable customers to consolidate their Opal card management into one easy to use and convenient app.

The scope of this project included:

  • Redesign of both iOS and Android user interfaces
  • Replicate some existing functionality of the Opal mobile website
  • Develop new features upon existing iOS codebase
  • Redevelopment of the Android app to include new features
  • Payment Card Industry (PCI) Compliance

Opal Travel revolutionises the way Transport for NSW customers manage their travel. With over two hundred thousand current users, it was essential that the apps were designed and developed with longevity in mind. That’s why the highest standards of quality were required to ensure the success of the product.

 

THE SOLUTION

The Opal Travel project was completed in just 10 months, with Outware providing a total team of 21 people across multiple functions including UX, BA, Visual Design, iOS and Android development, Quality Assurance and Project Management.

User Experience

Taking public transport can often be a stressful and complex feat in and of itself, with customers needing to understand and manage schedules, transfers and navigation around busy stations. The new user experience design is focused on ensuring that Opal Travel does not add any more stress or complexity to a customer’s day by making it as easy and convenient as possible to use.

Home Screen
The app is designed so that the most important information is easily accessible. On first opening the app, users who have linked a card to the app will immediately see their card balance and track the progress of how many more journeys remain before they receive free travel.

Top Up
Topping up balances on Opal cards is quick and easy to use. While behind the scenes, the app handles complex business logic around auto top up prompts, error handling and linked credit cards.

Visual Designs

With information-heavy utility apps like Opal Travel, our goal is always to manage the information hierarchy on every screen. Users should not have to search for important information, it should be clearly presented through the clarity and cohesiveness of the design.

Colour
Colour is used as a communication mechanism throughout the app in a restrained and controlled manner. In the Trip Planner, colours help link the type of transport (train, bus, etc.) with specific legs of a journey. These simple cues help make the app more intuitive, quickly providing users with as much information as possible.

Animations
During the onboarding process, animation is used to delight new users while also drawing attention to important information. Motion can also be used to display practical information; the Weekly Travel Reward bar animates and fills with colour to indicate progress towards free travel.

Development Phase

iOS and Android development was completed in staged iterations to allow continuous feedback throughout the project, conducted by both our internal QA team as well as third parties, ensuring that issues and risks were identified early and managed effectively.

Whitelisted APIs
One of the constraints of the project was working with whitelisted APIs, which could only be accessed in specific locations. This limited our ability to test and demonstrate the apps at various locations. In addition to this, due to time constraints, the APIs were in development by a third party in parallel with the apps, with constant changes and service downtime. To overcome these challenges, our team maintained a constant and open dialogue with Transport for NSW to collaboratively address issues and mitigate risks on the project.

PCI Compliance
The Payment Card Industry Data Security Standard (PCI DSS) is a set of requirements designed to ensure that all companies that process, store or transmit credit card information maintain a secure environment. Given that a key feature within the app requires users to make transactions with their credit cards, Opal Travel is compliant with the following best practices:

  • Prevent credit card data from being intercepted when entered into a mobile device.
  • Prevent credit card data from interception upon transmission out of the mobile device.
  • Prevent unauthorised logical-device access.
  • Conform to secure coding, engineering, and testing practises.

Compliance to these standards was verified by a third party, BAE Systems.

Accessibility

The inclusion of Accessibility standards makes the apps available and usable by people with temporary, permanent or increasing disabilities. The scope of Accessibility included in Opal Travel includes:

  • Testing on multiple screen sizes, including smaller screens
  • Contrast testing
  • Creating touch screen targets in line with best practise
  • Placing buttons and actions in easy to access locations and in places that are familiar to the user (e.g. navigation draw)
  • Keeping a consistent layout between screens
  • Positioning important elements before the page scrolls
  • Providing clear options and information to users that items are tappable or interactive
  • Setting the virtual keyboard to the type of input field that is being entered
  • Supporting the characteristic properties of the iOS and Android platforms

 

THE RESULT

The latest version of Opal Travel enables customers to manage all their Opal card requirements in a single app. The new apps provide users with an easy to use and intuitive experience, as well as an incredibly useful tool that will make their life easier. Opal Travel includes a comprehensive feature set including:

  • Scan card for balance (Android only)
  • Trip planning
  • Find retailers and get directions
  • Top up card(s)
  • Link card(s) to the app to top up and view activities

Users can also sign-in to the app to:

  • Add cards to their profile (by manual input or by using NFC scanning on Android)
  • Activate and block card(s)
  • Top up with stored or ad hoc billing details and enable auto top up
  • Update personal and billing details
  • Personalise card order

The Opal Travel app has also received the following awards at the 2016 World App Design Awards:

 

appstore-btn googleplay-btn