seba's project: online grocery shopping mock-up design
Post on 03-Feb-2022
6 Views
Preview:
TRANSCRIPT
SEBA’s Project: Online Grocery ShoppingMock-up Design
Amin Chawki, Hesham Ghandour,Gramoz Goranci, Johannes Rauch
Technical University of MunichFaculty of Informatics
Course: Software Engineering for Business Application
Friday 31st May, 2013
Project Nr. 10 (TUM) Online Grocery Shopping Friday 31st May, 2013 1 / 17
Mock-up Design / Table of Contents
1 Use Case Diagram
2 Navigation
3 Managing Content
4 Trust and Credibility
5 Sign in
6 Additional Mock-Ups
Project Nr. 10 (TUM) Online Grocery Shopping Friday 31st May, 2013 2 / 17
Overview / Use Case Diagram
Manage AccountUser
View Products
Login
<<extend>>
<< include >>
<< include >>
Registered user
Guest
Search
Browse
Detail View
Add to basket
Automatic Order
View Basket
Register
Order
<<extend>>
<<extend>>
<<extend>>
<<extend>>
F3
H4
H2
H2
B2
B1
B2
F2
H4
<< include >>
Figure : Use Case for ”Online Grocery Shopping”: Enumerated filled circlerepresents a corresponding web design pattern for that specific action.
Project Nr. 10 (TUM) Online Grocery Shopping Friday 31st May, 2013 3 / 17
B: Navigation
B1 Multiple ways to navigate
Facilitates the process of finding products
Combines the idea of intention and impulse
B2 Browsable Content1 Provides several novel directions regarding the browsability issue
2 It includes, organization and categorization of our grocery products
Project Nr. 10 (TUM) Online Grocery Shopping Friday 31st May, 2013 4 / 17
D: Managing Content
D4 Internationalized Content
Munich is estimated to be a very multi-cultuar city
This pattern could be easily applied
D1 Page Templates
1 Solves the problem of delivering a well-organized web pages
2 Doesn’t change the way how information is organized
Project Nr. 10 (TUM) Online Grocery Shopping Friday 31st May, 2013 6 / 17
D: Managing Content / Mock-Up
Project Nr. 10 (TUM) Online Grocery Shopping Friday 31st May, 2013 7 / 17
E: Trust and Credibility
E1 Site branding
Creates a simple logo, and keeps consistent in each webpage
Positions the logo in a place where user can easily ”capture”
E4 & E5 Privacy policy & About us
1 Gives more information regarding the manner how website work andit’s managed
2 Both, very important to our model, in the effort of building trustand credibility
Project Nr. 10 (TUM) Online Grocery Shopping Friday 31st May, 2013 8 / 17
E: Trust and Credibility / Mock-Up
Project Nr. 10 (TUM) Online Grocery Shopping Friday 31st May, 2013 9 / 17
H: Sign in
Ha Late login
Users can search and add products to the basket without logging in
Generates more traffic
Hb Storing username locally
1 Helps users
2 Can be annoying to type in the username every time
Project Nr. 10 (TUM) Online Grocery Shopping Friday 31st May, 2013 10 / 17
F2: Clean Product Details / Mock-Up
Project Nr. 10 (TUM) Online Grocery Shopping Friday 31st May, 2013 13 / 17
F3: Shopping Cart / Mock-Up
Project Nr. 10 (TUM) Online Grocery Shopping Friday 31st May, 2013 14 / 17
H4: Account Management / Mock-Up
Project Nr. 10 (TUM) Online Grocery Shopping Friday 31st May, 2013 15 / 17
H2: New Account (Register) / Mock-Up
Project Nr. 10 (TUM) Online Grocery Shopping Friday 31st May, 2013 16 / 17
top related