starbucks nutrition fact interface

33
Nutrition by the Cup Help ? Order now What should I drink ?

Upload: busaya-kittirungsi

Post on 12-Mar-2016

227 views

Category:

Documents


0 download

DESCRIPTION

This is the interface design of Starbucks pay-by-yourself kiosk

TRANSCRIPT

Page 1: Starbucks Nutrition Fact interface

Nutrition by the Cup Help

?

Order now

What should I drink ?

Page 2: Starbucks Nutrition Fact interface

Nutrition by the Cup HelpOrder Lis tChoose Menu Compare

?

PAY N OW

x x x

---- Select Group ----

--- Select Nutrition ---

---- Select Product ----

---- Add-On ----

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

[+] Add to Compare

Hot or Cold

Choose By Product

Page 3: Starbucks Nutrition Fact interface

Nutrition by the Cup HelpOrder Lis tChoose Menu Compare

?

PAY N OW

x x x

--- Select Nutrition ---

---- Select Product ----

---- Add-On ----

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

[+] Add to Compare

Hot or Cold

Hot Beverage Cold Beverage

Choose By Product

Page 4: Starbucks Nutrition Fact interface

Nutrition by the Cup HelpOrder Lis tChoose Menu Compare

?

PAY N OW

x x x

--- Select Nutrition ---

---- Select Product ----

---- Add-On ----

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

[+] Add to Compare

Hot or Cold

Hot Beverage

Choose By Product

Page 5: Starbucks Nutrition Fact interface

Nutrition by the Cup HelpOrder Lis tChoose Menu Compare

?

PAY N OW

x x x

---- Select Product ----

---- Add-On ----

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

[+] Add to Compare

Hot or Cold

Hot Beverage

Caffeine Calor ie Sugar Sodium Fat Choose By Product

Page 6: Starbucks Nutrition Fact interface

Nutrition by the Cup HelpOrder Lis tChoose Menu Compare

?

PAY N OW

x x x

Hot > Caffeine level

---- Select Product ----

---- Add-On ----

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

[+] Add to Compare

Hot or Cold

Hot Beverage

Caffeine

Low

Caramel Apple Spice

Hot ChTazo® Brewed Awaken Tea

Tazo® Full-Leaf Tea Latte

Tazo® Full-Leaf Red Tea Latte

0 20Var ies Var iesVar ies

Choose By Product

Page 7: Starbucks Nutrition Fact interface

Nutrition by the Cup HelpOrder Lis tChoose Menu Compare

?

PAY N OW

x x x

Hot > Caffeine level

---- Select Product ----

---- Add-On ----

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

[+] Add to Compare

Hot or Cold

Hot Beverage

Caffeine

Vanilla Latte Cappuccino Caracolate White Chocolate Mocha

Tazo® Green Tea Latte

Med

85857555 75 75

Choose By Product

Page 8: Starbucks Nutrition Fact interface

Nutrition by the Cup HelpOrder Lis tChoose Menu Compare

?

PAY N OW

x x x

Hot > Caffeine level

---- Select Product ----

---- Add-On ----

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

[+] Add to Compare

Hot or Cold

Hot Beverage

Caffeine

85 2601509585

High

Caramel MacchiatoBrew Coffee

Caffé Mocha Caffé Americano Brewed Coffee Chocolate

Choose By Product

Page 9: Starbucks Nutrition Fact interface

Nutrition by the Cup HelpOrder Lis tChoose Menu Compare

?

PAY N OW

x x x

Hot > Caffeine level

---- Select Product ----

---- Add-On ----

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

[+] Add to Compare

Hot or Cold

Hot Beverage

Caffeine

HighView All Nutrition

[+] Drag to Compare

85 26015095

Caramel Macchiato Caffé Mocha Caffé Americano Brewed Coffee Chocolate

Choose By Product

Page 10: Starbucks Nutrition Fact interface

Nutrition by the Cup HelpOrder Lis tChoose Menu Compare

?

PAY N OW

x x x

Hot > Caffeine level

---- Select Product ----

---- Add-On ----

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

[+] Add to Compare

Hot or Cold

Hot Beverage

Caffeine

High

8585 26015095

Caramel Macchiato

Ca ra mel Ma cchiato

Ta ll

Caffé Mocha Caffé Americano Brewed Coffee Chocolate

Choose By Product

Page 11: Starbucks Nutrition Fact interface

Nutrition by the Cup HelpOrder Lis tChoose Menu Compare

?

PAY N OW

x x x

Hot > Caffeine level

---- Select Product ----

---- Add-On ----

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

[+] Add to Compare

Hot or Cold

Hot Beverage

Caffeine

Ca ra mel Ma cchiato

Ta ll

High

8585 26015095

Caramel Macchiato Caffé Mocha Caffé Americano Brewed Coffee Chocolate

Choose Type of Beverage

Page 12: Starbucks Nutrition Fact interface

Nutrition by the Cup HelpOrder Lis tChoose Menu Compare

?

PAY N OW

x x x

Hot > Caffeine level

---- Select Product ----

