42TECH
  • HOME
  • VISION
  • WHAT WE DO
  • WHAT WE MAKE
    • EcoSpaces
    • Apps & Services
    • Things & Tooling
    • AR / VR
  • PROJECTS
  • TEAM
  • CONTACT

TOP UP TERMINAL 

The current top up terminal for Dutch Transport Cards - the OV Chipkaart - is being replaced and required a new design to bring the terminal to a more modern and easier feel.
Picture

current system


REDESIGNING THE TOP UP TERMINAL

From interacting with the current version of the terminal there were a lot of usability issues that were apparent. Some were due to physical limitations and some due to certain interactions being linear with no choice to retrace steps.

Meeting with the client, the use cases were explored in a workshop to see what the new device (which features a full colour and larger screen) could accommodate. 

The client initially expressed that design should follow the aesthetic and flows used in the current terminal.
Picture
INITIAL WIREFRAMES OF SYSTEM
Picture
NOTES FROM FIRST WORKSHOP WITH REDESIGN TO ACCOMMODATE REQUESTS OF CLIENT
Picture
INITIAL MOCKUP
Here are the first set of high-fidelity screen designs that were accepted by the client per their requirements and notes from the workshop. 
​
Although received well, stakeholders wished for a more modern feel for the terminal. And so the task began to redesign the terminal to have a better feel and use.

Current version

Picture
FIRST INTERACTIONS
An animation plays to instruct the user how to place their card into the holder. Also shown are the possible in between states between card read and main menu.

Fatal and non-fatal errors can occur, fatal errors prevent any interaction where as non-fatal errors reduce functionality available at the top-up terminal.

The main menu is divided into the following sections: 
  • Top Up
  • Buy Products
  • Load Products
  • Card Details
  • Language Select
Picture
SIMPLE PRODUCT PURCHASE FLOW
At the new top up terminal, the ability to buy products is available. The simple product is non-configurable, and upon confirmation, proceeds straight to purchase.

Currently the Top Up Terminal locks a user into the payment screen upon interaction, and to cancel, the user must remove their card and start the entire interaction again. The step of a buy button to confirm the action allows the user to change their mind without this frustration.

A monochromatic colour scheme is used to in conjunction with icons for international users and those with accessibility needs.
Picture
CONFIGURABLE PRODUCT FLOW
Configurable products have multiple stages that affect the price.
​
These screens are usually related to region / time and are loaded onto the cards for use. On these screens the number of steps of a purchase is shown. Certain functionality, like lookups, are brought onto new windows for ease of use. 

Also shown is the terms & condition page as certain products have recurring payments that the user must agree to first. Once agreed to, the payment screen is shown like the simple product.
Picture
TOP UP FLOW
The primary function of the Top Up terminal is to top up the balance of the OVChipkaart. 
​
Currently, a selection of amount will lock the user into the payment screen, here a confirmation is introduced to prevent the user from getting into flows they did not intend of.

An example of the fail states that can occur at payment is shown, with the option to retry the payment. At present, if a failed transaction occurs, the user must remove their card and start the process of topping up again. Verbose error messages are shown to indicate the problem for the user.
Picture
LOAD PRODUCTS FLOW
When a user purchases accounts / have discounts they must be loaded onto their card to be active. This is common functionality at ticket machines but bringing this to the top up terminal allows users the ease of doing this at their supermarket instead of having to travel to a station. 
​
Here all active products are shown alongside the provider. The user can select multiple products (providing the capacity on the card allows) to load.
Confirming this action will show whether products have been loaded or not.

​
Picture
CARD DETAILS FLOW
Here we can see the extended functionality of seeing the details of the card.

On ticket machines this is easy to see as there is a lot of screen space, bringing this to a smaller touchscreen means that it must be reworked to fit the functionality.
​
Card details are the first items to be seen with options to view active products and transaction history of the card. Although the notion of security does come up, unfortunately the OVChipkaart does not have a security measure to prevent reading details at any machine.

Exper​tise

System Architecture & Integration
Portal, App & Firmware Development
Big Data, Data Visualization, Artificial Intelligence
Rapid Prototyping, A+B Testing & Pilots
User Experience & Interaction Design
Mobile Payment & Loyalty
Identity Management & Privacy
Lab Systems

Inspiration

Magical User Experience
Agile Software
Artificial Intelligence
VR/AR
Internet of Things
Identity & Privacy
Robotics
Desktop Fab
Wearable Tech
Our Makerspace
Working with Great People

42TECH Clients

