18
EZ-Mall guide logo George Abraham

EZ-Mall guide logo George Abraham - Drexel Universitysga72/docs/eZ Mall- Mockups Post... · 2009. 3. 9. · Task 2 Add stores to a list of $ Store list Product category Favorite stores

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: EZ-Mall guide logo George Abraham - Drexel Universitysga72/docs/eZ Mall- Mockups Post... · 2009. 3. 9. · Task 2 Add stores to a list of $ Store list Product category Favorite stores

EZ-Mall guide logo George Abraham

Page 2: EZ-Mall guide logo George Abraham - Drexel Universitysga72/docs/eZ Mall- Mockups Post... · 2009. 3. 9. · Task 2 Add stores to a list of $ Store list Product category Favorite stores

Root concept & Competitive

Analysis

Interviews &Affinity diagram

Flow Model Prototype Reqts. Usability testing (paper prototypes)

Revisit Reqts.

ROOT CONCEPT

“Our design proposal would implement

technology and user-interface elements to communicate to the users their current location on the map.location on the map.

In addition to providing the physical location of the stores, we would further provide the

directions to the desired stores.”

Page 3: EZ-Mall guide logo George Abraham - Drexel Universitysga72/docs/eZ Mall- Mockups Post... · 2009. 3. 9. · Task 2 Add stores to a list of $ Store list Product category Favorite stores

Problems ez mall requirements

• The competitors product is an interactive map but could not determine the users current location.

Location awareness

• It provided only the physical location of the store but not the directions.

Provide store directions

• “Store history” feature limited and not intuitive.

List of favorite stores

COMPETITIVE ANALYSIS

Root concept & Competitive

Analysis

Interviews &Affinity diagram

Flow Model Prototype Reqts. Usability testing (paper prototypes)

Revisit Reqts.

intuitive.

• No allowance for creating a shopping list. Shopping List

• The map provided vanilla store information but nothing relating to sales, discounts.

Context aware promotions

• Users could interact with map only through the text portion of e-map.

Directly manipulate Interface

• Help is not provided for users while using the e-map.

Provide contextual help

Page 4: EZ-Mall guide logo George Abraham - Drexel Universitysga72/docs/eZ Mall- Mockups Post... · 2009. 3. 9. · Task 2 Add stores to a list of $ Store list Product category Favorite stores

Root concept & Competitive

Analysis

Interviews &Affinity diagram

Flow Model Prototype Reqts. Usability testing (paper prototypes)

Revisit Reqts.

interview statements

“In malls I search for stores based on product

type.”

“I feel the stores should be listed based on

product categories.”

REQUIREMENTS FROM INTERVIEWez mall requirements

Product based search

product categories.”

“As I said, I just look for stores where I want to go.”

“I already have stores in my mind, so I just need to see where they are located.”

“Being able to make a favorite list of stores and showing it on the map is very helpful.”

“User should be able to pan and zoom on the interactive map.”

Store based search

Provide directions to the store

Favorite List

Pan and Zoom on Map

Page 5: EZ-Mall guide logo George Abraham - Drexel Universitysga72/docs/eZ Mall- Mockups Post... · 2009. 3. 9. · Task 2 Add stores to a list of $ Store list Product category Favorite stores

interview statements

“The thing that I dislike the most about the mall

is that they just don’t tell me at times “YOU ARE

HERE”.

Root concept & Competitive

Analysis

Interviews &Affinity diagram

Flow Model Prototype Reqts. Usability testing (paper prototypes)

Revisit Reqts.

REQUIREMENTS FROM INTERVIEWez mall

requirements

“YOU ARE HERE” feature

“In a interactive map there should be some way of ranking the stores based on my preference.”

“It would be nice if I could get information regarding sales promotions at the stores.”

“It would nice if I can find my friends using this new mall guide.”

Personalized store listing

Sale Information

Find Friends

Page 6: EZ-Mall guide logo George Abraham - Drexel Universitysga72/docs/eZ Mall- Mockups Post... · 2009. 3. 9. · Task 2 Add stores to a list of $ Store list Product category Favorite stores

Root concept & Competitive

Analysis

Interviews &Affinity diagram

Flow Model Prototype Reqts. Usability testing (paper prototypes)

Revisit Reqts.

Affinity Diagram