---- Add-On ----

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

[+] Add to Compare

Hot Beverage

Caffeine

Ca ra mel Ma cchiato

Ta ll

High

8585 26015095

Caramel Macchiato Caffé Mocha Caffé Americano Brewed Coffee Chocolate

Find product name

Page 13: Starbucks Nutrition Fact interface

Nutrition by the Cup HelpOrder Lis tChoose Menu Compare

?

PAY N OW

x x x

Hot > Caffeine level

---- Select Product ----

---- Add-On ----

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

[+] Add to Compare

Hot Beverage

Caffeine

Ca ra mel Ma cchiato

Ta ll

High

8585 26015095

Caramel Macchiato Caffé Mocha Caffé Americano Brewed Coffee Chocolate

Find product name

Caffe’ Latte Caffe’ Mocha Vanilla Latte Caffe’ Americano Cappuccino Espresso Caramel Macchiato Tazo Tea

Page 14: Starbucks Nutrition Fact interface

PAY N OW

x x x

Nutrition by the Cup HelpOrder Lis tChoose Menu Compare

?

Hot > Caffeine level

Hot Beverage

Caffeine

---- Add-On ----

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

[+] Add to Compare

Cappuccino

Ca ra mel Ma cchiato

Ta ll

High

8585 26015095

Caramel Macchiato Caffé Mocha Caffé Americano Brewed Coffee Chocolate

12 oz

Choose Size

Page 15: Starbucks Nutrition Fact interface

PAY N OW

x x x

Nutrition by the Cup HelpOrder Lis tChoose Menu Compare

?

Hot > Caffeine level

Hot Beverage

Caffeine

---- Add-On ----

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

[+] Add to Compare

Cappuccino

Ca ra mel Ma cchiato

Ta ll

High

8585 26015095

Caramel Macchiato Caffé Mocha Caffé Americano Brewed Coffee Chocolate

12 oz

Choose Milk

Page 16: Starbucks Nutrition Fact interface

PAY N OW

x x x

Nutrition by the Cup HelpOrder Lis tChoose Menu Compare

?

Hot > Caffeine level

Hot Beverage

Caffeine

---- Add-On ----

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

[+] Add to Compare

Cappuccino

Ca ra mel Ma cchiato

Ta ll

High

8585 26015095

Caramel Macchiato Caffé Mocha Caffé Americano Brewed Coffee Chocolate

12 oz

Choose Add-on

Page 17: Starbucks Nutrition Fact interface

PAY N OW

x x x

Nutrition by the Cup HelpOrder Lis tChoose Menu Compare

?

Hot > Caffeine level

Hot Beverage

Caffeine

---- Add-On ----

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

[+] Add to Compare

Cappuccino

None - - - - - - - - - - - - - - - - - Whipped cream Syrup Sugar-free Syrup Mocha Syrup Chocolate Drizzle Caramel Drizzle Espresso Shot

Ca ra mel Ma cchiato

Ta ll

High

8585 26015095

Caramel Macchiato Caffé Mocha Caffé Americano Brewed Coffee Chocolate

12 oz

Page 18: Starbucks Nutrition Fact interface

PAY N OW

x x x

Nutrition by the Cup HelpOrder Lis tChoose Menu Compare

?

Hot > Caffeine level

Hot Beverage

Caffeine

None

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

[+] Add to Compare

Cappuccino

Ca ra mel Ma cchiato

Ta ll

High

8585 26015095

Caramel Macchiato Caffé Mocha Caffé Americano Brewed Coffee Chocolate

12 oz

Page 19: Starbucks Nutrition Fact interface

PAY N OW

x x x

Nutrition by the Cup HelpOrder Lis tChoose Menu Compare

?

Hot > Caffeine level

Hot Beverage

Caffeine

None

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

[+] Add to Compare

Cappuccino

Ca ra mel Ma cchiato Capuccino

Ta llTa ll

High

8585 26015095

Caramel Macchiato Caffé Mocha Caffé Americano Brewed Coffee Chocolate

12 oz

COMPARE NUTRITION

Page 20: Starbucks Nutrition Fact interface

x x x

PAY N OW

Nutrition by the Cup HelpOrder Lis tChoose Menu Compare

?

Hot > Caffeine level

Hot Beverage

Caffeine

None

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

[+] Add to Compare

Cappuccino

Ca ra mel Ma cchiato Capuccino

Ta llTa ll

High

8585 26015095

Caramel Macchiato Caffé Mocha Caffé Americano Brewed Coffee Chocolate

12 oz

COMPARE NUTRITION

Page 21: Starbucks Nutrition Fact interface

PAY N OW

x x x

Nutrition by the Cup HelpOrder Lis tChoose Menu Compare

?

Hot > Caffeine level

Hot Beverage

Caffeine

None

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

[+] Add to Compare

Cappuccino

Ca ra mel Ma cchiato Capuccino

Ta llTa ll

High

8585 26015095

Caramel Macchiato Caffé Mocha Caffé Americano Brewed Coffee Chocolate

12 oz

COMPARE NUTRITION