42TECH is a technology consulting and product development firm specialized in designing and developing elegant and intuitive connected solutions. Frequently comprised of a multitude of online services, a cloud based integration platform, embedded logic in local devices and intuitive user interfaces, our connected solutions incorporate multiple software stacks and a micro-service platform architecture, as well as advanced system integration, cyber security, and privacy by design principles. Our expertise in high performance scalable system design and track record of solution development for financial services, public transport, smart city, health care and education make prototyping with 42TECH an attractive place to invest your innovation budget.  In addition to creating innovative solutions we also assist companies with development of technology roadmaps and institution of product innovation pipelines. 

​© 42 Technology, bv, all rights reserved — 2023



What are you doing all the way down here? 
Click here to contact 42TECH
  • HOME
  • VISION
  • WHAT WE DO
  • WHAT WE MAKE
    • EcoSpaces
    • Apps & Services
    • Things & Tooling
    • AR / VR
  • PROJECTS
  • TEAM
  • CONTACT

TOP UP TERMINAL 

The current top up terminal for Dutch Transport Cards - the OV Chipkaart - is being replaced and required a new design to bring the terminal to a more modern and easier feel.
Picture

current system


REDESIGNING THE TOP UP TERMINAL

From interacting with the current version of the terminal there were a lot of usability issues that were apparent. Some were due to physical limitations and some due to certain interactions being linear with no choice to retrace steps.

Meeting with the client, the use cases were explored in a workshop to see what the new device (which features a full colour and larger screen) could accommodate. 

The client initially expressed that design should follow the aesthetic and flows used in the current terminal.
Picture
INITIAL WIREFRAMES OF SYSTEM
Picture
NOTES FROM FIRST WORKSHOP WITH REDESIGN TO ACCOMMODATE REQUESTS OF CLIENT
Picture
INITIAL MOCKUP
Here are the first set of high-fidelity screen designs that were accepted by the client per their requirements and notes from the workshop. 
​
Although received well, stakeholders wished for a more modern feel for the terminal. And so the task began to redesign the terminal to have a better feel and use.

Current version

Picture
FIRST INTERACTIONS
An animation plays to instruct the user how to place their card into the holder. Also shown are the possible in between states between card read and main menu.

Fatal and non-fatal errors can occur, fatal errors prevent any interaction where as non-fatal errors reduce functionality available at the top-up terminal.

The main menu is divided into the following sections: 
  • Top Up
  • Buy Products
  • Load Products
  • Card Details
  • Language Select
Picture
SIMPLE PRODUCT PURCHASE FLOW
At the new top up terminal, the ability to buy products is available. The simple product is non-configurable, and upon confirmation, proceeds straight to purchase.

Currently the Top Up Terminal locks a user into the payment screen upon interaction, and to cancel, the user must remove their card and start the entire interaction again. The step of a buy button to confirm the action allows the user to change their mind without this frustration.

A monochromatic colour scheme is used to in conjunction with icons for international users and those with accessibility needs.
Picture
CONFIGURABLE PRODUCT FLOW
Configurable products have multiple stages that affect the price.
​
These screens are usually related to region / time and are loaded onto the cards for use. On these screens the number of steps of a purchase is shown. Certain functionality, like lookups, are brought onto new windows for ease of use. 

Also shown is the terms & condition page as certain products have recurring payments that the user must agree to first. Once agreed to, the payment screen is shown like the simple product.
Picture
TOP UP FLOW
The primary function of the Top Up terminal is to top up the balance of the OVChipkaart. 
​
Currently, a selection of amount will lock the user into the payment screen, here a confirmation is introduced to prevent the user from getting into flows they did not intend of.

An example of the fail states that can occur at payment is shown, with the option to retry the payment. At present, if a failed transaction occurs, the user must remove their card and start the process of topping up again. Verbose error messages are shown to indicate the problem for the user.
Picture
LOAD PRODUCTS FLOW
When a user purchases accounts / have discounts they must be loaded onto their card to be active. This is common functionality at ticket machines but bringing this to the top up terminal allows users the ease of doing this at their supermarket instead of having to travel to a station. 
​
Here all active products are shown alongside the provider. The user can select multiple products (providing the capacity on the card allows) to load.
Confirming this action will show whether products have been loaded or not.

​
Picture
CARD DETAILS FLOW
Here we can see the extended functionality of seeing the details of the card.

On ticket machines this is easy to see as there is a lot of screen space, bringing this to a smaller touchscreen means that it must be reworked to fit the functionality.
​
Card details are the first items to be seen with options to view active products and transaction history of the card. Although the notion of security does come up, unfortunately the OVChipkaart does not have a security measure to prevent reading details at any machine.