top of page

Mobile Connect

Project | 10

Synopsis

Mobile Connect provides a secure universal log-in solution that allows customers to use a 4 digit authentication PIN to log in to multiple web accounts and services that would otherwise require separate usernames and passwords. The technology is designed to work for mobiles and browsers and uses the mobile network and the MSISDN of the device as a secure authentication.

The discovery phase for this project had been provided by Mobile Connect and the team presented the benefits of the proposition. Working with Mobile Connect, Orange stakeholders and development team, I provided user journey concepts to communicate how the service would work.

 

During the ideation phase it was necessary to create logic flows to identify what screens would be needed for the wireframes and where the network processing would occur between a web page and launching pin entry on the mobile.

 

Once the flows and wireframes were finalised I used the Orange design system to create the visual design elements using Figma. Designs were passed on to the development team for building the solution for testing.

 

The user testing was conducted with 20 users who were made up of 20-30 year olds and 50-60 year olds. The results revealed that there could be some delay connecting to the device and initiating the PIN entry screen. To keep the user aware that the service was establishing a connection messages were added to the screens and the tech team optimised the waiting time.

 

Other aspects of the service that were designed included the registration and configuration screens for the service. These were specified for Mobile, Tablet and Desktop.

Design Process

Requirements capture

User Testing
Design process management
Stakeholder management

User Testing

The Mobile Connect solution was tested with 20 users, consisting of 2 demographics 20 - 30yrs and 50 - 60yrs.

20 Users 3 Use Cases

Registration

Configuration

App Usage

Design Deliverables

Logic flow diagrams
Use cases
IA diagrams
Wireframes
User flows
Screen designs
Brand alignment
Asset delivery

Registration_03-DT.png
Registration_03.png
Registration_01-DT.png
Registration_01.png
connection-history-desktop.png
connection-history.png
Registration_02-DT.png
Registration_02.png
Linked-accounts-desktop.png
Linked-accounts.png
Create-pin-desktop.png
Create-pin.png
MC-1.PNG
MC-2.PNG
MC-3.PNG
pdf.png
bottom of page