Final Product
the fruit of our labor
In this final stage, we drew upon all our past research and design to ensure that our end product catered to the original pain points, needs, and goals we had discovered. Creating high-fidelity mock-ups allowed us to synthesize our visual design with the intentions and efforts behind the project, while creating a marvel prototype out of these screens brought the interactive component to life.
Hi-Fidelity Mockups
To generate our final deliverable, our high-fidelity mockups screens, we added color, real text, and images to the structure of our wireframes. Before beginning, we discussed the visual language we wanted to incorporate into the app interface and branding-- it was important to us that the interfaces appeared welcoming, friendly, and aesthetically appealing.
To evoke this feeling of friendliness, we developed our app's visual language around:
-
round, sans-serif fonts for our main headers
-
rounded box corners
-
bright colors
-
flat iconography for our logo
Winter
Spring
Summer
Fall
As we discussed our trouble incorporating multiple colors into our app palette during a class work session, we received a suggestion-- what if the interfaces changed color depending on the season?
​
We decided that the concept of the app's main color scheme changing seasonally fit in perfectly with our themes of seasonality and information that changes as time passes and ultimately incorporated it into the final version of Harvest.. Season is a big part of the farmers market-- it affects the quality of produce, and some markets are only open during particular seasons. We utilized a different color scheme for each of the four main seasons: winter, spring, summer, and fall, to visually convey the concept of changing seasons.
Providing Product information
In order to cater to one of our key initial user pain point of lack of up to date information regarding product details and availability, we included a "What's In Season" section on the main market dashboard page and a Products tab with more information about each product sold at the market and its availability that upcoming week.
We also allowed users to personalize the information they received about product availability through the Grocery List feature. User feedback from usability testing with our paper prototype showed that some users preferred an icon-based view for the list while some preferred a list-based view, so we incorporated a toggle feature to allow users to choose whichever view they prefer.
Providing vendor information
Our second major user pain point involved lack of up to date information regarding vendor details and availability. To address this, we incorporated the list of confirmed vendors for the upcoming week on the market dashboard page and added a Vendors tab listing all vendors for the user's current market.
Viewing multiple markets
Our third user need was the desire to be able to view information about multiple markets on one platform. To allow users to add, save, and switch between markets, we incorporated a global market navigation that could be accessed via a drop-down menu.
The process of creating the visual language for our high-fidelity mockups showed us how difficult it can be to design for an app interface and how to find a balance between interfaces that appear professional but not clinical. Overall, though, it was rewarding to see our research, sketching, design, and testing realized in these final interfaces, and the higher fidelity of these screens allows us to better convey our ideas and features to both users and stakeholders.
Interactive Prototype
These many weeks of work culminated into an interactive prototype, showcasing our high fidelity screens, the structure between them, and the overall product’s capacity to help farmers market customers. The creation of this prototype would also allow for high-fidelity interactive prototyping at the farmers market to further refine the usability of Harvest. The Neighborhood Farmers Market Association, an organization we collaborated with for user research, has also expressed interest in the creation of Harvest opening up the possibility for testing with real vendor, product, and market information.