UC3 - Magic Mirror App

Sign Up View

Sign In View

Home View

User Account Sidebar View

Browse Garments Grid View

Favorites View

Garment Detailed View

Real Time Fitting View

3D Preview View


Usage Scenario 1.0: Sign up - Sign in

Use Case id: 3.1.0

Primary Actor: End user (Consumer)

Description

The user must sign up or sign in to use the app.

Pre-Conditions:

None.

Task Sequence:

The user opens the app and its greeted with a sign up / sign in screen. Providing a combination of an e-mail and password, the user can sign up for an account.

While signing up the user must also provide a gender and a size option for garment loading. The use must also agree to the privacy policy before creating an account.

The user can alternatively sign in using an existing account.


Usage Scenario 2.0: Sidebar User Account Actions

Use Case id: 3.2.0

Primary Actor: End user (Consumer)

Description

The user can perform a variety of actions in the User Account sidebar.

Pre-Conditions:

None.

Task Sequence:

After logging in and while on the “Home” screen, the user can press on the ‘hamburger’ icon button in the top left, or slide the screen to the right from the left edge, for the user account panel to appear. The actions that the user can perform are: -

  • Sign out
  • Update garment preferences (Size, Gender)

Use Case id: 3.3.0

Primary Actor: End user (Consumer)

Description

The user can browse garments and refine the browsing experience using filtering.

Pre-Conditions:

None.

Task Sequence:

After logging in in the app the user will be in the “Home” screen. By selecting the ‘Discover’ or ‘AR Enabled’ section, a grid of garment item thumbnails will appear.

The user can further refine this grid view by filtering by recommended garments or categories

To show Recommended garments:

  • The user can tap on the left dropdown component near the top of the screen and set Recommendations as ON.

To filter garment items based on available categories:

  • The user can tap on the right dropdown component to show a dropdown list with the available garment categories. Selecting a category will filter the garment list to show garments from this category only.

Usage Scenario 4.0: Add items to favorites

Use Case id: 3.4.0

Primary Actor: End user (Consumer)

Description

The user can add a garment to a list of favorites.

Pre-Conditions:

None.

Task Sequence:

When navigating the garments in a grid view, a user can tap on the ‘unfilled’ heart icon to add that garment item to a favorite list. By tapping it again, it is removed from the list. The garment item can be also added to favorites from the real-time fit view or the 3D view.


Usage Scenario 4.1: Favorites management

Use Case id: 3.4.1

Primary Actor: End user (Consumer)

Description

The user can access a section in the app to see and interact with all of the favorite garments.

Pre-Conditions:

The user must have at least one favorite item.

Task Sequence:

While being on the Home view, the user can tap on the Favorites section in the bottom to access the Favorites view. There the user can perform the following actions:

  • Tap on a garment item so the garment item page can load and see all the available information about it.

  • Delete a garment item.

  • Tap on saved photos the user may have snapped when viewing the garment.


Usage Scenario 5.0: Garment Detailed view interactions

Use Case id: 3.5.0

Primary Actor: End user (Consumer)

Description

The user can view the properties of each garment item and perform various actions.

Pre-Conditions:

  1. The user is browsing the AR Enabled garments.

Task Sequence:

When navigating the garments in the grid view, a user can tap on a garment item to show its detailed view. In this view the user can perform the following actions:

  • See all the available photos of the garment item by sliding left or right on the photo component.
  • See the title and price of the garment.
  • Add the garment to the list of favorites by tapping on the heart icon.
  • Switch garment color if applicable.
  • Switch size, or see which other sizes are available.
  • View the garment in real-time fitting on the user self, using the phones back camera, by tapping on the camera button.
  • Preview the garment on a 3D model, by tapping on the 3D button.
  • Purchase the garment by tapping on the “Visit ODLO” button at the bottom.

Usage Scenario 5.1: Try on a garment - actions (Real Time Fitting)

Use Case id: 3.5.1

Primary Actor: End user (Consumer)

Description

Try on a garment that is available in the app and see the fit in real time using the back camera.

Pre-Conditions:

  1. The user is browsing the AR Enabled garments.
  2. (3.5.0) The user must be on the garment detailed view.

Task Sequence:

While on the garment detailed view, the user can tap on the camera icon to try it on, in real time using the phone back camera. In the real-time fitting view the user can perform the following actions:

  • Add the fitted garment to the favorites list
  • Change garment size using a dropdown.
  • If the fitted garment is available in different colors, a button is available in order to change colors.

Usage Scenario 5.2: 3D Preview a garment & actions

Use Case id: 3.5.2

Primary Actor: End user (Consumer)

Description

Preview a garment in 3D

Pre-Conditions:

  1. The user is browsing the AR Enabled garments.
  2. (3.5.0) The user must be on the garment detailed view.

Task Sequence:

While on the garment detailed view, the user can tap on the 3D icon to preview it in the 3D space. In the 3D preview view the user can perform the following actions:

  • Add the fitted garment to the favorites list.
  • Change garment size using a dropdown.
  • If the garment is available in different colors, a button is available in order to change colors.
  • Manipulate the 3D garment in X,Y,Z axes.