Wf mh custom_storefronts_final
Transcript of Wf mh custom_storefronts_final
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 4 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
Student Purchase Flow: McGraw-Hill Custom Storefronts
Institutional Site
yes
nounique link to microsite
provided by MH
Product Detail *
Microsite Portalby Products
Marketing/Product Sites(i.e. "LearnSmart", "APR")
unique link to micrositeprovided by MH
yes
Create an Account (PARIS)
no
Cart
Create an Account (PARIS)
Have an account?
Secure login(PARIS)
loggedin?
no
yes
Connect Product Comparison
Page w/upsell
Checkout(PARIS)
SecurityTurned
On
no
yesAAIRSSecure Login?
Browse Results(1 or 2 levels)
Microsite Portalby Category
Connect
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 5 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
McGraw-Hill Custom Storefronts User Stories:
Content Organization:• I want to customize brand categories in alphabetical order or in the sequence they were entered.• I want to customize "Useful Resources" links.• I want to customize "Featured Products" in the Home page.
Front-end Display:• I want to customize colors for the header and footer background.• I want to customize different colors for the links and buttons.• I want to customize fonts and choose either a Sans-Serif (i.e. Ariel) or a Serif (i.e. Times) font.• I want to display a logo on the Microsite.• I want the logo (or inserted text) to take the user to an institution's website.• I want to display folder images for categories.• I want to display book images for books.• I want to display or hide the Search Box and Browse dropdown.• I want to display products as tiles on the Home Page.• I want to display the background color as a gradient.
Admin will control these settings:
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 6 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
McGraw-Hill Custom Storefronts: Student Purchase
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 7 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
0.0- Student Purchase Flow: Home: configurable content and customizable design
Content(by category, product, or combination of both)
SpecificationsCase shown: Microsite page content and design are configurable by admin.
Admin can:
Specifications
Sidebar(with links)
Global Navigation
D Configure and customize content (including header and category names, fonts, font style, size and color).
E Add links to external sites.This area is only available on homepage and is optional. Font, font style, size and color are customizable.
LOGOB C
D E
A
A Customize background color
B Upload school logo. onClick, user is taken to school home page.
C Display: global navigation. Font, font style, size and color are customizable.
CC
F
F Add search box and browse (this functionality is optional).
G
G Display: breadcrumb (starting with school (or product) homepage).
School Home Page > Shop
searchEnter book title, author, keyword or ISBNSearch and Browse (optional)
footer
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 8 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
0.0.1 - Global Navigation
Welcome, Laura! Home Help Sign out My Account (#)
I Global nav (registered user with no items are in shopping cart).
H Global nav (anonymous user with items in the shopping cart). Display: numeric value.
Welcome, Laura! Home Help Sign out My Account (#)
LOGO
LOGO
LOGO
LOGO
Home Help Sign In (#)
Home Help Sign In (#)
Specifications
Case shown: global navigation for 3 states.
G Global nav (anonymous user with no items in shopping cart).
A onClick, user is taken to school homepage.
B onClick, user is taken to customer service information page.
C onClick, user invokes "sign in/sign out" slide down menu to sign in or create an account.
D Display number of items in shopping card. onClick, open shopping cart.
A B C D
J Global nav (registered user with items are in shopping cart). Display: numeric value.
A B C D
A B C D
E F
A B C D
E F
E Welcome Message displays (Display: first name).
F A link to "My Account" page now displays .
G
H
I
J
A
A
A
A
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 9 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
0.0.1 - ADA: Global Navigation
Welcome, Laura! Home Help Sign out My Account (0)
Welcome, Laura! Home Help Sign out My Account (#)
LOGO
LOGO
LOGO
LOGO
Home Help Sign In (#)
Home Help Sign In (0) 1
1.11.2 1.3 1.4 1.5
1.11.2 1.3 1.4 1.5
1.11.2 1.3 1.4 1.5
1.11.2 1.3 1.4 1.5
1.6
1.6
1.7
1.7
1
first
first
first
first
open <Store Name>
open <Store Name>
open <Store Name>
open <Store Name>
1
1
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 10 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
0.0.2 - Footer
Shop Logo
Powered by Mcgraw-Hill Learning Solutions
SupportReturn PolicyCustomer Support Site
PolicyTerms of UsePrivacy Notice
FShop Logo
Powered by Mcgraw-Hill Learning Solutions
Specifications
Case shown: footer (as it appears on all pages except checkout screens (9.0-9.5.2 )(see annotation K). All links will open in a new browser window.
A Terms of use (link: http://www.mcgraw-hill.com/site/tools/terms-of-use)
B
A
D
C
B Privacy notice (link: http://www.mcgraw-hill.com/site/tools/privacy/privacy_english)
C Return Policy. onClick go to "Return Policy Page" (http: TBD)
D Customer Support: onClick will go to internal page (http: TBD)
E Display MH logo and "Powered by McGraw-Hill Learning Solutions" and Copyright date (should automatically update to current year).
F Links will be removed from checkout screens.
E
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 11 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
0.0.2 - ADA: Footer
Shop Logo
Powered by Mcgraw-Hill Learning Solutions
SupportReturn PolicyCustomer Support Site
PolicyTerms of UsePrivacy Notice
1
last
<Shop McGraw-HIll>
<McGraw-HIll>1.2
1.1
1.4
1.3
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 12 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
0.1 - 403 error "Forbidden"
We seem to be having some difficulty finding this page
Error 403 - Forbidden
Sorry
What to do next:
C
A
A
B
C
Specifications
Error: The Server is refusing to fulfill the request
"Page Missing" message displays.
onClick, user returns to previous page.
Error code displays.
Definition:The server understood the request, but is refusing to fulfill it. Authorization will not help and the request SHOULD NOT be repeated. If the request method was not HEAD and the server wishes to make public why the request has not been fulfilled, it SHOULD describe the reason for the refusal in the entity. If the server does not wish to make this information available to the client, the status code 404 (Not Found) can be used instead.
B
return to the previous page
go to previous page
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 13 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
0.2 - 404 error "Not Found"
We seem to be having some difficulty finding this page
Error 404 - Page Not Found
Sorry
What to do next:
C
B
A
A
B
C
Specifications
Error: Page not found.
"Page Not Found" message displays.
onClick, user returns to previous page.
Error code displays.
return to the previous page
go to previous page
Definition:The server has not found anything matching the Request-URI. No indication is given of whether the condition is temporary or permanent. The 410 (Gone) status code SHOULD be used if the server knows, through some internally configurable mechanism, that an old resource is permanently unavailable and has no forwarding address. This status code is commonly used when the server does not wish to reveal exactly why the request has been refused, or when no other response is applicable.
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 14 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
0.3 - 408 error "Request Timeout"
The request is taking longer than we expected
Error 408 - Request Timeout
Sorry
What to do next:
C
A A
B
C
Specifications
Error: The server did not produce a request within the time the server was prepared to wait
"Timed Out" message displays.
onClick, user reloads the page.
Error code displays.
reload your page
Try reloading your page to see if the problem is just temporary
reload this pageB
Definition:The client did not produce a request within the time that the server was prepared to wait. The client MAY repeat the request without modifications at any later time.
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 15 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
0.4 - 500 error "Internal Server Error"
We seem to be having some difficulty finding this page
Error 500 - Internal Server Error
Sorry
What to do next:
C
A A
B
C
SpecificationsError: the server encountered an unexpected condition which prevented it from fulfilling the request
"Page Missing" message displays.
onClick, user returns to previous page.
Error code displays.
Definition:The server encountered an unexpected condition which prevented it from fulfilling the request.
B
return to the previous page
go to previous page
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 16 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
0.5 - 502 error "Bad Gateway"
We seem to be having some difficulty finding this page
Error 502 - Bad Gateway
Sorry
What to do next:
C
A A
B
C
SpecificationsError: The Server received a bad response from an upstream server, usually caused by the wrong protocol
"Page Missing" message displays.
onClick, user returns to previous page.
Error code displays.
Definition:The server, while acting as a gateway or proxy, received an invalid response from the upstream server it accessed in attempting to fulfill the request.
B
return to the previous page
go to previous page
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 17 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
0.6 - 504 error "Gateway Timeout"
The request is taking longer than we expected.
Error 504 - Gateway Timeout
Sorry
What to do next:
C
A
A
B
C
SpecificationsError: The server did not receive a response to the request within the time it was prepared to wait.
Time related message displays.
onClick, user reloads the page.
Error code displays.reload your page
Try reloading your page to see if the problem is just temporary
reload this pageB
Definition:The server, while acting as a gateway or proxy, did not receive a timely response from the upstream server specified by the URI (e.g. HTTP, FTP, LDAP) or some other auxiliary server (e.g. DNS) it needed to access in attempting to complete the request.
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 18 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
1.0 - Student Purchase Flow: Home: by Category w/no Subcategories (framework)
Category 1 Category 2
Category 3 Category 4
M Display: sidebar with links. Header name/style is customizable in admin.
F
F onClick, open dropdown menu. Display links for:"Account Settings", "Order History", and "My Stuff".
G onClick, open shopping cart.
searchEnter book title, author, keyword or ISBN
Categories
searchEnter book title, author, keyword or ISBN
School Home Page > Shop
SpecificationsCase shown: A "signed in" student comes to the home page (organized by category).
Specifications
H onClick, enter book title, author, keyword , ISBN or course number.
H I
I onClick, user searches and is taken to "search results" (4.0).
L Display: categories in tiled format. onClick, user is taken to "browse results" for selected category (4.0).Header and category names/styles are customizable in admin.
B Display: "Welcome, (first name)".
B G
A Display: school logo. onClick, user is taken to institution site.
C D E
D onClick, user is taken to customer support page (0.0.5).
E onClick, sign out.
C onClick, user is taken to homepage.
A
N
M
N
N
N
N
onClick, user is taken to external site(s).
J Display: breadcrumb (starting with school (or product homepage).
K Display: header.
K
L
J
LOGO (0)Welcome, (first name!) Home Help Sign Out My Account
link to external siteCopy goes here
Header for Links
link to external siteCopy goes here
link to external siteCopy goes here
link to external siteCopy goes here
footer
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 19 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
1.0.1 - Student Purchase Flow: NYU Home: by Category w/no Subcategories (by discipline)
searchEnter book title, author, keyword or ISBN
Spanish English
Chemistry Biology
DisciplinesNew York University > Shop
SpecificationsCase shown: A "signed in" NYU student arrives at homepage (organized by discipline) and chooses to browse the "Spanish" category.
Specifications
A onClick, browse Spanish results (4.1).
B
C
B "Useful Resources" header for sidebar links.
C onClick, user is taken to "NYU Library" on external site..
D
E
D onClick, user is taken to "Schedule of Classes" page on external site.
E onClick, user is taken to "Campus Directory" page on external site.
A
New York University Welcome, Laura! Home Help Sign Out My Account (0)
LibraryCopy goes here
Useful Resources
Schedule of ClassesCopy goes here
Campus DirectoryCopy goes here
footer
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 20 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
2.0 - Student Purchase Flow: Home: by Producs (framework)
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
Product
format
#edition
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
Product
format
#edition
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
Product
format
#edition
BooksSchool Home Page > Shop
search
(0)Welcome, (first name!) Home Help Sign Out My Account
SpecificationsCase shown: A "signed in" student comes to the home page (organized by products).
Specifications
A Products are displayed as tiles. Display:• product icon with edition # (when applicable).• "Edition #" or "Series #" display over product and after product name (edition # will contain an ordinal suffix: st, th, rd, nd).
onClick, user is taken to the product detail page (5.0)
A
B Display "format type".onClick, open informational modal window: hardback, paperback, looseleaf, spiral bound, and digital access formats only (5.0.3).
* Format name changes: - "Digital Access Format" replaces "Online Resource." - "Paperback Format" replaces "Paperback/Softback."
All other format names remain the same (see acceptance test for complete list).
C Display: product name and edition #, author and attributes:1. Publication date2. isbn (10 /13)
onClick, user is taken to the product detail page (5.0)
C
B
D Display: sidebar header
E
D
E
E
E
E
Display: sidebar links. onClick, user is taken to external site(s),
LOGO
link to external siteCopy goes here
Header for Links
link to external siteCopy goes here
link to external siteCopy goes here
link to external siteCopy goes here
footer
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 21 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
3.0 - Student Purchase Flow: Home: Category (w/no Subcategories) and Product (framework)
Product
#edition
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
format
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu justo id est viverra pretium. Phasellus dignissim justo et justo pulvinar feugiat. In vulputate lacinia diam, aliquet ultrices nulla fermentum id. Nam rhoncus mi non tortor euismod ultrices. Integer scelerisque, lectus eget tempor iaculis, purus nisi faucibus mauris, in commodo dui diam faucibus ligula. More Details >
Category 1 Category 2 Category 3
Category 4 Category 5 Category 6
Featured ProductSchool Home Page > Shop
Category Header
search
SpecificationsCase shown: A "signed in" student comes to the home page (organized by categories and products).
Specifications
A
A Display featured product:• product icon with edition # (when applicable).• "Edition #" or "Series #" display over product and after product name (edition # will contain an ordinal suffix: st, th, rd, nd).
onClick, user is taken to the product detail page (5.0)
D Display: categories in modular format. onClick, open browse results for category (4.0).
B Display "format type".onClick, open informational modal window: hardback, paperback, looseleaf, spiral bound, and digital access formats only (5.0.3).
* Format name changes: - "Digital Access Format" replaces "Online Resource." - "Paperback Format" replaces "Paperback/Softback."
C Display: product name and edition #, author and attributes:1. Publication date2. isbn (10 /13)
onClick, user is taken to the product detail page (5.0)
B
C
E Display: sidebar header
F
E
F
F
F
F
Display: sidebar links. onClick, user is taken to external site(s),
D
D
D
D
D
D
LOGO (0)Welcome, (first name!) Home Help Sign Out My Account
link to external siteCopy goes here
Header for Links
link to external siteCopy goes here
link to external siteCopy goes here
link to external siteCopy goes here
footer
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 22 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
3.0.1 - Student Purchase Flow: Home: Category (contains Subcategories) and Product (framework)
Featured Products
Category Header
searchEnter book title, author, keyword or ISBN
School Home Page > Shop
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
Product
format
#edition
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
Product
format
#edition
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
Product
format
#edition
Category 1 Category 2
SpecificationsCase shown: Student has successfully signed in and is taken to home page (by categories).
Specifications
A Products are displayed as tiles. Display:• product icon with edition # (when applicable).• "Edition #" or "Series #" display over product and after product name (edition # will contain an ordinal suffix: st, th, rd, nd).
onClick, user is taken to the product detail page (5.0)
AB Display "format type".
onClick, open informational modal window: hardback, paperback, looseleaf, spiral bound, and digital access formats only.
C Display: product name and edition #, author and attributes:1. Publication date2. isbn (10 /13)
onClick, user is taken to the product detail page (5.0)
C
B
D Display: categories in modular format. Subcategories exist for category 1. onClick, open browse results for category (3.0.2).
DE Display: sidebar header
F Display: sidebar links. onClick, user is taken to external site(s),
E
F
F
F
F
LOGO (0)Welcome, (first name!) Home Help Sign Out My Account
link to external siteCopy goes here
Header for Links
link to external siteCopy goes here
link to external siteCopy goes here
link to external siteCopy goes here
footer
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 23 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
3.0.2 - Student Purchase Flow: Subcategory and Product Page (framework)
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
Product
format
#edition
browse
Category 1 Products
searchEnter book title, author, keyword or ISBN
Product
format
#edition
Product
format
#edition
Product
format
#edition
Product
format
#edition
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
School Home Page > Shop > Category 1
Subcategory 1 Subcategory 2 Subcategory 3D D
Subcategory Header
Specifications
Case shown: Student has successfully signed in and is taken to home page (by categories).
Specifications
A Products are displayed as tiles. Display:• product icon with edition # (when applicable).• "Edition #" or "Series #" display over product and after product name (edition # will contain an ordinal suffix: st, th, rd, nd).
onClick, user is taken to the product detail page (5.0)
AB Display "format type".
onClick, open informational modal window: hardback, paperback, looseleaf, spiral bound, and digital access formats only (5.0.3).
* Format name changes: - "Digital Access Format" replaces "Online Resource." - "Paperback Format" replaces "Paperback/Softback."
C Display: product name and edition #, author and attributes:1. Publication date2. isbn (10 /13)
onClick, user is taken to the product detail page (5.0)
C
B
D Display: categories in modular format. onClick, open browse results for subcategory.
E
E Display: "browse" dropdown (if search is enabled in admin).
D
LOGO (0)Welcome, (first name!) Home Help Sign Out My Account
footer
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 24 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
4.0 - Student Purchase Flow: Browse/Search Results (framework)
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
10 per page
Sort by: Relevance | Price | Title | Publication Date | Author
$##.##format
#edition
PREVIOUS NEXT1 2
browsesearchEnter book title, author, keyword or ISBN
Category (13 results)School Home Page > Shop > Category Results
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
$##.##format
#edition
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
$##.##format
#edition
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
$##.##format
#edition
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
$##.##format
#edition
Specifications
Case shown: Browse results for Category 1 display.
H onClick, "format type" opens modal window with information for hardback/paperback, looseleaf, spiral bound, and digital access formats only.
Specifications
A Breadcrumb displays for browse results (level 1).
D User can move through pages one at a time (previous/next), or directly to a page number by clicking page # link. (See business rules for pagination details).
F Product displays: product picture, title, author, publication date, ISBN.
B Subject and # of results display for browse results.
C User can sort results by: relevance (default), price, title, publication date or author. Pagination only occurs at the bottom of page.
E Number of results per page display in drop down:10 (default), 25, 50, 100. Browse dropdown is configurable.
I Display: price (USD).
G onClick, page refreshes and search results for author display.
J Display: "browse" dropdown (if search is enabled in admin).
C
A
F
DB
G
H I
E
J
LOGO (0)Welcome, (first name!) Home Help Sign Out My Account
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 25 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
4.0.1 - Student Purchase Flow: NYU: Browse Results (by discipline: spanish)
browsesearch
Spanish Title 1(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
10 per page
Sort by: Relevance | Price | Title | Publication Date | Author
$18.95hardback/paperback
#edition
PREVIOUS NEXT1 2
browsesearchEnter book title, author, keyword or ISBN
Spanish (13 results)New York University > Shop > Spanish
Spanish Title 2(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
$19.00 hardback/paperback
#edition
Spanish Title 3(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
$235.00 hardback/paperback
#edition
Spanish Title 4(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
$100.67 hardback/paperback
#edition
Spanish Title 5(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
$30.95 hardback/paperback
#edition
Specifications
Case shown: A "signed in" NYU student is taken to browse results for "Spanish."
Specifications
BB onClick, user can browse
another category (if search is enabled in admin).
A onClick, user opens selection to view product detail page (5.1).
New York University Welcome, Laura! Home Help Sign Out My Account (0)
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 26 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
5.0 - Student Purchase Flow: Product Details (framework) - default state
Product Name or Title(# edition)By: Author
Publication Date: month, day, yearISBN: ########## / ############Language: type
delivery message
> more info
Table of ContentsSummary
Special Instructions:
Main description
Text goes here
$ ##.##
*stock availability message
Genericimage
(if applicable)
Generic text applicable to "digital access formats" goes here.
Learn more about formats
A Breadcrumb displays for browse results (not for search results).
icon
Product
format
#edition
School Home Page > Shop > Level 1 Category > Product Name
browsesearchEnter book title, author, keyword or ISBN
Specifications
Case shown: product detail page framework (for shippable and digital access products).
B Display: product icon with edition/series # over product (when applicable). Edition # will contain an ordinal suffix: st, th, rd, nd.
C Display product name with edition/series # (when applicable).
F onClick, expand list of attributes (1.0.1).
G Display delivery message w/icon (when applicable, see business rules).
D onClick, display all search results by author. (x.x)
E Display attribute list:1. Publication date2. isbn (10 /13)3. Language4. This product will be shipped to you (when applicable)-----(more/less info link)4. Imprint5. Publisher6. Dimensions (when applicable)
H
H Home and Search/Browse functionality will not display when a user comes directly from a Marketing site (i.e. APR) or Connect. Admin can also choose to hide search and browse functionality.
I Display: school logo. onClick, user is taken to institution site.
I
H
A
C
F
B
G
E
B
D add to cart
LOGO (0)Welcome, (first name!) Home Help Sign Out My Account
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 27 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
5.0 - Student Purchase Flow: Product Details (framework) - default state continued (w/expanded attributes)
Product Name or Title(# edition)By: Author
Publication Date: month, day, yearISBN: ########## / ############Language: display here
delivery message
< less info
Imprint: display herePublisher: McGraw-HillDimensions: display here
Table of ContentsSummary
Special Instructions:
Main description
Text goes here
$ ##.##
*stock availability message
Genericimage
(if applicable)
Generic text applicable to "digital access formats" goes here.
icon
School Home Page > Shop > Level 1 Category > Product Name
add to cart
Learn more about formats
Product
format
#edition
browsesearchEnter book title, author, keyword or ISBN
Specifications
Case shown: product detail page framework.
H onClick, collapse list to original size.
K Stock availability message:• out of stock - hide button and display: "There are only a few of these left! Call us to check availability: 877-833-5524"• in stock - show button and display: no message)
MO Display: main description.
L Summary and table of contents display in module tabs. Default setting is "summary."
M onClick, invoke table of contents panel (5.0.2)
N Special instructions and image displays for "digital access format" products only.L
N
O
J onClick, user adds item to cart (8.0) * applicable to all product formats.
I
J
I Price displays (display USD).
H
K
LOGO (0)Welcome, (first name!) Home Help Sign Out My Account
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 28 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
5.1 - Student Purchase Flow: Product Details (by discipline: spanish)
Dos Mundos w. Workbooks &Spanish/English Dictionary(7th edition)By: Tracy Terrell
Publication Date: Jul 24, 2009ISBN: 007738878X / 9780077388782Language: English
This product will be shipped to you
> more info
Table of ContentsSummary
N/A
$ 235.00
*stock availability message
New York University > Shop > Spanish > Dos Mundos w. Workbooks & Spanish/English Dictionary
add to cart
Learn more about formats
browsesearchEnter book title, author, keyword or ISBN
A
BA onClick, user adds item to
their cart.
Specifications
Case shown: A "signed in" NYU student is taken to a product detail page.
B onClick, user can browse another category (if search is enabled in admin).
New York University
7thedition
hard cover
Welcome, Laura! Home Help Sign Out My Account (0)
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 29 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
McGraw-Hill Custom Storefronts: Student Flow(ADA Compliance)
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 30 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
1.0 - ADA
Category 1 Category 2
Category 3 Category 4
searchEnter book title, author, keyword or ISBN
Categories
searchEnter book title, author, keyword or ISBN
School Home Page > Shop
LOGO (0)Welcome, (first name!) Home Help Sign Out My Account
link to external siteCopy goes here
Header for Links
link to external siteCopy goes here
link to external siteCopy goes here
link to external siteCopy goes here
footer
2.0 label: search field 2.1 2.2
3.03.1 3.2
4.0
5.0
5.1 5.2
5.3 5.4
6.0 6.1
search
7.1
7.2
7.3
7.4
7.0
last
4.1
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 31 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
2.0 - ADA
(0)Welcome, (first name!) Home Help Sign Out My Account
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
Product
format
#edition
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
Product
format
#edition
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
Product
format
#edition
BooksSchool Home Page > Shop
search
Welcome, (first name!) Home Help Sign Out My Account (0)LOGO
link to external siteCopy goes here
Header for Links
link to external siteCopy goes here
link to external siteCopy goes here
link to external siteCopy goes here
footer
first
2.0
3.0
last
4.1
4.1.1
4.1.2
4.1.3
5.0
6.1
6.2
6.3
6.4
6.0
4.2
4.2.1
4.2.2
4.2.3
4.3
4.3.1
4.3.2
4.3.3
open formats description
open <book title><Author's Last Name>, <edition#>
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 32 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
3.0 - ADA
Product
#edition
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
format
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu justo id est viverra pretium. Phasellus dignissim justo et justo pulvinar feugiat. In vulputate lacinia diam, aliquet ultrices nulla fermentum id. Nam rhoncus mi non tortor euismod ultrices. Integer scelerisque, lectus eget tempor iaculis, purus nisi faucibus mauris, in commodo dui diam faucibus ligula. More Details >
Category 1 Category 2 Category 3
Category 4 Category 5 Category 6
Featured ProductSchool Home Page > Shop
Category Header
search
LOGO (0)Welcome, (first name!) Home Help Sign Out My Account
link to external siteCopy goes here
Header for Links
link to external siteCopy goes here
link to external siteCopy goes here
link to external siteCopy goes here
footer
2.0
3.04.0
8.0 8
9.1
9.2
9.3
9.4
9.0
last
7.0
5.1
5.2
5.5
7.1 7.2 7.3
7.4 7.5 7.6
5.3
5.4open formats description
open <book title><Author's Last Name>, <edition#>
open Category
first
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 33 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
3.0.1 - ADA
Featured Products
Category Header
searchEnter book title, author, keyword or ISBN
School Home Page > Shop
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
Product
format
#edition
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
Product
format
#edition
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
Product
format
#edition
Category 1 Category 2
LOGO (0)Welcome, (first name!) Home Help Sign Out My Account
link to external siteCopy goes here
Header for Links
link to external siteCopy goes here
link to external siteCopy goes here
link to external siteCopy goes here
footer
2.0
3.04.0
8.0
9.0
last
5.0
7.0 7.1 7.2
6.0
5.1
5.1.1
5.1.2
5.1.3
open formats description
open Category
open <book title><Author's Last Name>, <edition#>
first
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 34 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
3.0.2 - ADA
Subcategory 1 Subcategory 2
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
Product
format
#edition
Subcategory 3
browse
Category 1 Products
Subcategory Header
searchEnter book title, author, keyword or ISBN
Product
format
#edition
Product
format
#edition
Product
format
#edition
Product
format
#edition
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
School Home Page > Shop > Category 1
LOGO (0)Welcome, (first name!) Home Help Sign Out My Account
footer
2.0
4.0
5.0
last
7.0
6.1
6.1.1
6.1.2
6.1.3
8.1
8.0
8.2 8.3
3.0open dropdown list (as defined by admin)*optional
open formats description
open subcategory
6.0 open <book title><Author's Last Name>, <edition#>
first
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 35 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
4.0 - ADA
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
10 per page
Sort by: Relevance | Price | Title | Publication Date | Author
$##.##format
#edition
PREVIOUS NEXT1 2
browsesearchEnter book title, author, keyword or ISBN
Category (13 results)School Home Page > Shop > Category Results
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
$##.##format
#edition
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
$##.##format
#edition
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
$##.##format
#edition
TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000
$##.##format
#edition
2.0
4.0
5.0
3.0
8.0
8.1
8.2
8.38.4
7.0
7.1 7.2 7.3 7.4 7.5
open formats descriptionopen product
detail page
6.0 label: 10 items per page
next page
7.6 7.7 7.8 7.9
page 1 page 2
previous page
first
LOGO (0)Welcome, (first name!) Home Help Sign Out My Account
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 36 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
5.0 - ADA
Product Name or Title(# edition)By: Author
Publication Date: month, day, yearISBN: ########## / ############Language: type
delivery message
> more info
Table of ContentsSummary
Special Instructions:
Main description
Text goes here
$ ##.##
*stock availability message
Genericimage
(if applicable)
Generic text applicable to "digital access formats" goes here.
Learn more about formats
A Breadcrumb displays for browse results (not for search results).
icon
Product
format
#edition
School Home Page > Shop > Level 1 Category > Product Name
browsesearchEnter book title, author, keyword or ISBN
add to cart
first
2.0
4.0
5.0
3.0
5.15.4
5.25.5
5.6 5.7
5.8
5.3
open formats description
<Book Title><Author's Last Name><Edition Number>
delivery method icon
Image (when applicable)
add to shopping cart
toggle to table of contents
LOGO (0)Welcome, (first name!) Home Help Sign Out My Account
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 37 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
McGraw-Hill Custom Storefronts: ADMIN
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 38 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.0 - ADMIN: Add MH Custom Store
+ add store
Arizona State University (AZSU)
Bard College (BARD)
Cornell University (CORN)
Michigan University (MICH)
New York University (NYU1)
Store name (and code)
Online 1/04/12
Online 1/04/12
Online 1/04/12
Offline 1/04/12
Online 1/04/12
Online/Offline Date Modified
Storefront List
mhheshop.com/corn
mhheshop.com/azsu
mhheshop.com/bard
mhheshop.com/misu
mhheshop.com/nyu1
web address
Help
SpecificationsCase shown: A signed-in admin arrives at the McGraw-Hill Custom Storefronts "Storefront List" page and wants to add a new store.
B
C E F G
D
H
I J
A Display header: "McGraw-Hill Custom Storefronts" (persists on all admin pages).
C onClick, open modal to add a new store (6.0.2).
D Display column titled: "Store name (and code)." Default setting for sort is alphabetical descending .
E Display column titled: "Online/Offline." Default setting for sort is "online."
F Display column titled: "Date Modified." Default setting for sort is most recent to least recent.
G Display column titled: "Web Address."
H Display link: "Store name" with "edit" icon. onClick, open "store settings" panel (6.1.1) to edit.
I Display: store's web address. onClick, open store homepage.
J Display button: "copy to clipboard." onClick, copy store url to clipboard.
K
K onClick, open Help pdf document in new window (x.x)
MH Custom Storefronts (Footer)L Display: footer (persists on
all admin pages) .
McGraw-Hill Custom Storefronts (Header)A
L
B Display: "Storefront List"
copy to clipboard
copy to clipboard
copy to clipboard
copy to clipboard
copy to clipboard
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 39 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.0.1 - ADMIN: MH Custom Storefronts Header/Footer
MH Custom Storefronts (Footer)
McGraw-Hill Custom Storefronts (Header) SpecificationsA
B
Case shown: Header/Footer placement.
A Display header (see visual design for details).
B Display footer (see visual design for details).
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 40 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.0.2 - ADMIN: Add Ohio State Universitiy Store
+ add store
Arizona State University (AZSU)
Bard College (BARD)
Cornell University (CORN)
Michigan University (MICH)
New York University (NYU1)
Store name (and code)
Online 1/04/12
Online 1/04/12
Online 1/04/12
Offline 1/04/12
Online 1/04/12
Online/Offline Date Modified
Storefront List
mhheshop.com/corn
mhheshop.com/azsu
mhheshop.com/bard
mhheshop.com/misu
mhheshop.com/nyu1
web address
Help
Store Name:Ohio State University
Web Address:ohsu
United StatesOhio
Ohio State University
School Information:County:
State:
School:
Add Store
Store Contact:
www.mhheshop.com/
(optional)
savecancel
SpecificationsSpecificationsCase shown: A signed-in admin enters new store information.
A
A Display header: "Add Store."
B
B Display "Store Name" text field (*required).
C
C Display "Web Address" text field (*required). Admin enters store code after "www.mhheshop.com/ (see business rules).
D Display "School Information" dropdown (Country, State and Schoo)l. Country Default is set to "United States." (*required).
D
E
E Display "Store Contact" text field. (*optional)
F
F G
F onClick, admin closes modal and returns to page (6.0)
G onClick, onClick admin saves new store (6.0.3).
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 41 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.0.3 - ADMIN: Edit Ohio State University Store
Store name (and code)
Online 1/04/12
Online 1/04/12
Online 1/04/12
Offline 1/04/12
Online 1/04/12
Online/Offline Date Modified
Store List
mhheshop.com/corn
mhheshop.com/azsu
mhheshop.com/bard
mhheshop.com/misu
mhheshop.com/nyu1
web address
Online 1/04/12 mhheshop.com/ohsu
Arizona State University (AZSU)
Bard College (BARD)
Cornell University (CORN)
Michigan University (MICH)
New York University (NYU1)
Ohio State University (OSU)
copy to clipboard
copy to clipboard
copy to clipboard
copy to clipboard
copy to clipboard
copy to clipboard
+ add store
Help
SpecificationsCase shown: A new store has been added and admin wishes to edit store info or content.
A New store displays. onClick, admin edits store info and/or content (6.1.1).
B
A
B onClick, admin edits store info and/or content (6.1.1).
MH Custom Storefronts (Footer)
McGraw-Hill Custom Storefronts (Header)
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 42 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.1 - ADMIN: Ohio State University Store Catalog (zero state)
Ohio State University online
Store Status:
Catalog Last Updated:1/04/12
< Back to list
MH Custom Storefronts
Catalog User Interface SecurityAdmin Support: John Smith
Help
preview site
Categories Featured Product
Store Settings
Categories Featured Product
Products in this Category
National ProductsEnter book title, author, keyword, or ISBN
ISBN Title Edition Author
Home
Search for ProductsSort by Default
Type
Catalog User Interface Securitypreview site
+ add category
search
SpecificationsCase shown: The admin is taken to Ohio State University catalog admin main page and wants to edit store settings.
A onClick, admin is taken back to McGraw-Hill Custom Storefronts list page (6.0.3).
A
B Display: Store Header.
CB
D
H
F
G
EI J
K
C Display: "Catalog Last Updated: month/day/year."
D Display: "Store Status:" with default setting for toggle set to "online."
E Display: "Help" link. onClick, open "Help" pdf (x.x).
F Display: "Admin Support: First name, Last Name." onClick, open email application with "send to" address pre-populated.
G onClick, open new browser window and display site preview.
H Display "Catalog" button as inactive.
I onClick, open "User Interface" contols (6.2).
J onClick, open "Security" controls (6.4).
K onClick, open "Store Settings" (6.1.1).
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 43 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.1.1 - ADMIN: Ohio State University Store Catalog: open store settings
Ohio State University online
Store Status:
Catalog Last Updated:1/04/12
< Back to list
MH Custom Storefronts
Catalog User Interface SecurityAdmin Support: John Smith
Help
preview site
Categories Featured Product
Products in this Category
National ProductsEnter book title, author, keyword, or ISBNHome
Search for Products
Store Name:Ohio State University
Web Address:ohsuwww.mhheshop.com/
United States
Ohio
Ohio State University
School InformationCounty:
State:
School:
School Contact
Store Settings
[email protected] Status: online
Date Created:
Admin InfoCreated by: John Smith
12/21/11
Date Updated: 01/04/12Updated by: Linda Jones
D
(optional)
ISBN Title Edition Author Type
save settingscancel
Sort by Default + add categorysearch
SpecificationsCase shown: Admin has opened "Store Settings" accordion panel.
A Display "Store Name" and text entry field. onClick, enter "Store Name."
H
B Display "Web Address" with text entry field. onClick, enter "store code" after www.hmmhshop.com/
A
B
C
E
G
I
C Display "Store Status" with toggle button (online/offline). Default setting is "online."
D Display "School Information" and dropdowns for country, state, and school (*required).
E Display "School Contact" with entry field (*not required).
F
F onClick, open email application with "send to" address pre-populated (only if contact field is populated).* not required
G Display "Admin Info":• Created by: First Name, Last Name• Date Created: Month/Day/Year• Updated by: First Name, Last Name• Date Updated: Month/Day/Year
H onClick, close accordion panel without saving changes.
I onClick, "save settings" and close accordion panel.
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 44 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.1.2 - ADMIN: Ohio State University Store Catalog: add category
Ohio State University online
Store Status:
Catalog Last Updated:1/04/12
< Back to list
MH Custom Storefronts
Catalog User Interface SecurityAdmin Support: John Smith
Help
preview site
Categories Featured Product
Store Settings
Products in this Category
National ProductsEnter book title, author, keyword, or ISBN
Home
Search for Products
Spanish
ISBN Title Edition Author Type
Sort by Default + add category
searchok cancel
A
B
C
F
C onClick, admin enters category.
D onClick, user adds "Spanish" category to list below home folder (6.1.3).
E onClick, user cancels adding a category and text entry field collapses.
F Display: home folder (read-only). All created categories reside within the home folder.
SpecificationsCase shown: Admin adds categoroies.
A Display "Categories" tab (active by default).
B onClick, expand area to reveal text entry field.
D E
G
G Display dropdown: "sort by default." onClick, select other option "alphabetical(in descending order)."
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 45 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.1.3 - ADMIN: Ohio State University Store Catalog: search for products
Ohio State University online
Store Status:
Catalog Last Updated:1/04/12
< Back to list
MH Custom Storefronts
Catalog User Interface SecurityAdmin Support: John Smith
Help
preview site
Categories Featured Product
Store Settings
Products in this Category
National ProductsHome
Spanish (1)
English (1)
Chemistry (1)
Biology (0)
Search for Products
ISBN Title Edition Author Type
Sort by Default + add category
search1234567890
SpecificationsCase shown: Admin searches for products to add to the category "Biology."
A Display "Search for Products" header.
B onClick, enter book title, author, keyword, or ISBN.
A
B
C D
C Display dropdown: "National Products" default. onClick, select other options: "Create Products", or "All Products" from dropdown.
D onClick, search for product (6.1.3.1).
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 46 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.1.3.1 - ADMIN: Ohio State University Store Catalog: add product to product list
Ohio State University online
Store Status:
Catalog Last Updated:1/04/12
< Back to list
MH Custom Storefronts
Catalog User Interface SecurityAdmin Support: John Smith
Help
preview site
Categories Featured Product
Store Settings
Products in this Category
National ProductsHome
Spanish (1)
English (1)
Chemistry (1)
Biology (0)
Search for Products
ISBN Title Edition Author Type
Sort by Default + add category
search
Search for Products
National Products1234567890
Products in this Category
1234567890 Photo Atlas for General... 3 Dennis Trete, Darrel...
Sort by Default
search
+ add to product listcancel
hardcover/...
A
B
C D E F
H I
ISBN Title Edition Author Type
G
H
SpecificationsCase shown: Admin searches for products to add to the category "Biology."
A Display "search criteria entered" in search field. Admin can choose to search for another product within the modal.
B Display: "Products in this Category" header.
C Display: "ISBN"
D Display: "Product Title." onClick, open product detail page in new window (National Bookstore). onHover, entire name appears.
E Display: "Edition #."
F Display: "Author." onHover, entire name appears.
H onClick, close modal.
I onCllick, close modal and add product to "Product List" (6.1.4).
G Display: "Type." onHover, entire format type appears.
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 47 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.1.4 - ADMIN: Ohio State University Store Catalog: open product details page
Ohio State University online
Store Status:
Catalog Last Updated:1/04/12
< Back to list
MH Custom Storefronts
Catalog User Interface SecurityAdmin Support: John Smith
Help
preview site
Categories Featured Product
Store Settings
Products in this Category
National ProductsEnter book title, author, keyword, or ISBN
1234567890 Photo Atlas for General... 3 Dennis Trete, Darre...
Home
Photo Atlas for General Biology
Spanish (1)
English (1)
Chemistry (1)
Biology (1)
Search for Products
ISBN Title Edition Author Type
Sort by Default + add category
search
hard...
C B D E G
C Display: ISBN.
D Display: edition #.
E Display: author(s) names.
G onClick, delete product.
AB
SpecificationsCase shown: Admin has added a product to the "Biology Category."
A Biology Category now displays (1) item.
B Display product. onClick, open product detail page in new window (National Bookstore). Product name wraps in left hand pane only.Under "Products in this Category" product name will fit to 1 line followed by ... and onHover entire name will reveal.
F
F Display: format type.
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 48 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.1.4.1 - ADMIN: Ohio State University Store Catalog: Add Featured Product
Ohio State University Store Status:
Catalog Last Updated:1/04/12
MH Custom Storefronts
< Back to list online
Catalog User Interface SecurityAdmin Support: John Smith
Help
preview site
Categories Featured Product
Product 1
Product 2
Product 3
Featured Product
7thedition Enter featured product text (no html).
Photo Atlas for General Biology
All Products in Store Set asFeatured
Photo Atlas for General Biology(3rd edition)By: Dennis Strete, Darrell Vodopich
Publication Date: Aug 1, 2006ISBN: 007738878X / 9780077388782Language: English
None
save
Store Settings
Select a product on your left
A
B E
C
SpecificationsCase shown: Admin sets a product in the catalog as "featured."
A onClick, "Featured Product" tab becomes active.
B Display: "All products in Store" and "Set as Featured" column headers.
C Display: product link list (always in alphabetical order (descending) with "none" as default setting. onClick, select product. *if list becomes long enough to scroll, "none" will always be fixed and will display at top.
E Display "Featured Product" header.
F
F Display message: "Select a product on your left" (only show when no product is featured).
D onClick, open product detail page in new window (National Bookstore).
D
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 49 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.1.4.2 - ADMIN: Ohio State University Store Catalog: Save Featured Product
Ohio State University Store Status:
Catalog Last Updated:1/04/12
MH Custom Storefronts
< Back to list online
Catalog User Interface SecurityAdmin Support: John Smith
Help
preview site
Categories Featured Product
Product 1
Product 2
Product 3
Featured Product
7thedition Enter featured product text (no html).
Photo Atlas for General Biology
All Products in Store Set asFeatured
Photo Atlas for General Biology(3rd edition)By: Dennis Strete, Darrell Vodopich
Publication Date: Aug 1, 2006ISBN: 007738878X / 9780077388782Language: English
None
save
Store Settings
format type
B
C
D
E
F
A
B Display "Product Graphic."
C Display "Product Title." onClick, open product detail page in new window (National Bookstore)..
D Display:• # edition• author(s)• publication date (month, day, year)• ISBN• language
E Display: text field with javascript instructive text that reads "Enter featured product text (no html)." onClick, enter text. (*optional).
F onClick, admin saves featured product settings.
SpecificationsCase shown: Admin sets a product in the catalog as "featured."
A onClick, admin selects "featured product."
(optional)
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 50 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.2- ADMIN: Ohio State University Store: UI Properties: choose theme (zero state)
Ohio State University Store Status:
Themes and Layout
DefaultLook and Feel
Customizable
Site Elements
Catalog Last Updated:1/04/12
previewpreview
MH Custom Storefronts
< Back to list
User Interface SecurityCatalogAdmin Support: John Smith
Help
preview site
online
save
A
B
B Display "Themes and Layout" (accordion panel is open by default).
C Display "Look and Feel" header.
D "Default" radio button is selected by default.
F onClick, open preview of "default" or "customizable" design in new browser window.
SpecificationsCase shown: Admin accesses "User Interface" section.
A Display "User Interface" button as "active."
C
D
F F
GH
H Display "Site Elements". On click, open accordion panel (6.3).
G onClick, save "Themes and Layout" section.
E onClick, select "Customizable" radio button and expand panel to reveal more "Look and Feel" settings (6.2.1).E
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 51 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.2.1- ADMIN: Ohio State University Store: UI Properties: choose theme: customizable
Ohio State University Store Status:
Themes and Layout
preview
(wireframe continues on next page)
Look and Feel
preview
Default Customizable
Catalog Last Updated:1/04/12
MH Custom Storefronts
< Back to list
User Interface SecurityCatalogAdmin Support: John Smith
Help
preview site
online
A "Customizable" radio button is selected and window expands to include more settings (see 6.2.1.1).
SpecificationsCase shown: Admin has switched "Look and Feel" from "Default" setting to "Customizable."
A
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 52 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.2.1.1- ADMIN: Ohio State University Store: UI Properties: customize colors and fonts
Page Colors
Top/Bottom Stripe
Header/Footer Background
#666666
#cccccc
Arial
Fonts and Link Color
Link Colors #cccccc
#eeeeeeBackground Gradient
Featured Product Background #eeeeee
(applies to entire site)
Site Elements
(applies to entire site)
Font
(to white)
(same as background gradient selection)
Select a color
#eeeeeeHex Value
save
reset to default fonts and colors
okcancel
A Display "Fonts and Link Color" header
SpecificationsCase shown: Admin has switched "Look and Feel" from "Default" setting to "Customizable."
A
D
B
C
E
F
G
H
P
B Display: "Font: Arial" default onCllick, select alternate font: Times.
C Display: "Link Colors" w/hex value.
D Display: "Page Colors" header.
E Display: "Background Gradient" color w/ hex value.
I onClick, open color selector.
J
J Display color selector modal with default hex value (see spec sheet for all defaults).
K onClick, move circle to select desired color.
L onClick, move slider to desired color range.
M onClick, cancel and close color selector modal.
N onClick, save chosen color and close color selector modal.
F Display: "Featured Product Background" color w/hex value.
G Display: "Top/Bottom Stripe" color w/ hex value.
H Display: "Header/Footer Background" color w/hex value.
P onClick, save "Themes and Layouts" settings.Q
Q onClick, open "Site Elements" settings accordion panel (6.3)
O onClick, reset to default fonts and colors.
K
J
M N
L
O
I
I
I
I
C
E
F
G
H
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 53 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.3- ADMIN: Ohio State University Store: UI Properties: site elements (zero state)
Ohio State University Store Status:
Themes and Layout
Site ElementsStore Logo
Catalog Last Updated:1/04/12
Ohio State University
Logo links to your website:
Text Only To revise the store's name, return to Catalog and click "Store Settings."
Search and Browse Show Hide
(wireframe continues on next page)
Upload Your Logo
Large logo 60 pix high by 420 pix wide max
Small logo(default store name will be included)60 pix high by 60 pix wide max
This functionality is active by default.E
F G
MH Custom Storefronts
< Back to list
User Interface SecurityCatalogAdmin Support: John Smith
Help
preview site
online
upload
SpecificationsCase shown: Admin has opened "Site Elements" settings accordion panel.
A Display; "Store Logo" header with informative text: "Store name displays as text by default, but you may choose to replace it by uploading a logo."
A
B
B Display default logo setting: "Text Only" with informative text "To revise the store's name, return to Catalog and click 'Store Settings'."
C Display: "Upload Your Logo":(.png or .jpg formats only) header with 2 deselected radio buttons:1. "Large logo" (60 pix high by 420 pix wide max)2. "Small logo"(60 pix high by 60 pix wide max).
E Display "Search and Browse" Header with informative text: "This functionality is active by default."
D Display: "Logo links to your website" text field. onClick, enter url.
D
G Display "hide" radio button. onClick ,select "hide" search and browse..
F Display "show" radio buttons (default).
Store name displays as text by default, but you may choose to replace it by uploading a logo. C
(.png or .jpg formats only)
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 54 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.3- ADMIN: Ohio State University Store: UI Properties: site elements (zero state) continued
Sidebar: Useful Resources
Title Description Url
The sidebar does not display unless items are added.
+ add item
SpecificationsCase shown: Admin has opened "Site Elements" settings accordion panel.
H Display: "Sidebar: Useful Resources" header with informational text: "The sidebar does not display unless items are added."
H
I
I onClick, add items to sidebar (6.3.2).
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 55 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.3.1- ADMIN: Ohio State University Store: UI Properties: site elements: add small logo
Ohio State University Store Status:
Themes and Layout
Site ElementsStore Logo
Catalog Last Updated:1/04/12
Ohio State University
Logo links to your website: http://www.ohiostate.edu
Text Only To revise the store's name, return to Catalog and click "Store Settings."
Search and Browse Show Hide
(wireframe continues on next page)
Upload Your Logo
Large logo 60 pix high by 420 pix wide max
Small logo(default store name will be included)60 pix high by 60 pix wide max
This functionality is active by default.
MH Custom Storefronts
< Back to list
User Interface SecurityCatalogAdmin Support: John Smith
Help
preview site
online
upload
Specifications
Store name displays as text by default, but you may choose to replace it by uploading a logo.
(.png or .jpg formats only)
A
B
Case shown: Admin has entered url and now wants to upload a small logo.
A onClick, select "small logo" style option (60 pix high x 60 pix wide).
B onClick, upload logo (6.3.1.1).
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 56 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.3.1.1- ADMIN: Ohio State University Store: UI Properties: site elements: upload logo modal
Ohio State University Store Status:
Themes and Layout
Site ElementsStore Logo
Catalog Last Updated:1/04/12
Ohio State University
Logo links to your website: http://www.ohiostate.edu
Text Only To revise the store's name, return to Catalog and click "Store Settings."
Search and Browse Show Hide
(wireframe continues on next page)
Upload Your Logo
Large logo 60 pix high by 420 pix wide max
Small logo(default store name will be included)60 pix high by 60 pix wide max
This functionality is active by default.
MH Custom Storefronts
< Back to list
User Interface SecurityCatalogAdmin Support: John Smith
Help
preview site
online
upload
Store name displays as text by default, but you may choose to replace it by uploading a logo.
(.png or .jpg formats only)
Select a file to upload
DEVICES HD PLACES Desktop Applications Documents
logo1.jpg April 16, 2011logo2.jpg April 16, 2011logo3.jpg April 16, 2011
Upload Logo
okcancel
A
SpecificationsCase shown: Admin uploads a small logo from desktop.
A Display: "Upload Logo" header.
B onClick, admin selects logo file for upload.
C D
C onClick ,cancel and close modal and return to previous screen (6.3.1).
D onClick, upload logo and close modal (6.3.1.2).
B
C
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 57 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.3.1.2- ADMIN: Ohio State University Store: UI Properties: site elements: add small logo 2
Ohio State University Store Status:
Themes and Layout
Site ElementsStore Logo
Catalog Last Updated:1/04/12
Logo links to your website: http://www.ohiostate.edu
Text Only To revise the store's name, return to Catalog and click "Store Settings."
Search and Browse Show Hide
(wireframe continues on next page)
Upload Your Logo
Large logo 60 pix high by 420 pix wide max
Small logo(default store name will be included)60 pix high by 60 pix wide max
This functionality is active by default.
MH Custom Storefronts
< Back to list
User Interface SecurityCatalogAdmin Support: John Smith
Help
preview site
online
upload
Specifications
Store name displays as text by default, but you may choose to replace it by uploading a logo.
(.png or .jpg formats only)
A
Case shown: Admin has successfully uploaded a small logo.
A Display uploaded logo (radio button remains selected).
A
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 58 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.3.2- ADMIN: Ohio State University Store: UI Properties: site elements: add sidebar item 2
Sidebar: Useful Resources
Title Description
save
Url
The sidebar does not display unless items are added.
+ add item
Specifications
Sidebar: Add Item
LibraryTitle
Description (optional)http://ohsu.com/library
Url:
Find reading resources at our library.
savecancel
Case shown: Admin adds an item to the sidebar.
A Display "Sidebar: Add Item" header.
B
C
D
B Display "Title" text field (*required).
C Display "Url" text field (*required).
D Display "Description" text field (*not required).
E F
E onClick ,cancel and close modal and return to previous screen (6.3 continued).
F onClick, add sidebar item(6.3.3).
E
A
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 59 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.3.3- ADMIN: Ohio State University Store: UI Properties: site elements: sidebar item added
Sidebar: Useful Resources
Title Description Url
The sidebar does not display unless items are added.
Specifications
Library http://ohsu.com/libraryFind reading resources at our library.
D
E
+ add item
D onClick, edit sidebar item (6.3.2).
E onClick, delete sidebar item.
Case shown: Admin has successfully added an item to the sidebar.
A Display: "Title"
B Display; "Description"
C Display: "url"
A B C
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 60 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.4- ADMIN: Ohio State University: Security (Default setting with option 1)
Ohio State University Store Status:
Catalog Last Updated:1/04/12
Configure Security Settings
Security
Registration Required Before Accessing Storefront
AAIRS (School Log In Required to Access Store)
If you select this option, students will be required to have (or create) a McGraw-Hill account before purchasing products in the store.
If you select this option, AAIRS installation will be required on the School LMS and students will use their School log in to access the store.
* Please contact the AAIRS team to set this up (email:[email protected])
A
B Display radio button :"Registration Required Before Purchasing Products - If you select this option, students will be required to have (or create) a McGraw-Hill account before purchasing products in the store).
D onClick, open email application to send AAIRS contact an email (email: [email protected]).
C Display AAIRS setting:"AAIRS (School Log In Required to Access Store) radio button:- If you select this option, AAIRS installation will be required on the School LMS and students will use their School log in to access the store. *Please contact the AAIRS team to set this up (display: email: [email protected])."
B
C
D
< Back to list
SecurityCatalog User InterfaceAdmin Support: John Smith
Help
preview site
online
MH Custom Storefronts SpecificationsCase shown: Admin accesses security section. Radio button for security is "inactive" by default.
Display default setting radio button, "Inactive."
InactiveA
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 61 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
6.4.1- ADMIN: Ohio State University: Security (Default setting with option 2)
Ohio State University Store Status:
Catalog Last Updated:1/04/12
Registration Required Before Accessing StorefrontIf you select this option, students will be required to have (or create) a McGraw-Hill account before purchasing products in the store.
AAIRS is not installed on the School LMS.
* Please contact the AAIRS team to set this up (email:[email protected])
Configure Security Settings
Security
AAIRS is not installed.
Inactive
B Display radio button :"Registration Required Before Purchasing Products - If you select this option, students will be required to have (or create) a McGraw-Hill account before purchasing products in the store).
MH Custom Storefronts
< Back to list
SecurityCatalog User InterfaceAdmin Support: John Smith
Help
preview site
online
SpecificationsCase shown: Admin as accessed Security section where AAIRS is not installed.
A Display default setting radio button, "Inactive."
C Radio button is disabled since AAIRS is not installed on school LMS.
D
D onClick, open email application to send AAIRS contact an email (email: [email protected]).
B
C
A