IO - App Redesign

Redesign of the official app for updates and bonuses from the italian government

IO - App Redesign

Redesign of the official app for updates and bonuses from the italian government

IO - App Redesign

Redesign of the official app for updates and bonuses from the italian government

IO - App Redesign

Redesign of the official app for updates and bonuses from the italian government

IO - APP REDESIGN

This project was dedicated to assess and enhance the usability of the IO mobile application through a redesign. The project started with the analyzis of the current app to develop a improved version with a user-centered approach.

Type

Application
Redesign

Virtual Reality Experience


Softwares

Figma
Maze

Figma
Maze

When

Feb 2022

June 2022

June 2022

Context

Digital Design Studio Course

Digital Design Studio Course

Digital Design Studio Course

Methods/Tools

Benchmarking
Heuristic Evaluation
Card Sorting
Tree Testing
Wireframing
UI Prototyping
User Testing

Introduction

Introduction

What is IO?

IO is a mobile application that acts as a single access point allowing users to interact with local and national Italian public services. This project was dedicated to assess and enhance the usability of the IO mobile application through a redesign.

Analysis

App Analysis

First the team conducted a detailed analysis of the current app, reconstructing the current Information Architecture, the main features, the main tasks and the possible mental model behind each of them. Then the team conducted an Heuristic Evaluation of the application and evaluated the usability of the app with user tests collecting time and number of steps to complete each task as well as using SUS scores and Premo tests. At the end of the analysis phase the team found that the main problems of the app were connected to: Information Architecture, Navigation, Affordances, Terminology and Visual language.

Card Sorting
Tree Testing
Information Architecture

Card Sorting, Tree Testing, Information Architecture

The first step to redesign the app was to reorganize the information architecture, the team performed open and then closed card sorting session and later used tree testings to validate the new organization, as a result a new IA was built.

Redesign

Iterative Design

To redesign the interface of the app we followed an iterative process, first we tested and iterated two wireframes and then we performed an A/B testing of a first UI draft, then the team created a design system and finally designed the final UI Prototype suing Figma.

Development