G.A 6.1 User Interface Prototypes

Pictures below display how the interface of our application is going to look:

The initial log in screen:


The first screen that appears after logging in:


The next screen is where you can tick the items that you have put in your basket. This helps keeping track of what you have and what you need. Compared to the version before testing the products Multiple options such as “Go to payment” or “Scan products” were located on the right hand side of the screen. Now they are to be reached by pushing the top left button that reads “More”. Also the “log out” button was deleted.


And the last screen illustrates scanning objects for self-service checkout. As you can see there’s a window for aiming the camera at the barcode and three buttons: the middle one is for scanning the item, the left button is for editing the scanned items (for instance the amount) and the right hand button takes the user to the next screen that is payment.





Testing process took place on 27rd of March at the session of Interaction Design Methods at Tallinn University, in total 4 participants were involved.


Main issues which appeared while testing our paper prototypes were following:

  • Small screen of the mobile device crowded with an extra information
  • Four buttons located at the bottom of the screen were confusing on the first look
  • Main buttons located on the right side were taking much space, ending up being very small and not practical
  • One of the participants mentioned that the self check out process took too long (too many steps to complete before reaching the goal)
  • Sharing the shopping list option appeared to be not appealing for the certain participants, due to the privacy reasons

Feedback received from each test person:

Participant number 1:

Mentioned that the steps were logically connected and were easy to follow, however got a bit confused when it was needed to brows already created shopping list. According to the person it was hard to realize how to go back to the shopping list, using a keypad (not presented in the paper prototypes) or doing it within the options offered on the screen.

Participant number 2:

After completing one of the tasks (using the self check out), participant mentioned that it takes too much time to reach the final point and it would be better if the process was simplified. Even though we found the suggestion not very relevant, it should be mentioned that the participant suggested one page self check out option instead of doing it step by step.

Participant number 3:

Found an interface appealing and did not have any problems of completing the task. According to him application does not let you do anything wrong and there never are too many buttons which might be confusing.

Participant number 4:

At first complained about the start screen. Mentioned that the half of the screen was taken by the logo and added that the four buttons located at the bottom of the screen were too small and not in the right place. Also pointed out that it would have been better if the application had an option to share only certain items from the shopping list to the shopping partner and not the composed list fully. According to the tester it would be good to release the screen from an extra information and hide it behind the ”more” button.

Based on the feedback we came up with some improvements which might be implemented:

10272802_10202848481286240_2124546604_o 10259377_10202848482206263_245768265_n






Three user stories for paper prototype testing

Composing a shopping list through scanning products


User wishes to add items to the shopping list more easily than through typing everything in. She enters the Smart Shopping Service (3S) application, logs in and creates a new shopping list called „Weekly”. User then shares the list with her boyfriend (username Coolguy2014) and scans the first item with setting the amount „2”. Then she scans another item that she needs 3 of. Finally she ads the last item and exits the application.


Transferring ingredients from a recipe to the shopping list

No. 2

User wants to make lasagna but he doesn’t know what he needs for that. He enters the 3S app and goes to the Recipes section. There he searches for lasagnas and picks out the one he likes. He ticks all the ingredients in the recipe that he thinks he doesn’t have at home and adds them to a shopping list called “1” that was already created by his girlfriend. Since the list already contains minced meat, one of the components needed for lasagna, the system asks if he wants to add also the mince from the recipe. He confirms adding more mince to the shopping list, goes over the list “1” and exits the app.


Using self-checkout

No. 3

On her way home from work the user decides to do her weekly shopping. She enters the store seeing that the place is packed and the queues are fairly long. Having the shopping list on 3S app she decides to use the self-checkout option as well. She enters the app and opens her shopping list called “Weekly”. She goes over all the items there to see if she needs anything else and then proceeds with self checkout. She starts scanning all the items that she picks up from the store and during that observes how the already scanned items turn gray in color (indicating to be scanned). After scanning the last item she proceeds with payment which she does using the mobile identification system popular in Estonia. After confirming the payment she sees the receipt in her phone that she goes over just in case. Seeing that all is good she exits the application and goes home.

Design session summary

Design session for the Smartshoppingservice

The design session for Smartshoppingservice was held on March 9th 2014 and lasted for about one and a half hours. It was conducted by designer Sofio, assisted by Taavi and included 4 participants commenting on the scenarios. All of the interviewed participants were similar to one of the personas. Age range of the participants was from 25 to 55, including two males and two females. Also three of them were Estonians and one was a foreigner.

