SIRIS — UI/UX design case study of a mobile screen damage analyzer app

Objective: Research and design a mobile app that predicts mobile screen damage with the help of Artificial Intelligence.
Research about Business and Problems
When we started to explore the Insurance & Warranty Protection, Telecom, Device TradeIn, and Mobile Protection industries, we found that when it comes to the mobile screen damage analysis a lot of vendors in the mobile insurance industry are still doing it manually. This task is time-consuming as it has manual efforts. Additionally, the hairline type of damages on the mobile screen is not easily detectable.
In the Device TradeIn industry, when a vendor sells their mobile phones in the exchange program, he has to wait for the customer’s mobile to check the screen damages. After checking the damages of the mobile screen, then vendor decides has to sell mobile to the customer or not.
Challenges to Success
There is no automated platform for the Insurance & Warranty Protection, Telecom, Device TradeIn, and Mobile Protection industries to analyze the damages of a mobile screen.
- A user must be able to scan the mobile screen easily.
- A user will able to scan the mobile screen in any lighting condition. Mobile screen brightness auto-adjust as required while scanning.
- A User can scan mobile in required minimum angle and distance.
Defining the Key Pain Points
We have defined some key pain points based on user and technology perspective. It allows us to have a deeper understanding of UX problems.
We have two user key pain points to solve during this challenge:
- How will a user scan the mobile screen?
- How will a user differentiate the screen damage types?
We have two technology pain points to solve during this challenge:
- How to get high-quality mobile screen images?
- How to stop fraud Cases? (In mobile insurance claiming applications)
Suggested Solution
- We have to capture only the mobile phone in the front camera view to get a high-quality image of the mobile which will help us to increase the predictions analysis on the mobile damage screens. We are differentiating the screen types of damages with Heavy Broken, Medium Broken, Slightly Broken and Micro Slightly Broken.
- Add a QR code to stop fraud cases(For proof this image should be captured by user mobile in which SIRIS application installed)
- Calculate the brightness of the mobile screen to easily capture the mobile screen via QR Code.
Design Process
When starting on a project, I usually stick to a routine/design process that makes my designs be as consistent as possible. No matter what kind of a project it is, I stick to these golden 5steps:
01 Research (Above)
02 User Flow / Information Architecture
03 Sketch & Wireframe
04 Present solutions with business and product stakeholders
05 Visual Design
Execution: Design
After doing all the research, understanding the challenges, finding the problems & key pain points, we have prepared a suggested solution. Now it’s time to execute the design process for SIRIS. In SIRIS our user-centered design process has been designed to keep users and business stakeholders in the center and involve them throughout the journey to identify and validate the most critical business & users aspects.
Design Process

1. User Flow / Information Architecture
We have created a detailed information architecture, that covers all touch-points like Scan mobile screen, Invalid image cases, Screen broken Predictions, etc.

2. Sketch & Wireframe (Brainstorm solutions and create low-fi wireframes)
Based on requirement, challenges, finding problem, learning and information architecture, now we had a clear picture of what was needed. Next, we started exploring wireframes post having detailed brainstorming sessions as shown following.

3. Test and iterate solution
After creating the wireframes, a usability test was done with the business stakeholders and some users. Based on their valuable feedback, we did some iterations in the design.
4. Start to create visuals
After defining Business Goals, Information Architecture, wireframes, test and iterate solution. We have started designs of SIRIS and shaping up the final solution as following.

The end?
No, it’s the beginning of SIRIS for helping businesses save time and money. Let’s grow with SIRIS.
Thanks for spending your valuable time, hope you liked the article. Please share your valuable thought’s on the article. Don’t forget to click on the clap button.
Download the Download Android App
For more works, follow me on Dribbble & connect with me on LinkedIn.
Cheers!!
