In response to problems around recycling, e.g not knowing when to put the wheelie bins out, putting incorrect items into the recycling bins, poor communication with recent inspections and bins falling over and spilling rubbish, I have developed a functioning app prototype in Adobe XD.
WasteLess is a mobile app & unique smart bin system, that will help people’s kerbside recycling become easier & more effortless.
I Designed this new recycling app because I believe that Dunedin needs an upgrade from the 'DCC Kerbside Collection' app. I also used a bit of imagination to come up with a slightly fictional idea, where the user can connect their mobile device to a smart bin system, and essentially control their wheelie bins from their phone.
DESIGN PROCESS
I started by doing some research and case studies into similar apps. This was useful because it helped me visualise what good app design should look like.
Paper Prototyping
After doing some user journey maps, I drew up the paper prototype which helps to demonstrate the user flow and functionality, that the future design will have in the very early stages of ideation.
Here you can see my process where I began by sketching some icons, and then vectorised them in Adobe Illustrator.
Accessibility - Colour Blindness
In the image above I have conducted colour blindness testing. This ensures that the my colour pallet has enough contrast, so that important elements such as buttons, can be easily identified. By looking into accessibility I'm ensuring that all of the potential users, including people with disabilities, have equal access, a decent user experience and are able to easily access any information.
Wireframes in Adobe Xd
All of the app's wireframes can be seen in the image above.
Here is a short video demonstration of the WasteLess app prototype.