Enigma Recovery is a Windows and Mac application that recovers deleted data from iOS devices and iTunes backups. I lead the design strategy for this product for 4 years and personally designed the UX and UI.
Project overview
Challenges
- Streamlining the onboarding process
- Accounting for various computer configurations
- Understanding what data is most important to users
- Designing an effective trial model
Solutions
- Step-by-step progress indicator and instructions during onboarding
- Auto-installers for dependencies as and when needed
- Data is shown in order of priority
- Just enough data is available for preview to entice users to upgrade
Results
- Detailed design prototypes
- Style guide to help developers
- Increased software activation rate
- Increased revenue and number of customers
- Company was able to raise over £1M in capital partially due to design strategy and concepts
Research
I performed user research using surveys, user testing and feedback from the customer services team. One of the main challenges highlighted by user feedback was to make the user onboarding process as easy as possible. Based on the data about users I created several user personas one of which you can see below.
Low fidelity designs
During my time working on this project I produced flow charts, sketches, wireframes and many other types of low fidelity designs.
Flow charts
I produced various flow charts for different parts of the software. The example below reflects the customer onboarding flow.
Sketches
These sketches reflect the customer onboarding flow and have more detail than the flow chart.
Wireframes
Based on user research I broke down the connect & recovery process into clear steps, automating them where possible and adding a progress bar.
High fidelity designs
I used Adobe XD and Marvelapp.com to produce high fidelity designs and prototypes.
Connect device
The finished design of this screen is using a familiar graphic of an iPhone with an animated cable connecting to it to make it easy to understand.
Select data
I used a clean, uncluttered design for this screen to make selecting data as easy as possible.
Scan in progress
On this screen, I focused on showing recovered data as soon as possible. I also included placeholder graphics (grey boxes) so that users can see something before data appears.
View messages
In the finished design for the messages view, I used an iOS-like design for the speech bubbles. The data types in the sidebar are ordered by popularity according to user research.
Recovered photos
I designed the “Photos” screen with familiar controls: list view, grid view, sort options, and so on to make it easy to select, preview and export photos.
Upgrade license
I focused on making the “Upgrade” modal easy to understand and also trustworthy so I included bullet points about the company.