App UI

course:

UXUI II

subject:

Brother Printer

professor:

Angela Fahlman

time used:

26

hours

tools used:

Figma, Illustrator

objective:

This project challenges students to redesign and prototype an existing app to improve usability and meet user needs. It emphasizes user-centered thinking and visual clarity, covering the full UX process from research and wireframing to high-fidelity design and interaction planning.

Prototype link

Research & User Flow

I did the research on the target users, brand, and competitors, then I created a detailed user flow to outline how people interact with the app from first use. It maps all key functions like connection, print, scan, and settings in a logical structure. This user flow addresses current usability issues and aims to deliver a smoother, more intuitive experience.

Sketching & Developemnt

After mapping the user flow, I sketched the low-fidelity wireframes to explore layout and interaction ideas. This phase involved brainstorming and peer critique, which helped me refine the design. I focused on simplifying layout and making room for instructional content.

Low-Fid Prototype

3rd step: I finalized the layout by combining strengths from Option A and B, then built the low-fidelity prototype in Figma. I structured all text, graphics, and interactive links to work properly, ensuring clear navigation and practical screen flow, then taking professor's feedback.

High-Fid Prototype

4th step: I created all UI elements like logo, navbar, header, footer, and button groups. I also built a style guide to ensure smooth communication with developers. With all components ready, I proceeded to the high-fidelity prototype stage.