VectorCam
I led a team of five students to conduct user research and improve the user experience of a local non-profit organization’s mobile application. We conducted user interviews, met with stakeholders, and designed the interface on Figma. We focused on the UX of the app’s camera function, making gestures and buttons more intuitive and adding more user feedback aspects.
CLIENT
VectorCam
DELIVERABLES
Camera Prototype
YEAR
2023
ROLE
Design Lead
Background
OVERVIEW
VectorCam is a mobile application that supports malaria prevention efforts in sub-Saharan Africa by enabling users to identify mosquito species through smartphone photography. The app leverages computer vision models to analyze mosquito images and provide key characteristics to aid disease tracking and elimination.
PROBLEM
The camera interface was cluttered, visually inconsistent, and lacked a clear structure which resulted in user confusion and low-quality images. Users also received minimal feedback after capturing a photo, making it unclear whether the image met quality standards.
Research
USER GROUP
Our target users had limited access to the internet and technology, so we prioritized using intuitive icons and gestures to ensure accessibility and ease of use.
USER FLOW
Design Decisions
DESIGN DECISIONS
We streamlined the camera interface by consolidating key functions and removing unnecessary buttons to reduce visual clutter. To keep users focused, we overlaid essential mosquito-related information directly onto the camera screen—minimizing context-switching and enhancing task efficiency.
To improve photo quality and guide users in real time, we introduced a feedback system that evaluates each image. A colored square appears around the mosquito to indicate quality, accompanied by a percentage score based on image sharpness, composition, and how well the specimen can be processed by the computer vision model.
Proposed Solution
IMAGE CAPTURE FLOW
USER FEEDBACK
