Iterating the Prototype
The user flow that was created is used as a basis of how we wanted our wireframes to interact with each other. It has two happy paths; one as a shopper and one as a delivery person. Throughout the shopping experience, the user will be prompted to opt for a reusable bag option as well as an option to scan a barcode on the bag to receive a discount on your order.
Through the delivery program, D-LVR, users will first have to create an account where the user will input records for identity verification as well as consenting to a background check to ensure that the shoppers who place orders for delivery will trust the porters to deliver their merchandise. After creating a verified account, the user will be shown a variety of people nearby who need something delivered. After delivery and the receiver has confirmed that they received their goods, the user will be credited a gift card balance to their account. This will help combat environmental pollution since less gas and disposable bags will be used as well as removing the up charge cost normally charged when using other services to deliver.
![lofi wireframes](https://uploads-ssl.webflow.com/62795e3df3e5b33c0f4e8bb9/6324f47765691827bbd5e517_Screen%20Shot%202022-09-16%20at%205.44.25%20PM.png)
Through the design studio and user flow that was created, it provided the visualization we needed to piece together the first iteration of lo-fi wireframes. From there, we conducted some usability testing to see where we could improve.
Testing... Testing
Between our iterations of the prototype, we conducted user testing on several individuals to observe how they went through the prototype. The users were assigned several tasks and as the users went through the prototype and made comments and voiced their opinions, and it brought to light some elements that we did not include in the first iteration. So in the next iteration of the prototype we took the data collected from them and applied it.
Usability Test Findings:
- There were some details that needed to be added in for the next iteration of design to make the flow smoother as well as removing some options that didn't sense to the user.
- Enlarging the text size since the users reported that it was slightly difficult to read.
- The first iteration was too ambiguous to the user so in the next steps, we should include more instructions throughout the process because from testing, we noticed that users had a difficult time without instruction.
Hi-Fi Design
Bringing the prototype into high fidelity, we made sure to include some key features that would incentivize the users more to be more green.
- An option on the home page where if a user is picking up their groceries, that they can scan a eco-bag that they have bought previously to have their purchased goods at a discounted rate.
- An overlay will appear during the checkout process to ask the user if they would like to consider purchasing an eco-friendly option to bag their goods.
- Having volunteers in the delivery program will cut out the middle man and they will also get rewarded for helping deliver another user's items as well.
![hifi prototype](https://uploads-ssl.webflow.com/62795e3df3e5b33c0f4e8bb9/632a7481775a873792c17819_Greenify%20hifi.png)
Try it Out!
What's Next?
Due to time constraints, not all the features my team discussed were fully carried out into the prototype. If given the opportunity I would conduct another round of user testing after inputting in more features and functions such as:
- Implementing a more seamless transition from being a shopper to a porter. So it could be possible for a shopper to easily go to the porter portal without the need to start from the beginning of the app.
- Adding in some tracking animations within the delivery time tracker for customers and porters.
- Improving the functions and features for pick up and delivery.
Reflection
It was enjoyable creating a design system where my teammates could easily take those assets and incorporate it into the wireframes they were overseeing and it showed us how important a design system is when producing a prototype when it comes to making sure. This project was the first time in a long time that I have worked in a group setting so it was an eye opening experience playing around with ideas of others along with my own and to make sure to communicate often or the goal will become out of focus.
![IRL Mockup of App being used](https://uploads-ssl.webflow.com/62795e3df3e5b33c0f4e8bb9/6328b7976d122d0c5c254666_GreenifyMockup40.png)
↑