January 6, 2025
Microinteraction Design for Productivity Platform
The best way to learn UX/UI design. (n.d.). Retrieved from https://app.uxcel.com/design-briefs/productivity-tool-microinteraction-design-307
Create a delightful user experience in the productivity industry using microinteractions.
Design Scenario
You’re an interaction designer for a productivity platform that helps individuals or teams optimize their schedules. Competitors include Todoist, TickTick, and Things.
Design Task
Your design task is to complete the following:
- Design and animate 15 helpful microinteractions that could improve user experience of a productivity platform.
- Demonstrate how these microinteractions fit into the interface.
- Explain the rationale behind the design of your microinteractions.
- make versions for mobile, desktop, or smartwatch
- Bonus points for making your project submission interactive.
Instructions
Read the instructions to ensure your submission receives maximum visibility.
Evaluation criteria
Your project will be evaluated using the following criteria:
- Interactivity — How effectively does the interface facilitate user actions and provide meaningful feedback in response to those actions?
- Accessibility — Does the design comply with the WCAG’s requirements and is accessible to all users? Is the design inclusive to all users regardless of their background, race, age, gender, and ethnicity?
- Creativity — Does it solve problems and communicate ideas in an innovative way?
- Presentation — How effectively is the work presented, including the templates provided, the formatting of the copy, the links shared, and the explanation of the design rationale?
Example
Vehicle Inspection App
About vehicle pre-purchase inspections
Vehicle’s pre-purchase inspection business is one of the major revenue generating areas under Wrench marketplace. A Standard Inspection includes a comprehensive check of the vehicle’s body, paint, underbody, tires, wheels, glass, electrical items, motor, transmission, and other components.
Customer places an order through website or by phone. Once you place an order, an expert inspector will contact your seller to verify the availability of the vehicle and set up an appointment to inspect your automobile. The inspector will go directly to the vehicle to perform the inspections.
Lifecycle of an inspection job
Below points will help you understand the steps involved in a vehicle inspection
- Customer places the order through website or by phone.
- Our team of dispatchers will contact our nearest technician and brief them on the automobile as well as any specific concerns a customer may have brought up during the order process (“additional notes”).
- Dispatchers will schedule the inspection as soon as possible, based on the seller’s or dealer’s availability. Inspectors are notified about the job. They can also see the job related details in their inspector portal.
- Our inspector will drive directly to the vehicle to perform the inspection. There is an inspection checklist PDF form specific to each type of inspections. It is present in every job card. Inspectors need to carry a printable version of the PDF when they visit the vehicle location.
- At the end of his day, inspector will upload his findings and all the supporting pictures/videos to us. Inspectors login to their inspector portal, upload all the supporting media and fill out all the details in that job checklist page which they captured on the form. After adding all the details, they submit the job for review.
- Our skilled review team (ASE Master Technicians) will double-check the findings.
- As soon as the reviewal process is complete, customers will receive an email to let them know that it is time to login and view your report!
Problem
If there are multiple jobs in a day, inspector has to do the same actions multiple times. It ends up inspectors not submitting their findings per job on the same day. This increase the overall turnaround time.
Solution
To have an inspection app in place which helps our inspectors to upload his findings, click supporting photos / videos and submit the job for review directly from the vehicle location.
It is an entirely new app for all inspectors to improve operational efficiency and accuracy, accommodating different workflows within the vehicle inspection.
Success for Users
- Perform their jobs much quicker than before.
- use the platform without carrying any physical forms and complete the checklist hassle-free.
Success for Business
- Adaptability Measure the number of jobs from web/mobile app source.
- Reduce web portal usage.
- Ease of use, higher throughput.
- Increase the number of jobs performed per week/month, efficiency in finishing up the job, the accuracy of the job completion.
- Increase revenue per job without expanding teams, reduce dependencies on admin to review back and confirm the reports.
Design Process
After understanding the company’s needs and expectations, I designed an application based on the current job lifecycle and created a low-fidelity prototype. I ran user testing with 10 participants and incorporated the feedback to refine the design, resulting in an 80% satisfaction rate. Subsequently, I created a high-fidelity prototype.