This week, I focused on converting the mapped user journeys and individual screen ideas into a unified, interactive structure using wireframes. The goal was to connect the screens logically and maintain a consistent user experience across the app.
Structuring Interactive Flow Between Screens
I designed and aligned low-fidelity wireframes for the following journeys:
-
Food Donors: Starting from the Add Listings screen to tracking donations and handling pickup coordination.
-
Food Recipients: Browsing food items, filtering by category or location, and submitting food requests.
This helped ensure each flow is intuitive and that transitions between screens feel seamless.
Key Design Improvements
-
Navigation Flow: Mapped out transitions between screens (e.g., from browsing to claiming food) to ensure the fewest possible steps.
-
Layout Reusability: Where possible, shared visual layouts between different user types to reduce development complexity.
-
Feedback Iteration: I shared wireframes with the team and received helpful feedback. Based on this, I:
-
Reworked the navigation bar placement
-
Adjusted iconography and button sizes for touch-friendliness
-
Simplified certain instructions and labels for clarity
-
Tools & Setup
-
Prepared design assets for Figma prototyping (e.g., shared button styles, cards, headers).
-
Began setting up Figma pages for interactive click-through prototypes to simulate full user flows.
To Do Next Week
-
Finalize interactive prototypes in Figma.
Comments
Post a Comment