Caramel Machiato CappuccinoTall (12 oz) Tall (12 oz)2% Milk 2% Milk

Edit Edit

PAY N OW

x

Caffeine (mg)

Calories (kcal)

Sugar (g)

Sodium (mg)

Fat (g)

Price 4.65 $

85 75

90

8

70

3

180

23

100

5

4.50 $

{+} Add

Page 22: Starbucks Nutrition Fact interface

PAY N OW

x x x

Nutrition by the Cup HelpOrder Lis tChoose Menu Compare

?

Hot > Caffeine level

Hot Beverage

Caffeine

None

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

[+] Add to Compare

Cappuccino

Ca ra mel Ma cchiato Capuccino

Ta llTa ll

High

8585 26015095

Caramel Macchiato Caffé Mocha Caffé Americano Brewed Coffee Chocolate

12 oz

COMPARE NUTRITION

Caramel Machiato CappuccinoTall (12 oz) Tall (12 oz)2% Milk 2% Milk

Edit Edit

PAY N OW

x

Caffeine (mg)

Calories (kcal)

Sugar (g)

Sodium (mg)

Fat (g)

Price 4.65 $

85 75

90

8

70

3

180

23

100

5

4.50 $

{+} Add

Page 23: Starbucks Nutrition Fact interface

PAY N OW

x x x

Nutrition by the Cup HelpOrder Lis tChoose Menu Compare

?

Hot > Caffeine level

Hot Beverage

Caffeine

None

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

[+] Add to Compare

Cappuccino

Ca ra mel Ma cchiato Capuccino

Ta llTa ll

High

8585 26015095

Caramel Macchiato Caffé Mocha Caffé Americano Brewed Coffee Chocolate

12 oz

COMPARE NUTRITION

Caramel Machiato CappuccinoTall (12 oz) Tall (12 oz)2% Milk 2% Milk

Edit Edit

PAY N OW

x

Caffeine (mg)

Calories (kcal)

Sugar (g)

Sodium (mg)

Fat (g)

Price 4.65 $

85 75

90

8

70

3

180

23

100

5

4.50 $

{+} Add

Page 24: Starbucks Nutrition Fact interface

Nutrition by the Cup HelpOrder Lis tChoose Menu

?

---- Select Product ----

---- Add-On ----

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

[+] Add to List

Choose Type of Beverage Hot or Cold

Page 25: Starbucks Nutrition Fact interface

Nutrition by the Cup HelpOrder Lis tChoose Menu

?

---- Select Product ----

---- Add-On ----

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

Find product name

[+] Add to List

Page 26: Starbucks Nutrition Fact interface

Nutrition by the Cup HelpOrder Lis tChoose Menu

?

---- Add-On ----

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

Find product name

Caffe’ Latte Caffe’ Mocha Vanilla Latte Caffe’ Americano Cappuccino Espresso Caramel Macchiato Tazo Tea

Page 27: Starbucks Nutrition Fact interface

Nutrition by the Cup HelpOrder Lis tChoose Menu

?

---- Add-On ----

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

Cappuccino

12 oz

Choose Size

[+] Add to List

Page 28: Starbucks Nutrition Fact interface

Nutrition by the Cup HelpOrder Lis tChoose Menu

?

---- Add-On ----

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

Cappuccino

Choose Milk

12 oz

[+] Add to List

Page 29: Starbucks Nutrition Fact interface

Nutrition by the Cup HelpOrder Lis tChoose Menu

?

---- Add-On ----

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

Cappuccino

Choose Add-on

[+] Add to List

12 oz

Page 30: Starbucks Nutrition Fact interface

Nutrition by the Cup HelpOrder Lis tChoose Menu

?

---- Add-On ----

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

Cappuccino

12 oz

None - - - - - - - - - - - - - - - - - Whipped cream Syrup Sugar-free Syrup Mocha Syrup Chocolate Drizzle Caramel Drizzle Espresso Shot

Page 31: Starbucks Nutrition Fact interface

Nutrition by the Cup HelpOrder Lis tChoose Menu

?

None

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

Cappuccino

12 oz

[+] Add to List

Page 32: Starbucks Nutrition Fact interface

Nutrition by the Cup HelpOrder Lis tChoose Menu Compare

?

---- Select Product ----

---- Add-On ----

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

CAPPUCCINO

I tem Siz e Milk Add -o n Quant ity Pr i ce

TA LL 2 % NO NE

[+ ] add more items

1 4.50 xEdit

[+] Add to List

Page 33: Starbucks Nutrition Fact interface

Nutrition by the Cup HelpOrder Lis tChoose Menu Compare

?

---- Select Product ----

---- Add-On ----

Short Tall Grande Venti

2%Nonfat Soymilk2%

PAY N OW

. . . P LEA S E SWIP E T H E CA R D. ..

CAPPUCCINO

I tem Siz e Milk Add -o n Quant ity Pr i ce

TA LL 2 % NO NE

Tax

Tot al

[+ ] add more items

1 4.50

0.41

4.9 1

xEdit

[+] Add to List