Page 7: EZ-Mall guide logo George Abraham - Drexel Universitysga72/docs/eZ Mall- Mockups Post... · 2009. 3. 9. · Task 2 Add stores to a list of $ Store list Product category Favorite stores

Root concept & Competitive

Analysis

Interviews &Affinity diagram

Flow Model Prototype Reqts. Usability testing (paper prototypes)

Revisit Reqts.

Page 8: EZ-Mall guide logo George Abraham - Drexel Universitysga72/docs/eZ Mall- Mockups Post... · 2009. 3. 9. · Task 2 Add stores to a list of $ Store list Product category Favorite stores

Root concept & Competitive

Analysis

Interviews &Affinity diagram

Flow Model Prototype Reqts. Usability testing (paper prototypes)

Revisit Reqts.

1. Directions

2. User focus on the map in relation to mall

3. Store Listing Alphabetically and by Category

4. Store Information (Hours, Phone No, Sale Info)

EZ MALL GUIDE - REQUIREMENTS

Phone No, Sale Info)

5. Mall Layout (Pan and Zoom function)

6. Mall Information (Events, notifications)

7. Locate others within the mall

Page 9: EZ-Mall guide logo George Abraham - Drexel Universitysga72/docs/eZ Mall- Mockups Post... · 2009. 3. 9. · Task 2 Add stores to a list of $ Store list Product category Favorite stores

Root concept & Competitive

Analysis

Interviews &Affinity diagram

Flow Model Prototype Reqts. Usability testing (paper

prototypes)

Revisit Reqts.

Prototype Requirements

� “YOU ARE HERE” feature

� Provide store directions

� Product based search

� Store based search

� Provide contextual help� Provide contextual help

� Pan and Zoom on Map

� List of favorite stores

� Shopping List

� Context aware promotions (ex. Sale Information)

� Directly manipulate Interface

� Find Friends

Page 10: EZ-Mall guide logo George Abraham - Drexel Universitysga72/docs/eZ Mall- Mockups Post... · 2009. 3. 9. · Task 2 Add stores to a list of $ Store list Product category Favorite stores

$

++

1

2

Task 1

ATM

Upper level++

1

2 ATM

Escalator

X

Root concept & Competitive

Analysis

Interviews &Affinity diagram

Flow Model Prototype Reqts. Usability testing (paper prototypes)

Revisit Reqts.

? Store search

BEFORE

Task 1 Find a Godiva Store.

AFTER

? Store search

Family restroom

Restrooms

Elevator

Page 11: EZ-Mall guide logo George Abraham - Drexel Universitysga72/docs/eZ Mall- Mockups Post... · 2009. 3. 9. · Task 2 Add stores to a list of $ Store list Product category Favorite stores

$ $

Auto fill

1

Root concept & Competitive

Analysis

Interviews &Affinity diagram

Flow Model Prototype Reqts. Revisit Reqts.

Pattern: Auto fill

Usability testing (paper prototypes)

?

1

BEFORE

?

AFTER

Page 12: EZ-Mall guide logo George Abraham - Drexel Universitysga72/docs/eZ Mall- Mockups Post... · 2009. 3. 9. · Task 2 Add stores to a list of $ Store list Product category Favorite stores

Task 2 Add stores to a list of

$

Store list

Product category

Favorite stores

Shopping list

EZ-Mall set-up

1

2

$

Store list

Product category

Favorite stores

Shopping list

EZ-Mall set-up

C

L

O

S

1

2

Pattern:

Slide out Menu

Root concept & Competitive

Analysis

Interviews &Affinity diagram

Flow Model Prototype Reqts. Revisit Reqts.Usability testing (paper prototypes)

Add stores to a list offavorite stores.

?

Return to parking

Find-a-friend

Dining

Mall-Security

Store search

BEFORE

? Store search

Return to parking

Find-a-friend

Dining

Mall-Security

S

E

AFTER

Page 13: EZ-Mall guide logo George Abraham - Drexel Universitysga72/docs/eZ Mall- Mockups Post... · 2009. 3. 9. · Task 2 Add stores to a list of $ Store list Product category Favorite stores

Add Stores

1

2

Type store name +

STORE | PRODUCT | FAVORITE | SHOPPING

LIST CATEGORY STORES LIST

FAVORITESTORES