Interview about scenario 1 – fast shopping

All of the participants agreed with the scenario and evaluated the course of actions as more or less realistic and logical. It was stated that “Idea of fast shopping seems very appealing to me and if I had a chance I’d definitely use the system” by one of the interviewees.

The only thing noted was that for self checkout customers some clear indications need to exist to use a self checkout exit. That would prevent sales personnel wondering about people exiting the store without paying and carrying the basket with them. A designated packing area needs to exist for the self checkout customers.


Interview about scenario 2 – easy usability

All four participants were able to relate to the character Peeter who is a guy in his 50s. According to one of the interviewees the scenario seemed very realistic, especially the part that the older man might be afraid that the new system could be a bit hard for him to use. Also it was suggested that the described actions by Peeter were quite limited and it would have been better if Peeter tried out using some other functions, for instance scanning products, rather than just browsing the names of the products and adding them in the list. A comment from the oldest member of the testing group was that although new systems can be a bit hard to use or even intimidating in the beginning, then having plenty of experience from using different applications will fill the gap created between the „age-affected” behavior. He also mentioned that the system would be easier to use if all the symbols used are already well known and he didn’t have to start figuring out what they mean.


Interview about scenario 3 – Updating the shopping list

Interviewees said that Anna’s user story seemed possible. The idea of the user sharing the shopping list wiht their family was well accepted and accepted as „necessary” and „clever”. The participants agreed that actions were following each other logically, however some of the actions should have been explained in a bit more detail.

During the discussion a question was brought up whether the shopping list is displayed right after starting the app (as described in the scenario) or there should be clicking on a button “My list” as well. The point was noted and will be implemented. Also a question was raised that if items will be transferred from the recipe to the list and if some of the same items already exist in the list will they then be doubled in amount or not. The possible solution would be having the system notify the user about it and ask about increasing the amount. Lastly one of the participants added that if she’d want to have her husband bring something from the store then she’d want to inform him about it by also letting him know about the necessary brand.


Interview about scenario 4 – Flexible shopping

Again, the steps in the scenario were seen as logical and purposeful.

“As I mentioned before it is a great idea to make an application that will help fast shopping, therefore I can relate to Lui who uses the list created by his wife in order to quickly grab the products in the supermarket,” an interviewee said.

A suggestion mentioned was that if the application could compare the prices of the same product in different supermarkets or even between different brands then it would be very good. This is something worth thinking about.

What came out was that the need for adding specific brands to the list exists and just “bread” or “beer” won’t cut it. Being specific helps with bringing the right things home. Then again regarding the courses of action provided generated a question – will the user be able to really see if the store has the goods in stock? Thinking about it the option of bringing different stores and their current stock levels into play would be useful for the user but might make the system a bit difficult – that would require having live connections with all the major supermarkets and their databases. Also it would seem easier to look for a single product and add it straight into the list instead of looking for all the goods, ticking them and then adding all of them to the list together.

Overall the session was useful and brought out a lot of good information that will contribute in developing the 3S. Having a design session helped us understand the course of action different people might take and therefore provided valuable data about the overlapping of our vision and the potential user’s vision.

Scenario-Based Design

Scenario 1 – Fast Shopping

Raul is a 29 year old sales representative. He is happy with his well-paying job, but working all the time is the reason why he has no girlfriend and he needs to do his shopping himself. Raul usually has no complete shopping list and therefore he tends to wonder around the store picking up things he randomly remembers. If he had a list he could constantly include new items before entering the store and be out of the store quicker.

One day Raul hears about an app called Smartshoppingservice that he finds interesting. He installs it to his phone and creates his first shopping list. Over the next two days he often remembers items he should buy and instantly adds them to the interactive shopping list.

After a hard day at work he goes to his local supermarket and starts looking for things on his shopping list. Surprisingly he sees that picking up all the items that way takes less time than usual. While being the 7th person in line waiting to pay for their good Raul notices the self checkout button on the side of the application and decides to try out the feature. In less than a minute all the items have been scanned and Raul finds himself proceeding with checkout on his phone. 30 seconds later the payment is done and Raul walks past those 6 people who still wait in the line, looking unhappy and tired.


Would that scenario be something you would see yourself acting in?

Does the course of actions seem logical?

Would you change anything in the process?

Is there something you would want to add to the process?

