Smartlist is a digital shopping list that will always be with you
The most important goal of the application is to keep the products you want to buy from G'roby's store wherever you are as fast and easy as possible. This is the purpose for which a keyword appears when typing and it is also possible to enter a quantity. In addition the barcode scanning feature simplifies the process if for example out something of the refrigerator at home. Secondary goal is also to promote collaboration with the family and friends so with the application we can handle more lists that anyone can share. The notes can be converted to specific products at any time and from there users can easily access the store's webshop.
typography
Icons
user flow
We wanted to create something that costumers who goes shopping week to week and those who enthusiast of creating lists and order their todos precisely would love using, so having a clean, friendly and typography-based design was our goal from day one. We started with an exploration of main usage scenarios and we defined key layouts and interaction patterns.
Walkthrough
shopping list
Whether it's an event, celebration, or just everyday shopping the user can easily create lists and add any products they want to buy.
By tapping the notes of the list, the app provides product suggestions so the user can select and put the necessary items into the basket. After pressing the purchase button, the G'Roby's webshop controls the app where you can finalize the process.
Add items
The biggest challenge was to create an innovative and practical flow for the Adding items part because this is most important and most used part of the app. During our experiment and testing, the following two versions were created. In the first round we focused on a list view that displays multiple results to the user at the very first moment. First search history and result suggestions appeared. The weakness of this version was that users had to tap into the search box first for text input and as soon as the note was done after it was difficult to reach the back button and it is slowed down the process.
In the second version, the keyboard is already active at from the first time so the user can start typing immediately. The close and barcode scan buttons are located in the top bar because of their less important role. For the effective usability is also helpful that the user can easily tap at the top of the screen at any time to go back to the home page so they do not need to bother with a back or a close button. Suggestions and history appear as labels to help the user build their notes so they can typing less. The system recognises if you use units of measure eg 2 pounds of bread. At the end of the process, the users can tap the plus button to put the items in a row until they close the window.
Sharing
The application also provides opportunities for community purposes. Take an example of a New Year's Eve party with friends. It is often difficult to reconcile who they are taking and what they contribute to the event. The app becomes handy with creating lists that can be shared. After tapping on the share icon the user must enter the desired email addresses and from then on his shopping list will be shared. They can track the activity of others and send quick messages to each other, for example. "I'm going to shopping"