1

2

Pattern:

Module Tabs

Root concept & Competitive

Analysis

Interviews &Affinity diagram

Flow Model Prototype Reqts. Revisit Reqts.Usability testing (paper prototypes)

?

BEFORE

?

Clear List Map

AFTER

Page 14: EZ-Mall guide logo George Abraham - Drexel Universitysga72/docs/eZ Mall- Mockups Post... · 2009. 3. 9. · Task 2 Add stores to a list of $ Store list Product category Favorite stores

Add Stores1 Type store name +

STORE | PRODUCT | FAVORITE | SHOPPING

LIST CATEGORY STORES LIST

FAVORITESTORES

Auto fill

1

+

Root concept & Competitive

Analysis

Interviews &Affinity diagram

Flow Model Prototype Reqts. Revisit Reqts.Usability testing (paper prototypes)

?

BEFORE

?

Clear List Map

AFTER

Page 15: EZ-Mall guide logo George Abraham - Drexel Universitysga72/docs/eZ Mall- Mockups Post... · 2009. 3. 9. · Task 2 Add stores to a list of $ Store list Product category Favorite stores

Task 3 Find a medium priced

search

ALL > DINING

RestaurantsAmericanChineseCuban.Thai

search

ALL > DINING

RestaurantsAmericanChineseCuban.

STORE | PRODUCT | FAVORITE | SHOPPING

LIST CATEGORY STORES LIST

PRODUCTCATEGORY

Pattern:

Bread crumbs

Root concept & Competitive

Analysis

Interviews &Affinity diagram

Flow Model Prototype Reqts. Revisit Reqts.Usability testing (paper prototypes)

Find a medium pricedThai restaurant.

?

ThaiThe bamboo club $$)Thai Bowl ($)Random Thai ($$$)

Food-courtsSnack Food and Eateries

1

BEFORE

?

.Thai

Thai Bowl ($)The bamboo club ($$)Random Thai ($$$)

Food-courtsSnack Food and Eateries

1

AFTER

Page 16: EZ-Mall guide logo George Abraham - Drexel Universitysga72/docs/eZ Mall- Mockups Post... · 2009. 3. 9. · Task 2 Add stores to a list of $ Store list Product category Favorite stores

Task 4 Find the nearest

$

$

$

12

ATM

ATM

ATM

1 2

Root concept & Competitive

Analysis

Interviews &Affinity diagram

Flow Model Prototype Reqts. Revisit Reqts.Usability testing (paper prototypes)

Find the nearestATM.

BEFORE

? Store search

$

$

AFTER

? Store search

ATM

ATM

Page 17: EZ-Mall guide logo George Abraham - Drexel Universitysga72/docs/eZ Mall- Mockups Post... · 2009. 3. 9. · Task 2 Add stores to a list of $ Store list Product category Favorite stores

Root concept & Competitive

Analysis

Interviews &Affinity diagram

Flow Model Prototype Reqts. Usability testing (paper prototypes)

Revisit Reqts.

User comments post-usability Testing

�Cool Idea

�Very Useful

�Attractive Design

�Easy to use search functions

�Store Search, Restaurant Search, Browse by Category

�Straightforward commands

�Interesting Features

�Find a Friend, Sale Notifications, Favorite Stores

Page 18: EZ-Mall guide logo George Abraham - Drexel Universitysga72/docs/eZ Mall- Mockups Post... · 2009. 3. 9. · Task 2 Add stores to a list of $ Store list Product category Favorite stores

Root concept & Competitive

Analysis

Interviews &Affinity diagram

Flow Model Prototype Reqts. Usability testing (paper

prototypes)

Revisit Reqts.

SUMMARY OF CHANGESmap page menu page tab page

Show floor Info Once the menu is open, rename menu to CLOSE

Users found it tough to add store in the fav list. Use “Add” text or “+” symbol

Show Favorites on Map with “Heart Sign”

Change Shape of MAP and MENU: Make it semicircular and less

Price should be sorting factor for the list of restaurants of a semicircular and less

angularrestaurants of a particular cuisine

Blink the closest ATM/Restroom to user

Gray out toggle and zoom bar when menu is opened

Make tabs more prominent

Ability of expand out captions for icons & close expanded captions

Instead of “$” show “ATM”

Show the virtual keyboard