Scenario 2 – Easy Usability

Peeter has worked in multiple companies, owned his own little business and finally got elected to the town council. He feels successful and at his prime. Peeter likes behaving as if he was 30, that’s why he bought a sportier car, owns a hip new phone and tries out different new applications – this is how he also found Smartshoppingservice. He sees this new app useful but he’s afraid it can be a bit too hard to use.

When Peeter activates the application he first looks for the activities the application offers. He browses through every window to understand everything. One he has gone through the app he creates his first shopping list. Peeter types in the first letters of an item and browses through different options offered by autocomplete. After inserting first 4 items “milk “TERE””, beer “SakuHele”, bread “Rukkipala” and coffee “Löfbergslila” he remembers that he can also scan the items he has at home to make the process easier.

Once the first item is scanned he feels satisfaction knowing that at least he can use that part of the system.


Would that scenario be something you would see yourself acting in?

Does the course of actions seem logical?

Would you change anything in the process?

Is there something you would want to add to the process?

Scenario 3 – Updating the shopping list

Anna recently graduated from the university and received her bachelor’s degree. Despite the fact that currently she holds the degree in psychology, Anna is unemployed and is staying at home. Reason of this is that she currently raises her little twin boys. However she is lucky with the marriage, her beloved husband recently gifted her with an iPhone which greatly eases her life.

As mostly Anna has to remain at home, her husband is the one who does the shopping, however she is very glad that both of them use Smartshoppingservice application on their phones and Anna is able to make changes in the shopping list from home. For this she opens an application, scrolls down the shopping items, ticks the products about which she changed her mind and withdraws them from the list or adds new ingredients into the recipe and then transfers them from the recipe into the list. Updates are appearing instantly on both of the phones and the list is ready for the husband before he lives his office and heads till the supermarket.


Does the scenario look realistic?

Does the course of actions seem logical?

Would you change anything in the process?

Is there something you would want to add to the process?

Scenario 4 – Flexible shopping

Lui is a textile designer and a young father, having two daughters. He has an unorganized working schedule as most of the art field workers. Like all of the designers Lui as well loves everything that has a good design, that’s why he purchased his brand new smart phone and with the same reason started to use Smartshoppingservice application. According to him, this app is relatively easy to use due to its design. However besides his job, he hates completing everyday tasks, especially when it comes about shopping.  He rarely remembers the names of the brands of the products he has to buy.

His wife who is a doctor is very picky about the healthy products. As usually she is the one who composes a shopping list for the whole family she as well uses Smartshoppingservice app. She is crazy about truly “green” companies and while creating the shopping list she checks the availability of those products in the supermarkets, then ticks all of the desired products and in the end adds them in the shopping list. This way she eases the job for the Lui as well, who later goes in the supermarket and quickly grabs the products.


Does the scenario look realistic?

Does the course of actions seem logical?

Would you change anything in the process?

Is there something you would want to add to the process?

G.A 2.1 Personas


After dealing with the notes we came up with the four personas four our project: 

Persona 1: Raul                                                                      images (1)

Age: 29
Education: MA in economy
Occupation: Sales representative

Photo by zigzagpress
taken from Flickr

Raul is a 29 year old sales representative working for a medical company. He is happy with his well paying job and his busy life suits him. Long working days and frequent travelling are also the reason why Raul is still single – he barely has time to keep his own issues in order and a wife just doesn’t fit in his schedule right now. Raul’s phone is his best assistant and helps him in any situation – they have grown together and understand each other perfectly.


Organized shopping: “Grocery stores are like puzzles for me – they’re big and usually I spend lots of time on searching for the items I need. For me a perfect shopping tour is fast and well organized.”

Time-efficiency: “For me time is money and I don’t like spending time on activities that offer me nothing. Standing in lines waste the minutes I could use for resting after a hard day at work.”

Handy access:My head is constantly full of different thoughts and I often forget the little things. Therefore I quickly need to store those little things in different lists and notebooks.”

 Raul.Pdf Profile

Persona 2: Peeter                                                    


Age: 53
Education: BA in agriculture
Occupation: member of city council

Photo by Chuck Gallagher
taken from

Peeter is a man with experience – he has worked in multiple companies, owned his own little business and finally got elected to the town council in the 40 000 people town he lives at. He feels successful and at his prime. At work he has plenty of free time to deal with his own activities and sometimes just google around. Peeter likes behaving as if he was 30, that’s why he bought a sportier car, owns a hip new phone and tries out different new applications, although most of them are a bit too hard to understand. Being more modern than his friends (or at least have that image) is what’s keeping him going.


