Earlier today we presented our product to a panel of judges as part of a mini-competition with our fellow classmates. There were 8 groups in total each offering something different, ranging from bike safety equipment to personal health applications.
There were some interesting and innovative products on display and ultimately Droplets, a customised insulin pump with accompanying smartphone applications, came out the winners.
However, all was not lost! We were the runners-up in the competition, receiving many positive comments from the judges.
The experience has been valuable and the judges have given us much to think about in terms of improvements we could make to the functionality, interface and infrastructure of the app.
As part of our product presentation, we thought of shooting a small promo video which would highlight some of Foodgies best features and replicate a scenario where the application could be used.
We asked permission to shoot different scenes of our video inside Goldsmiths University and picked the small market shop next to the cafeteria as our main location.
Plot: Kevin is busy answering all his emails when suddenly he receives a mobile text.
It is his brother asking him to bring some snacks on the way back home, also reminding him of his allergy to nuts.
In attempt to please his brother request, Kevin enters a shop and quickly heads towards the snack section. Soon he realizes how difficult and frustrating is the process of checking food labels. Just before losing his patience, another person approaches the same section while talking on the phone. Kevin overhears the latter’s conversation and finds out the guy has a similar task to complete.
However, differently from Kevin, he uses a phone app to scan each product bar code and in a matter of seconds he is able to identify which products are suitable for his shop.
As Kevin sees what just happened, he promptly ask the guy for more information about that application called Foodgies.
Now, thanks to the app, Kevin feels more confident when shopping for someone with allergies or intolerances.
As we’re using an iterative approach to design we performed yet another round of testing with users to gather feedback about the design. With each round of feedback we have found it rather interesting to observe the various points that people have identified with the prototypes with problems noted become increasingly specific and fine-grained. Hopefully this means we are on track with our design and that the eventual product will be a highly usable app.
The noted issues in the version were mainly in specific UI elements that behaved differently than expected or indicated something that they weren’t intended to do. They included the following:
The indicators on the new change members section which showed green for a currently active shopping member and red for an inactive member were found to be confusing for some users with them being interpreted as indicating the suitable
When tapping on some buttons (the Foodgies Family button on the main menu in particular) the animation showed a “slide right” animation which gave a false impression of the order of action since it looks like the app is going back instead of forwards to a new screen. This was disorienting some users
On the select members screen at the start of the shopping trip, though the checkboxes could be tapped to add/remove members, users found they couldn’t tap on the names of members to perform these actions
To resolve these issues the second version of the high fidelity was modified to include the following:
The change member indicator were changed to show a green ringed circle with a white background for active and grey for inactive
The animations for various screen transitions were modified to wipe in the direction that better made sense in terms of the app’s overall hierarchy
The names on the member select screen now perform the same function as the checkboxes when adding and removing members from a shopping session
For the final presentation of our application, we had to create a brochure for Foodgies.
The brochure had the following contents:
This task of creating a brochure for our application was surprisingly easy as all the work we’ve done so far since the beginning helped focus our ideas and features we wanted to integrate in Foodgies.
From the project description and project requirements, it helped clarify an overview of the type of application we wanted to create, to the multiple wireframes that we kept iterating over until we felt that we had the right features/functionalities our group first envisioned when coming up with our application.
After taking on board feedback from individuals during our paper prototype testing we decided to make various changes to improve navigation, particularly in the capture mode, to help make it easier for users to use the app.
The main changes were as follows:
Changed the back icon in the capture mode to a menu button instead
Add a view shoppers button for easy access to current active shoppers
A simplified capture button which can capture both barcodes or the whole product
Product information pages make it clearer who a product is and isn’t for
After going through the first rounds of paper prototyping and then finalising the final wireframe of our product, we decided to create a quick high fidelity version of that wireframe so that when it came to creating the high fidelity prototype, we had a better gauge of the look and feel.
To create the high fidelity wireframe, we used Figma (an interface design tool with real-time collaboration) that allowed us to iterate faster and spend more time on the more complex/challenging issues.