1. WE List
• WE List 是基于windows phone平台的一款创
意购物单应用程序。借用团购思想，通过
收集用户购物单信息为用户提供折扣。
• 这是一个课程项目。此文档进行了客户端
的交互设计。

2. Short touch to see related product , same
function as search button
Long touch to either remove or rename this item.
Add new list item here. Input the item name and
quantity.
Menu bar with three item: ADD, SEARCH and
SCAN
Home ScreenSHOPPING LIST
Latest New
Jan 1st 2012
QuantInput list item ...
5 Days A
Item Name
Quantity
H-Milch 1,5%
Gut & Günstig
EUR 9,84
Item Name
Quantity
UI for general product item with a
random photo
UI for specific product item

3. Create New Shopping List
Add new list item here. Input the item name and
quantity.
Menu bar with three item: ADD, SEARCH and
SCAN
Long touch to either remove or rename this item.
SHOPPING LIST
New
Jan 8st 2012
5 Days Ago 2 D
Qua ...List Item ...
Item Name
Quantity
H-Milch 1,5%
Gut & Günstig
EUR 9,84
Product name
Brand name
Price
Short touch to see related product
UI for specific product item
UI for general product item with a
random photo
Short touch to see product detail and related
product

4. Browse Product Detail
Long press to chage photo (“may have” function)
BROWSE PRODUCT
Cancel
People BProduct Detail
Photo
Price
Brand
ID: XXX-XXX-XXX-XXX
Name
General Category -> Specific Category Long press edit
Long press edit
Long press edit
Long press edit
Press to cancel the changes

5. Browse Related Product
Long touch to add the product to shopping list
and this item will be greyed out.
Short touch to enter new interface to see detail
product information.
Keywords
BROWSE PRODUCT
New search keywords ...
Product DePeople Buy
Product Name
Brand
Price
Votes
Product Name
Brand
Price
Votes
Product Name
Brand
Price
Votes
Keywords Location
“may have” function
Show search keywords and location

6. Search Product
Long touch to add the product to shopping list
and this item will be greyed out.
Short touch to enter new interface to see detail
product information.
Keywords
SEARCH PRODUCT
New search keywords ...
People Buy
Product Name
Brand
Price
Votes
Product Name
Brand
Price
Votes
Product Name
Brand
Price
Votes
Keywords Location
“may have” function
Show search keywords and location

7. Product DetailPRODUCT DETAIL
Photo
Price
Brand
ID: XXX-XXX-XXX-XXX
Name
General Category -> Specific Category

8. Browse Old Shopping List
Navigate Left to browse old shopping list. At
most 5 old shopping lists are stored locally.
Display format: x Days/Months Ago
SHOPPING LIST
Latest Ne
Jan 1st 2012
Input list item ... Quant
2 Days Ago
Item Name
Quantity
H-Milch 1,5%
Gut & Günstig
EUR 9,84
Item Name
Quantity

9. Add ProductADD PRODUCT
Tap to add new photo
Enter price ...
Enter brand ...
ID: XXX-XXX-XXX-XXX
Enter name ...
Choose Category

10. Add product Old list New list Search
Product
detail
Hot
product
Product
detail
Product
detail