Shopster – A Social Mobile App

Diane is a 22 years old student. She studies at the University of Southampton, and she decided to go for shopping with her friend Laura. Diane is very interested in offers, and so she decided to have a quick look at Shopster’s application.

Diane starts the application and enters her username and password for logging in. Diane after herlogin is navigated at the Home page. Diane clicks on the advance search button for searching some interesting offers. Diane fills in information about the offers she is interested. She searches offers on clothing, which are 50% off and are located in Southampton.  The application shows the results of potential offers that maybe are good for Diane. Diane clicks on an offer and is navigated to the offer’s page. The offers rating and commenting are too convincing so she decides to go and check for the offer with her friend. The problem is that she doesn’t know where the shop is located. So, she clicks on the shop for finding more information. The shop page is presented and Diane clicks on direction button. The next screen includes a map that gives directions about the shop’s location and how to get there.

UML Use Case

Search for an offer and for a shops location use case

User Interface Storyboards:

Logged in to Shopster

Select Search

Submit Search criteria

Select an offer from search results

View the Shop

View the Map Directions to the Shop

Lucy is a 15 years old student. After an exhausting day at school, Lucy wants to buy some new clothes, and she will go for shopping. Because she is exhausted decides to search for the top rated offers and to see if there is an offer that will be nice for her.

Lucy starts the application and enters her username and password for logging in. Lucy then is redirected at the Home page.  Lucy clicks on the offers button and is navigated to the Offers page.  Afterwards, Lucy clicks on the Top Rated offers tab for viewing the top rated offers and to decide if she will follow an offer.  After a quick view, she finds out one offer that interests her and clicks on it for seeing more information. The offers rating and commenting are too convincing so Lucy decides to go and check for the offer by herself.

UML Use Case

User Interface Storyboard:

Logged in to Shopster

Select Offers

Select an offer from search results

Select Comments

Insert Comment

Christine is a 30 year’s old married woman with two kids. Today she has found some free time, and she decided to go for shopping. However, because she hasn’t enough time for comparing prices and searching for offers and discounts, she decided to use Shopster application for finding the nearest offers and chase them.

Christine starts the application and gives his username and password for log in. Christine after his login is navigated at the Home page. Christine then clicks to enable the GPS locator search. The GPS is loaded and now she can see the nearest shops that provide offers. Christine clicks on shops with offers that she is interested for.  Subsequently, Christine is navigated at the page of the offers, and she reads some comments as also she view the rating about the offer (for deciding if he will chase that offer).

UML Use Case

Search via GPS use case

User Interface Storyboard

Logged in to Shopster

View Home

GPS Activation and Search for nearby Shops

Select a shop from the map

View the offers by the shop

Select a specific offer from the shop

View Comments

Insert a Comment and Rating

Jeremy is a 19 years old student. He recently learned about Shopster application, and he wants to contribute to this new idea. Jeremy has just return from his shopping, and he has used Shopster for finding some offers. After he checked those offers at the stores, now he wants to leave some feedback (rate and comment) about those.

Jeremy starts the application and gives his username and password for log in. Jeremy after his login is navigated at the Home page. Jeremy clicks on the advance search button for searching a specific offer. Jeremy writes the needed information for the offer (the offer he checked today) and asks for a search. Then, Jeremy is navigated at the search result’s page. Jeremy clicks on the appropriate offer and is navigated again at the page of the offer. There can see reviews from other users as also the overall rating. After reading those reviews Jeremy shares his experience by posting a comment and rate the offer according to his own experience.

UML Use Case

Search for an offer and rate and commenting it use case

User Interface Storyboard:

Logged in to Shopster

Search for an offer

Submit search with criteria

Select an offer

View shop

View Comments

Insert Comment and Rating

Roger is 45 years old and is a shop owner of a small shop that sells clothes at Southampton. Roger after paying membership for Shopster application. he decides to post his first offer in the application.

Roger starts the application and enters his username and password for log in. After Roger is logged in, the Home page is loaded. Roger clicks on the offers and is navigated to the Offers page. Roger clicks on the create offer button for creating a new offer and post it. Roger is navigated to the new offer screen, and there fill in information like a title for the offer, a description, the shop related to the offer, the discount, starting date and ending date. After filling up the form with the details Roger posts the offer.

UML Use Case

Post new offer use case

User Interface Storyboard

Logged in to Shopster

View Offers

Create a new offer