Simplicity: “I’m a man in his best years and I enjoy new solutions. Although I’m familiar with technology, lately some of the applications I’ve used are way too complicated. I need something that’s easy to learn and use.”

Shopping history: “Sometimes I think I have bought everything I need and when I get back home I see that I forgot something extremely regular. If I had an overview of my previous purchases this wouldn’t happen.”

Scanning items: ”There are so many different boxes on the shelves that it’s impossible to remember which one I bought last month. If I want to get the same product twice then I’m going to need a way to insert it in the list somehow.”

Peeter.Pdf Profile                                                                

Persona 3: Anna


Age: 26

Education: BA in Psychology

Occupation: Currently unemployed

Photo by D.J Jones

Taken from: http://www.sxc.hu/photo/963742

Anna has recently graduated from the university and received her Bachelor’s degree in psychology. She is married and currently stays at home raising her twin boys. She considers starting to look for the job as soon as kids reach the kindergarten age. She is an amazing cook and at her free time enjoys sharing new recipes via her cooking blog.

Despite the fact that most of the time Anna has to deal with the housework and kids, her iphone 5 which she purchased several months ago, helps her to keep up with the technology and stay updated.


Shopping list creation:  “I enjoy coking and discovering new recipes. However I often find it hard to remember what kind of ingredients I have to buy for the certain dish. I’d be glad to use an application which would allow me to transfer items from the recipe to the list”.

Comparing Prices:  “I am unemployed, it is getting more and more important for me to stay on a budget while shopping. I need something that can allow me to track my expanses and compare prices according to the shopping history”

Adding items according to specific brands:  “I am a big lover of cooking and it won’t be a surprise if I say that I do have my favorite brands. Would have been great if I could add items to the shopping list according to the specific brands and check out if the shops have them…I mean adding not just “chips”, but also “Estrella sour cream and onion” for example”.

Anna. Pdf Profile

Persona 4: Lui


Age: 37

Education: MA in Fine Arts

Occupation: Textile Designer


Photo by Benjamin Earwicker

taken from http://www.sxc.hu/photo/1075968

Lui is a young father working in an art field. Even in his spare time he loves to spend time at his studio, experimenting with new designs. He is married and has two daughters. Thanks to his beloved wife who gifted it to him, he owns an iPhone and says that new technology has greatly eased his life lately. Lui hates completing general everyday tasks and says that he often gets lost when his wife sends him on a shopping.



Live updates about shopping lists: “With my working schedule it’s hard to complete things at a planned time and sometimes when I have to go shopping it appears that my wife has already done it before me. Would be great to have an application which will allow my family members to update shopping lists from home, so we could avoid buying the same product twice”

Receiving accurate information about the products: “I am not really an expert in terms of shopping especially when it comes about brands…I should know what to buy and how much when I go shopping”.

Crossing out the products from the list: “If I go shopping without taking a list with me I usually forget something, but the worst is if I forget to take pen with me to cross out already bought products from my list…if I had an app which would allow me to cross out the items from the list, it would significantly lower the amount of time I spend per shop”

Lui.Pdf Profile



Project overview – Smart Shopping Service

Smart Shopping Service (3S) is a shopping assistant useful for many target audiences that need assistance with shopping. For instance people who don’t like grocery shopping need to get in and out of the store as fast as possible. That requires an organized shopping list, a well thought through route and quick check-out. Also people with multiple parties in family need good coordination of necessary items that need to be bought.

Smart Shopping Service is a service that enables multiple users to jointly create a shopping list, share and edit it in real time.When at the store the application functions as a GPS assistant that directs users to the right isle and to the product. It is done according to the shopping list and the list is automatically reordered into the most efficient (and fastest) route for the user. In order to provide a full service the 3S application makes one’s phone act like a self-service scanner to scan the bar codes and in the end pay for the goods.

The buyers of the system (our customers) are the supermarkets who obtain the system. They are seen as our actual market to sell the product, then again the market research concerning the specifications and design of the product needs to be conducted on the actual shoppers. Shoppers are seen as users of the system and for them the product will usable free of charge.

There are many products on the market that provide some of the same features than the 3S. Then again the 3S has the majority and the most important ones of them combined together to provide the full service the customers need.