1. Student Purchase Flow: McGraw-Hill Custom Storefronts
yes
no
Institutional Site
unique link to microsite
provided by MH
Security
Turned
On
yes
AAIRS
Secure
Login?
no
Create an Account
(PARIS)
Microsite Portal
by Category
Microsite Portal
by Products
Browse Results
(1 or 2 levels)
Marketing/Product Sites
(i.e. "LearnSmart", "APR")
Product Detail *
unique link to microsite
provided by MH
Connect
Connect
Product Comparison
Page w/upsell
Cart
Have an
account?
yes
no
Create an Account
(PARIS)
Secure login
(PARIS)
Checkout
(PARIS)
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 4 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
logged
in?
no
yes
2. McGraw-Hill Custom Storefronts User Stories:
Admin will control these settings:
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.
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 5 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
3. McGraw-Hill Custom Storefronts: Student Purchase
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 6 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
4. 0.0- Student Purchase Flow: Home: configurable content and customizable design
Case shown: Microsite page
content and design are
configurable by admin.
Global Navigation
LOGO
A
Specifications
C
B
Admin can:
Search and Browse (optional)
Enter book title, author, keyword or ISBN
G
search
F
C
C
School Home Page > Shop
A
Customize background color
B
Upload school logo. onClick,
user is taken to school home
page.
Display: global navigation.
Font, font style, size and
color are customizable.
C
D
E
Add links to external sites.
This area is only available
on homepage and is
optional. Font, font style,
size and color are
customizable.
F
D
Configure and customize
content (including header
and category names, fonts,
font style, size and color).
Add search box and browse
(this functionality is
optional).
Display: breadcrumb
E
Sidebar
Content
(by category, product, or combination of both)
(with links)
G
(starting with school (or
product) homepage).
footer
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 7 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
5. 0.0.1 - Global Navigation
Specifications
LOGO
Home
Help
Sign In
(#)
A
B
C
G
D
Case shown: global navigation
for 3 states.
Welcome, Laura!
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 8 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
Global nav (anonymous
user with items in the
shopping cart). Display:
numeric value.
I
Home
Help
B
Sign out
My Account
C
E
A
Global nav (anonymous
user with no items in
shopping cart).
Global nav (registered
user with no items are in
shopping cart).
J
Global nav (registered
user with items are in
shopping cart). Display:
numeric value.
F
A
Welcome, Laura!
A link to "My Account"
page now displays .
H
D
E
A
LOGO
C
Welcome Message
displays (Display: first
name).
H
B
Display number of items in
shopping card. onClick,
open shopping cart.
F
(#)
D
G
LOGO
Sign In
A
A
Help
onClick, user invokes "sign
in/sign out" slide down
menu to sign in or create
an account.
E
Home
onClick, user is taken to
customer service
information page.
C
LOGO
onClick, user is taken to
school homepage.
B
A
A
(#)
I
D
F
Home
Help
A
B
Sign out
C
My Account
(#)
D
J
6. 0.0.1 - ADA: Global Navigation
1
first
LOGO
Home
1.3
1.4
Home
Help
Sign In
1.2
1.1
Sign In
1.2
open <Store Name>
Help
1.3
1.4
(0)
1.5
first
1
LOGO
open <Store Name>
1.1
(#)
1.5
first
1
LOGO
Welcome, Laura!
open <Store Name>
1.2
1.1
Home
Help
1.3
1.4
Home
Help
1.3
1.4
Sign out
1.5
My Account
1.6
(0)
1.7
first
1
LOGO
open <Store Name>
1.1
Welcome, Laura!
1.2
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 9 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
Sign out
1.5
My Account
1.6
(#)
1.7
7. 0.0.2 - Footer
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.
Shop Logo
A
Policy
C
Support
B
Powered by Mcgraw-Hill Learning Solutions
F
Powered by Mcgraw-Hill Learning Solutions
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 10 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
Privacy notice (link: http://
www.mcgraw-hill.com/site/
tools/privacy/
privacy_english)
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).
Links will be removed from
checkout screens.
E
D
Shop Logo
Terms of use (link: http://
www.mcgraw-hill.com/site/
tools/terms-of-use)
F
B
Return Policy
Customer Support Site
A
C
Terms of Use
Privacy Notice
8. 0.0.2 - ADA: Footer
last
Shop Logo
1
1.1
Policy
1.3
Terms of Use
Privacy Notice
1.2
<Shop McGraw-HIll>
Support
Return Policy
Customer Support Site
1.4
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 11 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
Powered by Mcgraw-Hill Learning Solutions
<McGraw-HIll>
9. 0.1 - 403 error "Forbidden"
Specifications
Error: The Server is refusing to
fulfill the request
Sorry
We seem to be having some difficulty
finding this page
What to do next:
A
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.
A
"Page Missing" message
displays.
B
onClick, user returns to
previous page.
C
Error code displays.
return to the previous page
B
C
go to previous page
Error 403 - Forbidden
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 12 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
10. 0.2 - 404 error "Not Found"
Specifications
Error: Page not found.
Sorry
We seem to be having some difficulty
finding this page
What to do next:
return to the previous page
A
Definition:
The server has not found
anything matching the RequestURI. 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.
C
go to previous page
Error 404 - Page Not Found
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 13 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
"Page Not Found"
message displays.
B
onClick, user returns to
previous page.
C
B
A
Error code displays.
11. 0.3 - 408 error "Request Timeout"
Specifications
Error: The server did not produce
a request within the time the
server was prepared to wait
Sorry
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.
What to do next:
reload your page
Try reloading your page to
see if the problem is just
temporary
B
C
reload this page
Error 408 - Request Timeout
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 14 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
A
A
"Timed Out" message
displays.
B
onClick, user reloads the
page.
C
The request is taking longer than we
expected
Error code displays.
12. 0.4 - 500 error "Internal Server Error"
Specifications
Error: the server encountered an
unexpected condition which
prevented it from fulfilling the
request
Definition:
The server encountered an
unexpected condition which
prevented it from fulfilling the
request.
Sorry
What to do next:
return to the previous page
B
C
go to previous page
Error 500 - Internal Server Error
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 15 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
A
A
"Page Missing" message
displays.
B
onClick, user returns to
previous page.
C
We seem to be having some difficulty
finding this page
Error code displays.
13. 0.5 - 502 error "Bad Gateway"
Specifications
Error: The Server received a bad
response from an upstream
server, usually caused by the
wrong protocol
Sorry
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.
We seem to be having some difficulty
finding this page
A
return to the previous page
B
C
go to previous page
Error 502 - Bad Gateway
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 16 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
"Page Missing" message
displays.
B
What to do next:
A
onClick, user returns to
previous page.
C
Error code displays.
14. 0.6 - 504 error "Gateway Timeout"
Specifications
Error: The server did not receive
a response to the request within
the time it was prepared to wait.
Sorry
The request is taking longer than we
expected.
A
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.
A
Time related message
displays.
B
onClick, user reloads the
page.
C
Error code displays.
What to do next:
reload your page
Try reloading your page to
see if the problem is just
temporary
B
C
reload this page
Error 504 - Gateway Timeout
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 17 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
15. 1.0 - Student Purchase Flow: Home: by Category w/no Subcategories (framework)
B
A
H
LOGO
Welcome, (first name!)
D
E
Home
Help
Sign Out
F
Specifications
G
My Account
Case shown: A "signed in"
student comes to the home page
(organized by category).
(0)
A
Enter book title, author, keyword or ISBN
School Home Page > Shop
K
C
search
I
B
J
M
Categories
D
Header for Links
link to external site
N
Copy goes here
Category 1
Category 2
link to external site
E
F
N
Copy goes here
link to external site
C
G
N
H
Copy goes here
I
L
link to external site
Copy goes here
N
J
Display: school logo.
onClick, user is taken to
institution site.
Display: "Welcome, (first
name)".
onClick, user is taken to
homepage.
onClick, user is taken to
customer support page
(0.0.5).
onClick, sign out.
onClick, open dropdown
menu. Display links for:
"Account Settings", "Order
History", and "My Stuff".
onClick, open shopping cart.
onClick, enter book title,
author, keyword , ISBN or
course number.
onClick, user searches and
is taken to "search
results" (4.0).
Display: breadcrumb
(starting with school (or
product homepage).
K
Category 3
Category 4
Display: header.
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.
Display: sidebar with links.
Header name/style is
customizable in admin.
onClick, user is taken to
external site(s).
M
footer
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 18 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
N
16. 1.0.1 - Student Purchase Flow: NYU Home: by Category w/no Subcategories (by discipline)
Specifications
New York University
Welcome, Laura!
Home
Enter book title, author, keyword or ISBN
Help
Sign Out
My Account
(0)
search
Case shown: A "signed in" NYU
student arrives at homepage
(organized by discipline) and
chooses to browse the "Spanish"
category.
A
onClick, browse Spanish
results (4.1).
B
"Useful Resources" header
for sidebar links.
Useful Resources
C
onClick, user is taken to
"NYU Library" on external
site..
Library
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.
New York University > Shop
Disciplines
B
A
C
Copy goes here
Spanish
English
D
Schedule of Classes
Copy goes here
E
Campus Directory
Copy goes here
Chemistry
Biology
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
17. 2.0 - Student Purchase Flow: Home: by Producs (framework)
Specifications
LOGO
Welcome, (first name!)
Home
Help
Sign Out
My Account
Case shown: A "signed in"
student comes to the home page
(organized by products).
(0)
A
search
School Home Page > Shop
Books
D
Header for Links
link to external site
onClick, user is taken to the
product detail page (5.0)
E
Copy goes here
B
Product
Product
Product
link to external site
#
edition
#
edition
format
link to external site
#
edition
format
C
TITLE
(# edition)
By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
E
replaces "Online Resource."
format
TITLE
(# edition)
TITLE
(# edition)
By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
- "Paperback Format"
E
By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
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"
Copy goes here
link to external site
B
E
Copy goes here
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).
replaces "Paperback/Softback."
Copy goes here
All other format names remain the
same (see acceptance test for
complete list).
C
Display: product name and
edition #, author and
attributes:
1. Publication date
2. isbn (10 /13)
onClick, user is taken to the
product detail page (5.0)
D
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
Display: sidebar header
E
Display: sidebar links.
onClick, user is taken to
external site(s),
18. 3.0 - Student Purchase Flow: Home: Category (w/no Subcategories) and Product (framework)
Specifications
LOGO
Welcome, (first name!)
Home
Help
Sign Out
My Account
Case shown: A "signed in"
student comes to the home page
(organized by categories and
products).
(0)
A
search
School Home Page > Shop
Featured Product
E
Header for Links
TITLE
(# edition)
A
Product
#
edition
B
C
format
By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
link to external site
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 >
link to external site
onClick, user is taken to the
product detail page (5.0)
F
Copy goes here
B
F
Display "format type".
onClick, open informational
modal window: hardback,
paperback, looseleaf, spiral
bound, and digital access
formats only (5.0.3).
F
* Format name changes:
- "Digital Access Format"
Copy goes here
link to external site
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).
Copy goes here
replaces "Online Resource."
- "Paperback Format"
Category Header
link to external site
Copy goes here
D
Category 1
D
Category 2
D
F
replaces "Paperback/Softback."
C
Category 3
Display: product name and
edition #, author and
attributes:
1. Publication date
2. isbn (10 /13)
onClick, user is taken to the
product detail page (5.0)
D
E
Category 4
D
Category 5
D
Display: sidebar header
F
D
Display: categories in
modular format. onClick,
open browse results for
category (4.0).
Display: sidebar links.
onClick, user is taken to
external site(s),
Category 6
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
19. 3.0.1 - Student Purchase Flow: Home: Category (contains Subcategories) and Product (framework)
Specifications
LOGO
Welcome, (first name!)
Home
Help
Sign Out
My Account
Case shown: Student has
successfully signed in and is
taken to home page (by
categories).
(0)
A
Enter book title, author, keyword or ISBN
search
School Home Page > Shop
Featured Products
E
Header for Links
link to external site
Product
A
Product
Product
link to external site
onClick, user is taken to the
product detail page (5.0)
F
Copy goes here
B
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:
F
Copy goes here
#
edition
#
edition
#
edition
link to external site
F
Copy goes here
B
C
format
TITLE
(# edition)
format
format
TITLE
(# edition)
By: Author
By: Author
TITLE
(# edition)
By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
link to external site
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).
1. Publication date
2. isbn (10 /13)
F
onClick, user is taken to the
product detail page (5.0)
Copy goes here
D
Display: categories in
modular format.
Subcategories exist for
category 1. onClick, open
browse results for category
(3.0.2).
E
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
Display: sidebar header
F
Display: sidebar links.
onClick, user is taken to
external site(s),
Category Header
D
Category 2
Category 1
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
20. 3.0.2 - Student Purchase Flow: Subcategory and Product Page (framework)
Specifications
LOGO
Welcome, (first name!)
Enter book title, author, keyword or ISBN
Home
Help
Sign Out
My Account
search
browse
Case shown: Student has
successfully signed in and is
taken to home page (by
categories).
(0)
E
A
School Home Page > Shop > Category 1
Category 1 Products
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)
Product
A
#
edition
Product
Product
#
edition
B
format
C
TITLE
(# edition)
By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
#
edition
format
Product
Product
#
edition
format
#
edition
format
format
TITLE
(# edition)
TITLE
(# edition)
TITLE
(# edition)
TITLE
(# edition)
Publication Date: Month Day, Year
Publication Date: Month Day, Year
Publication Date: Month Day, Year
By: Author
ISBN: 0000000000 / 0000000000000
B
By: Author
By: Author
ISBN: 0000000000 / 0000000000000
ISBN: 0000000000 / 0000000000000
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"
By: Author
replaces "Online Resource."
Publication Date: Month Day, Year
- "Paperback Format"
ISBN: 0000000000 / 0000000000000
replaces "Paperback/Softback."
C
Subcategory Header
Display: product name and
edition #, author and
attributes:
1. Publication date
2. isbn (10 /13)
onClick, user is taken to the
product detail page (5.0)
Subcategory 1
D
Subcategory 2
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
D
Subcategory 3
D
Display: categories in
modular format. onClick,
open browse results for
subcategory.
E
D
Display: "browse"
dropdown (if search is
enabled in admin).
21. 4.0 - Student Purchase Flow: Browse/Search Results (framework)
Specifications
Case shown: Browse results for
Category 1 display.
LOGO
Welcome, (first name!)
Home
Sign Out
My Account
(0)
Category (13 results)
C
Sort by:
Relevance
|
Price
Title
#
edition
|
By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
TITLE
(# edition)
#
edition
By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
TITLE
(# edition)
#
edition
By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
TITLE
(# edition)
#
edition
By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
TITLE
(# edition)
#
edition
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).
E
Number of results per
page display in drop down:
10 (default), 25, 50, 100.
Browse dropdown is
configurable.
Product displays: product
picture, title, author,
publication date, ISBN.
onClick, page refreshes
and search results for
author display.
H
onClick, "format type"
opens modal window with
information for hardback/
paperback, looseleaf,
spiral bound, and digital
access formats only.
I
Display: price (USD).
J
Display: "browse"
dropdown (if search is
enabled in admin).
10 per page
TITLE
(# edition)
F
User can sort results by:
relevance (default), price,
title, publication date or
author. Pagination only
occurs at the bottom of
page.
D
B
|
Subject and # of results
display for browse results.
G
School Home Page > Shop > Category Results
B
F
J
browse
Breadcrumb displays for
browse results (level 1).
D
search
A
C
Enter book title, author, keyword or ISBN
A
Help
By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
Publication Date
G
|
Author
PREVIOUS
format
H
format
format
1
2
NEXT
E
$##.##
I
$##.##
$##.##
format
$##.##
format
$##.##
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 24 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
22. 4.0.1 - Student Purchase Flow: NYU: Browse Results (by discipline: spanish)
Specifications
New York University
Welcome, Laura!
Home
Help
Sign Out
My Account
Case shown: A "signed in" NYU
student is taken to browse results
for "Spanish."
(0)
A
B
Enter book title, author, keyword or ISBN
search
browse
New York University > Shop > Spanish
Spanish (13 results)
Sort by:
Relevance
|
Price
10 per page
|
Title
|
Spanish Title 1
(# edition)
#
edition
By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
Spanish Title 2
(# edition)
#
edition
By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
Spanish Title 3
(# edition)
#
edition
By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
Spanish Title 4
(# edition)
#
edition
By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
Spanish Title 5
(# edition)
#
edition
By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
Publication Date
|
Author
PREVIOUS
1
2
NEXT
hardback/paperback
$18.95
hardback/paperback
$19.00
hardback/paperback
$235.00
hardback/paperback
$100.67
hardback/paperback
$30.95
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 25 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
onClick, user opens
selection to view product
detail page (5.1).
onClick, user can browse
another category (if search
is enabled in admin).
B
23. 5.0 - Student Purchase Flow: Product Details (framework) - default state
Specifications
H
LOGO
I
Welcome, (first name!)
Home
Help
Sign Out
My Account
Case shown: product detail page
framework (for shippable and
digital access products).
(0)
A
A
browse
School Home Page > Shop > Level 1 Category > Product Name
C
B
Product Name or Title
$ ##.##
(# edition)
D
Product
By: Author
E
Publication Date: month, day, year
ISBN: ########## / ############
icon
B
F
C
Display product name with
edition/series # (when
applicable).
D
onClick, display all search
results by author. (x.x)
Display attribute list:
H
add to cart
*stock availability message
Language: type
#
edition
Display: product icon with
edition/series # over product
(when applicable). Edition #
will contain an ordinal suffix:
st, th, rd, nd.
E
search
Breadcrumb displays for
browse results (not for search
results).
B
Enter book title, author, keyword or ISBN
delivery message
G
1. Publication date
2. isbn (10 /13)
3. Language
4. This product will be shipped to you
(when applicable)
-----(more/less info link)
4. Imprint
5. Publisher
6. Dimensions (when applicable)
> more info
format
Learn more about formats
Table of Contents
Special Instructions:
Generic
image
F
onClick, expand list of
attributes (1.0.1).
G
Display delivery message w/
icon (when applicable, see
business rules).
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
Summary
Display: school logo. onClick,
user is taken to institution
site.
Generic text applicable to "digital access formats" goes here.
(if applicable)
Main description
Text goes here
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 26 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
24. 5.0 - Student Purchase Flow: Product Details (framework) - default state continued (w/expanded attributes)
Specifications
Case shown: product detail page
framework.
LOGO
Welcome, (first name!)
Enter book title, author, keyword or ISBN
Home
Help
Sign Out
My Account
search
(0)
I
browse
J
School Home Page > Shop > Level 1 Category > Product Name
$ ##.##
(# edition)
By: Author
K
Publication Date: month, day, year
add to cart
icon
H
J
*stock availability message
ISBN: ########## / ############
Language: display here
#
edition
K
I
Product Name or Title
Product
H
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.
O
Display: main description.
delivery message
< less info
Imprint: display here
Dimensions: display here
Learn more about formats
L
N
Summary
Table of Contents
M
Special Instructions:
Generic
image
onClick, user adds item to
cart (8.0) * applicable to all
product formats.
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)
L
Publisher: McGraw-Hill
format
onClick, collapse list to
original size.
Price displays (display USD).
Generic text applicable to "digital access formats" goes here.
(if applicable)
O
Main description
Text goes here
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 27 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
25. 5.1 - Student Purchase Flow: Product Details (by discipline: spanish)
Specifications
New York University
Welcome, Laura!
Home
Help
Sign Out
My Account
Case shown: A "signed in" NYU
student is taken to a product
detail page.
(0)
A
Enter book title, author, keyword or ISBN
By: Tracy Terrell
Publication Date: Jul 24, 2009
ISBN: 007738878X / 9780077388782
Language: English
7th
edition
This product will be shipped to you
> more info
hard cover
Learn more about formats
Summary
Table of Contents
N/A
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 28 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
$ 235.00
add to cart
*stock availability message
onClick, user can browse
another category (if search
is enabled in admin).
B
browse
New York University > Shop > Spanish > Dos Mundos w. Workbooks & Spanish/English Dictionary
Dos Mundos w. Workbooks &
Spanish/English Dictionary
(7th edition)
onClick, user adds item to
their cart.
B
search
A
26. McGraw-Hill Custom Storefronts: Student Flow
(ADA Compliance)
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 29 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
27. 1.0 - ADA
LOGO
2.0
Welcome, (first name!)
label: search field
Enter book title, author, keyword or ISBN
3.2
3.1
3.0
Categories
2.1
Help
search
Sign Out
My Account
(0)
2.2
search
School Home Page > Shop
4.0
Home
4.1
6.0
5.1
5.2
Category 1
Category 2
7.0
Header for Links
6.1
link to external site
7.1
Copy goes here
link to external site
7.2
Copy goes here
link to external site
7.3
Copy goes here
5.0
link to external site
7.4
Copy goes here
5.3
5.4
Category 3
Category 4
footer
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 30 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
last
28. 2.0 - ADA
first
LOGO
Welcome, (first name!)
Home
Help
Sign Out
My Account
(0)
search
2.0
School Home Page > Shop
3.0
Books
Header for Links
link to external site
5.0
6.1
6.0
Copy goes here
Product
Product
4.1
#
edition
Product
4.2
#
edition
format
open <book title>
<Author's Last
Name>, <edition#>
link to external site
4.3
format
Copy goes here
link to external site
#
edition
TITLE
(# edition)4.1.2
By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
4.1.3
TITLE
6.3
Copy goes here
format
link to external site
4.1.1
6.2
4.2.1
(#
open formats edition)
4.2.2
descriptionBy: Author
TITLE
(# edition)
4.3.2
4.3.1
6.4
Copy goes here
By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 4.2.3
/ 0000000000000
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
4.3.3
footer
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 31 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
last
29. 3.0 - ADA
first
LOGO
Welcome, (first name!)
Help
Sign Out
My Account
(0)
search
2.0
3.0
4.0
Home
School Home Page > Shop
Featured Product
5.2
5.1
8.0
TITLE
(# edition)
5.3
By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
Product
9.0
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu justo id
5.5
purus nisi faucibus mauris, in commodo dui diam faucibus ligula. More
Details >
5.4
format
8
link to external site
9.1
Copy goes here
open <book title>
est viverra pretium. Phasellus dignissim justo et justo pulvinar feugiat. In
<Author's Last lacinia diam, aliquet ultrices nulla fermentum id. Nam rhoncus mi
vulputate
Name>, <edition#>
non tortor euismod ultrices. Integer scelerisque, lectus eget tempor iaculis,
#
edition
Header for Links
link to external site
9.2
Copy goes here
link to external site
9.3
Copy goes here
open formats
description
Category Header
7.1
7.2
7.3
Category 1
Category 2
Category 3
link to external site
9.4
Copy goes here
open Category
7.4
7.5
7.6
Category 4
7.0
Category 5
Category 6
footer
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 32 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
last
30. 3.0.1 - ADA
first
LOGO
2.0
3.0
4.0
Welcome, (first name!)
Home
Enter book title, author, keyword or ISBN
Help
Sign Out
My Account
(0)
search
School Home Page > Shop
Featured Products
8.0
9.0
Header for Links
link to external site
Copy goes here
Product
5.0
Product
5.1
Product
link to external site
Copy goes here
open <book title>
<Author's Last
#
Name>, <edition#>
edition
#
edition
#
edition
link to external site
Copy goes here
open formats
description
5.1.1
format
5.1.2
TITLE
(# edition)
By: Author
7.0
format
TITLE
(# edition)
TITLE
(# edition)
By: Author
link to external site
By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
5.1.3
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
6.0
format
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
Copy goes here
Category Header
7.1
Category 1
7.2
Category 2
open Category
footer
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 33 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
last
31. 3.0.2 - ADA
first
LOGO
2.0
Welcome, (first name!)
Enter book title, author, keyword or ISBN
4.0
Help
Sign Out
search
My Account
open dropdown list
(as defined by admin)
*optional
Category 1 Products
Product
open <book title>
<Author's Last Name>,
#
<edition#> edition
6.0
#
edition
format
6.1.1
TITLE 6.1.2
(# edition)
open formats
description
By: Author
Product
#
edition
format
Product
Product
#
edition
format
#
edition
format
format
TITLE
(# edition)
TITLE
(# edition)
6.1.3
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
7.0
Product
6.1
(0)
browse
3.0
School Home Page > Shop > Category 1
5.0
Home
TITLE
(# edition)
TITLE
(# edition)
Publication Date: Month Day, Year
Publication Date: Month Day, Year
Publication Date: Month Day, Year
By: Author
ISBN: 0000000000 / 0000000000000
By: Author
By: Author
ISBN: 0000000000 / 0000000000000
ISBN: 0000000000 / 0000000000000
By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
Subcategory Header
8.0
8.1
Subcategory 1
8.2
Subcategory 2
8.3
Subcategory 3
open subcategory
footer
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 34 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
last
32. 4.0 - ADA
first
LOGO
2.0
Welcome, (first name!)
Home
Enter book title, author, keyword or ISBN
Help
Sign Out
My Account
search
Category (13 results)
10 per page
School Home Page > Shop > Category Results
5.0
browse
6.0
4.0
3.0
(0)
7.0
Relevance
Sort by:
7.1
8.1
#
edition
|
7.2
TITLE
8.2
(# edition)
Price
7.3
|
Title
|
7.4
By: Author
8.3
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
open product TITLE
detail page
(# edition)
#
edition
By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
TITLE
(# edition)
8.0
#
edition
By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
TITLE
(# edition)
#
edition
By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
TITLE
(# edition)
#
edition
By: Author
Publication Date: Month Day, Year
ISBN: 0000000000 / 0000000000000
Publication Date
|
Author
PREVIOUS
previous
page
7.5
format
8.4
1
2
NEXT
7.6
7.7
7.8
7.9
page 1
page 2 $##.##
open formats
description
format
$##.##
format
$##.##
format
$##.##
format
$##.##
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 35 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
label: 10 items per page
next
page
33. 5.0 - ADA
first
LOGO
Welcome, (first name!)
Home
Help
Sign Out
My Account
(0)
A
Enter book title, author, keyword or ISBN
2.0
4.0
search
3.0
School Home Page > Shop > Level 1 Category > Product Name
Product Name or Title
$ ##.##
(# edition)
5.1
5.4
By: Author
5.8
Publication Date: month, day, year
Product
#
edition
add to cart
*stock availability message
add to
ISBN: ########## / ############
<Book Title>
<Author's Last Name>
<Edition Number>
Language: type
icon
delivery message
> more info method icon
delivery
5.5
5.0
browse
5.2
format
5.6
formats
description
5.7
Summary
Table of Contents
Learn more about formats
open
5.3
Special Instructions:
Generic
image
toggle to table of contents
Generic text applicable to "digital access formats" goes here.
(if applicable)
Image (when applicable)
Main description
Text goes here
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 36 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
shopping cart
Breadcrumb displays for
browse results (not for search
results).
34. McGraw-Hill Custom Storefronts: ADMIN
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 37 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
35. 6.0 - ADMIN: Add MH Custom Store
A
Specifications
McGraw-Hill Custom Storefronts (Header)
B
Case shown: A signed-in admin
arrives at the McGraw-Hill
Custom Storefronts "Storefront
List" page and wants to add a
new store.
Storefront List
Help
A
Display header: "McGraw-Hill
Custom Storefronts" (persists
on all admin pages).
Display: "Storefront List"
Date Modified
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."
Display column titled: "Date
Modified." Default setting for
sort is most recent to least
recent.
G
Display column titled: "Web
Address."
Display link: "Store name"
with "edit" icon. onClick,
open "store settings" panel
(6.1.1) to edit.
Display: store's web
address. onClick, open store
homepage.
J
Online/Offline
web address
I
Store name (and code)
E
B
H
D
+ add store
G
F
C
F
K
Display button: "copy to
clipboard." onClick, copy
store url to clipboard.
K
onClick, open Help pdf
document in new window (x.x)
Display: footer (persists on
all admin pages) .
Arizona State University (AZSU)
1/04/12
mhheshop.com/azsu
copy to clipboard
Bard College (BARD)
Online
1/04/12
mhheshop.com/bard
copy to clipboard
Cornell University (CORN)
Online
1/04/12
mhheshop.com/corn
copy to clipboard
1/04/12
mhheshop.com/misu
copy to clipboard
1/04/12
mhheshop.com/nyu1
copy to clipboard
I
H
Online
J
Michigan University (MICH)
New York University (NYU1)
Offline
Online
L
MH Custom Storefronts (Footer)
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 38 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
L
36. 6.0.1 - ADMIN: MH Custom Storefronts Header/Footer
A
McGraw-Hill Custom Storefronts (Header)
Specifications
Case shown: Header/Footer
placement.
A
B
B
MH Custom Storefronts (Footer)
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 39 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
Display header (see visual
design for details).
Display footer (see visual
design for details).
37. 6.0.2 - ADMIN: Add Ohio State Universitiy Store
Specifications
Case shown: A signed-in admin
enters new store information.
Storefront List
A
Display header: "Add Store."
B
Display "Store Name" text
field (*required).
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).
E
Display "Store Contact" text
field. (*optional)
F
onClick, admin closes modal
and returns to page (6.0)
G
onClick, onClick admin
saves new store (6.0.3).
Help
+ add store
F
Online/Offline
Store name (and code)
Arizona State University (AZSU)
A
Date Modified
Add Store
web address
1/04/12
mhheshop.com/azsu
B
Online
Ohio State University 1/04/12
mhheshop.com/bard
mhheshop.com/corn
C
Web
Online Address:
1/04/12
www.mhheshop.com/ ohsu
1/04/12
mhheshop.com/misu
1/04/12
mhheshop.com/nyu1
Online
Store Name:
Bard College (BARD)
Cornell University (CORN)
Michigan University (MICH)
New York University (NYU1)
Offline
School Information:
D
County:
Online
State:
School:
United States
Ohio
Ohio State University
Store Contact:
E
admin@ohiostateuniversity.edu
cancel
save
F
(optional)
G
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 40 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
38. 6.0.3 - ADMIN: Edit Ohio State University Store
Specifications
McGraw-Hill Custom Storefronts (Header)
Case shown: A new store has
been added and admin wishes to
edit store info or content.
Store List
A
New store displays. onClick,
admin edits store info and/or
content (6.1.1).
B
onClick, admin edits store
info and/or content (6.1.1).
Help
+ add store
Online/Offline
Store name (and code)
Date Modified
web address
Arizona State University (AZSU)
Online
1/04/12
mhheshop.com/azsu
copy to clipboard
Bard College (BARD)
Online
1/04/12
mhheshop.com/bard
copy to clipboard
Cornell University (CORN)
Online
1/04/12
mhheshop.com/corn
copy to clipboard
1/04/12
mhheshop.com/misu
copy to clipboard
Michigan University (MICH)
Offline
New York University (NYU1)
A
Online
1/04/12
mhheshop.com/nyu1
copy to clipboard
Ohio State University (OSU)
Online
1/04/12
mhheshop.com/ohsu
copy to clipboard
B
MH Custom Storefronts (Footer)
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 41 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
39. 6.1 - ADMIN: Ohio State University Store Catalog (zero state)
MH Custom Storefronts
A
< Back
to list
Catalog Last Updated:
1/04/12
B
C
Store Status:
Ohio State University
D
online
Specifications
Case shown: The admin is taken
to Ohio State University catalog
admin main page and wants to
edit store settings.
Search for Products
Enter book title, author, keyword, or ISBN
Display "Catalog" button as
inactive.
onClick, open "User
Interface" contols (6.2).
onClick, open "Security"
controls (6.4).
K
Featured Product
Sort by Default
onClick, open new browser
window and display site
preview.
J
+ add category
Display: "Admin Support:
First name, Last Name."
onClick, open email
application with "send to"
address pre-populated.
onClick, open "Store
Settings" (6.1.1).
preview site
Store Settings
Categories
Display: "Help" link. onClick,
open "Help" pdf (x.x).
Help
Admin Support: John Smith
G
K
Display: "Store Status:" with
default setting for toggle set
to "online."
G
F
Display: "Catalog Last
Updated: month/day/year."
F
Security
C
I
User Interface
E
Display: Store Header.
H
Catalog
B
J
onClick, admin is taken back
to McGraw-Hill Custom
Storefronts list page (6.0.3).
E
I
A
D
H
National Products
search
Home
Products in this Category
ISBN
Title
Edition
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 42 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
Author
Type
40. 6.1.1 - ADMIN: Ohio State University Store Catalog: open store settings
MH Custom Storefronts
Catalog Last Updated:
1/04/12
Store Status:
Ohio State University
< Back
to list
online
Specifications
Case shown: Admin has opened
"Store Settings" accordion panel.
A
Display "Store Name" and
text entry field. onClick,
enter "Store Name."
B
Display "Web Address" with
text entry field. onClick,
enter "store code" after
www.hmmhshop.com/
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
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
onClick, close accordion
panel without saving
changes.
Help
Admin Support: John Smith
Catalog
User Interface
Security
preview site
Store Settings
D
Store Name:
A
School Information
Ohio State University
County:
State:
Web Address:
B
www.mhheshop.com/
ohsu
School:
Admin Info
Created by:
United States
Date Created:
Ohio
Updated by:
Ohio State University
Date Updated:
Store Status:
online
School Contact
John Smith
12/21/11
G
Linda Jones
01/04/12
E
admin@ohiostate.edu
(optional)
C
Categories
+ add category
cancel
H
Featured Product
Sort by Default
F
save settings
I
Search for Products
National Products
Enter book title, author, keyword, or ISBN
search
Home
H
Products in this Category
ISBN
Title
Edition
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 43 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
Author
Type
I
onClick, "save settings" and
close accordion panel.
41. 6.1.2 - ADMIN: Ohio State University Store Catalog: add category
MH Custom Storefronts
< Back
to list
Catalog Last Updated:
1/04/12
Store Status:
Ohio State University
online
Specifications
Case shown: Admin adds
categoroies.
A
B
onClick, expand area to
reveal text entry field.
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 (readonly). All created categories
reside within the home
folder.
G
Help
Display "Categories" tab
(active by default).
Display dropdown: "sort by
default." onClick, select
other option "alphabetical
(in descending order)."
Admin Support: John Smith
Catalog
User Interface
Security
preview site
A
Store Settings
Categories
B
+ add category
Featured Product
Sort by Default
G Search for Products
National Products
Enter book title, author, keyword, or ISBN
C
Spanish
Home
ok
D
E
search
cancel
Products in this Category
ISBN
Title
Edition
F
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 44 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
Author
Type
42. 6.1.3 - ADMIN: Ohio State University Store Catalog: search for products
MH Custom Storefronts
< Back
to list
Catalog Last Updated:
1/04/12
Store Status:
Ohio State University
online
Specifications
Case shown: Admin searches for
products to add to the category
"Biology."
A
B
onClick, enter book title,
author, keyword, or ISBN.
C
Display dropdown: "National
Products" default. onClick,
select other options: "Create
Products", or "All Products"
from dropdown.
D
Help
Display "Search for
Products" header.
onClick, search for product
(6.1.3.1).
Admin Support: John Smith
Catalog
User Interface
Security
preview site
Store Settings
Categories
+ add category
Featured Product
Sort by Default
A
C
Search for Products
1234567890
B
D
National Products
search
Home
Spanish (1)
English (1)
Products in this Category
ISBN
Title
Edition
Chemistry (1)
Biology (0)
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 45 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
Author
Type
43. 6.1.3.1 - ADMIN: Ohio State University Store Catalog: add product to product list
MH Custom Storefronts
< Back
to list
Catalog Last Updated:
1/04/12
Store Status:
Ohio State University
online
Specifications
Case 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.
G
Display: "Type." onHover,
entire format type appears.
H
onClick, close modal.
I
onCllick, close modal and
add product to "Product
List" (6.1.4).
Help
Admin Support: John Smith
Catalog
User Interface
Security
H
preview site
Search for Products
Store Settings
1234567890
National Products
A
Categories
B
+ add category
Home
Spanish (1)
English (1)
search
Featured Product
Products in this Category
ISBN
Sort by Default
1234567890
C
Search for Products
Title
Edition
Photo Atlas for General...
Author
National Products
Dennis Trete, Darrel...
hardcover/...
3
Products in this Category
D
E
F
ISBN
Type
Title
Edition
Chemistry (1)
search
G
Author
Type
Biology (0)
cancel
H
+ add to product list
I
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 46 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
44. 6.1.4 - ADMIN: Ohio State University Store Catalog: open product details page
MH Custom Storefronts
Catalog Last Updated:
1/04/12
Store Status:
Ohio State University
< Back
to list
online
Specifications
Case shown: Admin has added a
product to the "Biology Category."
A
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.
C
Display: ISBN.
D
Display: edition #.
E
Display: author(s) names.
F
Display: format type.
G
Help
Biology Category now
displays (1) item.
onClick, delete product.
Admin Support: John Smith
Catalog
User Interface
Security
preview site
Store Settings
Categories
+ add category
Featured Product
Sort by Default
Search for Products
National Products
Enter book title, author, keyword, or ISBN
search
Home
Spanish (1)
English (1)
Chemistry (1)
A
Products in this Category
ISBN
1234567890
Title
Edition
Photo Atlas for General...
Author
Type
3
Dennis Trete, Darre...
hard...
D
E
F
Biology (1)
B
Photo Atlas for General
Biology
C
B
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 47 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
G
45. 6.1.4.1 - ADMIN: Ohio State University Store Catalog: Add Featured Product
MH Custom Storefronts
< Back
to list
Catalog Last Updated:
1/04/12
Store Status:
Ohio State University
online
Specifications
Case shown: Admin sets a
product in the catalog as
"featured."
A
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.
D
Help
onClick, "Featured Product"
tab becomes active.
onClick, open product detail
page in new window
(National Bookstore).
E
Display "Featured Product"
header.
F
Display message: "Select a
product on your left" (only
show when no product is
featured).
Admin Support: John Smith
Catalog
User Interface
Security
preview site
Store Settings
Categories
B
A
Featured Product
All Products in Store
Set as
Featured
Featured Product
E
Photo Atlas for General Biology
(3rd edition)
None
Product 1
By: Dennis Strete, Darrell Vodopich
Product 2
Publication Date: Aug 1, 2006
Product 3
Photo Atlas for General
Biology
ISBN: 007738878X / 9780077388782
D
Select a product on your left
Language: English
7th
edition
C
F
Enter featured product text (no html).
save
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 48 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
46. 6.1.4.2 - ADMIN: Ohio State University Store Catalog: Save Featured Product
MH Custom Storefronts
< Back
to list
Catalog Last Updated:
1/04/12
Store Status:
Ohio State University
online
Case shown: Admin sets a
product in the catalog as
"featured."
A
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
Security
Display "Product Graphic."
C
Admin Support: John Smith
User Interface
onClick, admin selects
"featured product."
B
Help
Catalog
Specifications
onClick, admin saves
featured product settings.
preview site
Store Settings
Categories
Featured Product
All Products in Store
Set as
Featured
Featured Product
Photo Atlas for General Biology
(3rd edition)
None
Product 1
C
By: Dennis Strete, Darrell Vodopich
Product 2
Publication Date: Aug 1, 2006
Product 3
D
ISBN: 007738878X / 9780077388782
Photo Atlas for General
Biology
Language: English
B
(optional)
A
7th
edition
Enter featured product text (no html).
E
format type
save
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 49 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
F
47. 6.2- ADMIN: Ohio State University Store: UI Properties: choose theme (zero state)
MH Custom Storefronts
Catalog Last Updated:
1/04/12
Store Status:
Ohio State University
< Back
to list
online
Specifications
Case shown: Admin accesses
"User Interface" section.
B
Display "Themes and
Layout" (accordion panel is
open by default).
C
Display "Look and Feel"
header.
"Default" radio button is
selected by default.
E
onClick, select
"Customizable" radio button
and expand panel to reveal
more "Look and Feel"
settings (6.2.1).
F
onClick, open preview of
"default" or "customizable"
design in new browser
window.
G
onClick, save "Themes and
Layout" section.
H
Help
Display "User Interface"
button as "active."
D
A
A
Display "Site Elements". On
click, open accordion panel
(6.3).
Admin Support: John Smith
Catalog
User Interface
Security
preview site
Themes and Layout
B
C
Look and Feel
Customizable
Default
D
E
preview
F
H
Site Elements
preview
save
G
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 50 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
F
48. 6.2.1- ADMIN: Ohio State University Store: UI Properties: choose theme: customizable
MH Custom Storefronts
< Back
to list
Catalog Last Updated:
1/04/12
Store Status:
Ohio State University
online
Admin Support: John Smith
User Interface
Security
preview site
Themes and Layout
Look and Feel
Customizable
Default
Case shown: Admin has
switched "Look and Feel" from
"Default" setting to
"Customizable."
A
Help
Catalog
Specifications
A
preview
(wireframe continues on next page)
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 51 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
preview
"Customizable" radio button
is selected and window
expands to include more
settings (see 6.2.1.1).
49. 6.2.1.1- ADMIN: Ohio State University Store: UI Properties: customize colors and fonts
reset to default fonts and colors
A
Fonts and Link Color
Specifications
Case shown: Admin has switched
"Look and Feel" from "Default"
setting to "Customizable."
O
Font
Link Colors
#cccccc
C
I
Page Colors
D
Select a color
C
D
Display: "Font: Arial" default
onCllick, select alternate font:
Times.
Display: "Link Colors" w/hex
value.
Display: "Page Colors"
header.
Arial
J
C
Display "Fonts and Link
Color" header
B
B
A
(applies to entire site)
(applies to entire site)
E
F
K
Display: "Background
Gradient" color w/ hex value.
Display: "Featured Product
Background" color w/hex
value.
Display: "Top/Bottom Stripe"
color w/ hex value.
Display: "Header/Footer
Background" color w/hex
value.
onClick, open color selector.
G
E
Background Gradient
#eeeeee
I
H
(to white)
L
E
F
Featured Product Background
Hex Value
(same as background gradient selection)
cancel
F
G
Top/Bottom Stripe
#666666
I
#cccccc
save
Site Elements
M
N
I
J
K
Display color selector modal
with default hex value (see
spec sheet for all defaults).
onClick, move circle to select
desired color.
I
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.
O
onClick, reset to default fonts
and colors.
P
Header/Footer Background
H
Q
ok
J
L
G
H
#eeeeee
#eeeeee
onClick, save "Themes and
Layouts" settings.
Q
onClick, open "Site
Elements" settings accordion
panel (6.3)
P
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 52 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
50. 6.3- ADMIN: Ohio State University Store: UI Properties: site elements (zero state)
MH Custom Storefronts
Catalog Last Updated:
1/04/12
Store Status:
Ohio State University
< Back
to list
online
Specifications
Case 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."
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).
D
Display: "Logo links to your
website" text field. onClick,
enter url.
E
Display "Search and Browse"
Header with informative text:
"This functionality is active by
default."
F
Display "show" radio buttons
(default).
G
Display "hide" radio button.
onClick ,select "hide" search
and browse..
Help
Admin Support: John Smith
Catalog
User Interface
Security
preview site
Themes and Layout
Site Elements
A
Store Logo
B
Text Only
C
Store name displays as text by default, but you may choose to replace it by uploading a logo.
To revise the store's name, return to Catalog and click "Store Settings."
Upload Your Logo
(.png or .jpg formats only)
Ohio State University
Large logo
60 pix high by 420 pix wide max
D
Small logo
Logo links to your website:
(default store name will be included)
60 pix high by 60 pix wide max
upload
F
E
Search and Browse
This functionality is active by default.
(wireframe continues on next page)
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 53 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
G
Show
Hide
51. 6.3- ADMIN: Ohio State University Store: UI Properties: site elements (zero state) continued
Specifications
Sidebar: Useful Resources
H
I
Case shown: Admin has opened
"Site Elements" settings
accordion panel.
The sidebar does not display unless items are added.
+ add item
H
Description
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 54 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
Display: "Sidebar: Useful
Resources" header with
informational text: "The
sidebar does not display
unless items are added."
I
Title
onClick, add items to
sidebar (6.3.2).
Url
52. 6.3.1- ADMIN: Ohio State University Store: UI Properties: site elements: add small logo
MH Custom Storefronts
< Back
to list
Catalog Last Updated:
1/04/12
Store Status:
Ohio State University
online
Specifications
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).
Help
Admin Support: John Smith
Catalog
User Interface
Security
preview site
Themes and Layout
Site Elements
Store Logo
Text Only
Store name displays as text by default, but you may choose to replace it by uploading a logo.
To revise the store's name, return to Catalog and click "Store Settings."
Upload Your Logo
(.png or .jpg formats only)
Ohio State University
Large logo
60 pix high by 420 pix wide max
Logo links to your website:
A
http://www.ohiostate.edu
Small logo
(default store name will be included)
60 pix high by 60 pix wide max
upload
B
Search and Browse
This functionality is active by default.
(wireframe continues on next page)
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 55 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
Show
Hide
53. 6.3.1.1- ADMIN: Ohio State University Store: UI Properties: site elements: upload logo modal
MH Custom Storefronts
< Back
to list
Catalog Last Updated:
1/04/12
Store Status:
Ohio State University
online
Specifications
Case shown: Admin uploads a
small logo from desktop.
A
B
onClick, admin selects logo
file for upload.
C
onClick ,cancel and close
modal and return to previous
screen (6.3.1).
D
Help
Display: "Upload Logo"
header.
onClick, upload logo and
close modal (6.3.1.2).
Admin Support: John Smith
Catalog
User Interface
Security
preview site
Themes and Layout
A
Upload Logo
Site Elements
Store Logo
Text Only
C
Select a file to upload
Store name displays as text by default, but you may choose to replace it by uploading a logo.
logo1.jpg
April 16, 2011
DEVICES
To revise the store's name, return to Catalog and click "Store Settings."16, 2011
HD
logo2.jpg
April
PLACES
Desktop
Applications
Documents
logo3.jpg
April 16, 2011
Ohio State University
Logo links to your website:
B
Upload Your Logo
(.png or .jpg formats only)
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
http://www.ohiostate.edu
cancel
C
Search and Browse
upload
ok
D
This functionality is active by default.
(wireframe continues on next page)
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 56 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
Show
Hide
54. 6.3.1.2- ADMIN: Ohio State University Store: UI Properties: site elements: add small logo 2
MH Custom Storefronts
< Back
to list
Catalog Last Updated:
1/04/12
Store Status:
Ohio State University
online
Admin Support: John Smith
User Interface
Security
preview site
Themes and Layout
Site Elements
Store Logo
Text Only
Store name displays as text by default, but you may choose to replace it by uploading a logo.
A
To revise the store's name, return to Catalog and click "Store Settings."
Upload Your Logo
(.png or .jpg formats only)
Large logo
60 pix high by 420 pix wide max
Logo links to your website:
A
http://www.ohiostate.edu
Small logo
(default store name will be included)
60 pix high by 60 pix wide max
upload
Search and Browse
This functionality is active by default.
(wireframe continues on next page)
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 57 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
Show
Hide
Case shown: Admin has
successfully uploaded a small
logo.
A
Help
Catalog
Specifications
Display uploaded logo (radio
button remains selected).
55. 6.3.2- ADMIN: Ohio State University Store: UI Properties: site elements: add sidebar item 2
Specifications
Sidebar: Useful Resources
Case shown: Admin adds an
item to the sidebar.
The sidebar does not display unless items are added.
+ add item
A
B
Library
Url:
C
http://ohsu.com/library
Description (optional)
D
Display "Description" text
field (*not required).
onClick ,cancel and close
modal and return to previous
screen (6.3 continued).
F
save
Sidebar: Add Item
Title
B
D
onClick, add sidebar
item(6.3.3).
Url
E
A
Display "Url" text field
(*required).
E
Description
Display "Title" text field
(*required).
C
Title
Display "Sidebar: Add Item"
header.
Find reading resources at our library.
cancel
save
E
F
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 58 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
56. 6.3.3- ADMIN: Ohio State University Store: UI Properties: site elements: sidebar item added
Specifications
Sidebar: Useful Resources
Case shown: Admin has
successfully added an item to the
sidebar.
The sidebar does not display unless items are added.
+ add item
A
Library
B
Find reading resources at our library.
C
Display: "url"
onClick, edit sidebar item
(6.3.2).
onClick, delete sidebar item.
Url
C
E
http://ohsu.com/library
D
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 59 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
Display; "Description"
E
A
Description
B
D
Title
Display: "Title"
57. 6.4- ADMIN: Ohio State University: Security (Default setting with option 1)
MH Custom Storefronts
< Back
to list
Catalog Last Updated:
1/04/12
Store Status:
Ohio State University
A
Display default setting radio
button, "Inactive."
B
Display radio button :
"Registration Required
Before Purchasing Products
- If you select this option,
students will be required to
have (or create) a McGrawHill account before
purchasing products in the
store).
C
Admin Support: John Smith
User Interface
Case shown: Admin accesses
security section. Radio button for
security is "inactive" by default.
online
Help
Catalog
Specifications
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:
support@mhcampus.com)."
D
onClick, open email
application to send AAIRS
contact an email (email:
support@mhcampus.com).
Security
preview site
Security
Configure Security Settings
A
Inactive
B
Registration Required Before Accessing Storefront
If you select this option, students will be required to have (or create)
a McGraw-Hill account before purchasing products in the store.
C
AAIRS (School Log In Required to Access 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:support@mhcampus.com)
D
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 60 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index
58. 6.4.1- ADMIN: Ohio State University: Security (Default setting with option 2)
MH Custom Storefronts
< Back
to list
Catalog Last Updated:
1/04/12
Store Status:
Ohio State University
online
Specifications
Case shown: Admin as accessed
Security section where AAIRS is
not installed.
A
B
Display radio button :
"Registration Required
Before Purchasing Products
- If you select this option,
students will be required to
have (or create) a McGrawHill account before
purchasing products in the
store).
C
Radio button is disabled
since AAIRS is not installed
on school LMS.
D
Help
Display default setting radio
button, "Inactive."
onClick, open email
application to send AAIRS
contact an email (email:
support@mhcampus.com).
Admin Support: John Smith
Catalog
User Interface
Security
preview site
Security
Configure Security Settings
A
Inactive
B
Registration Required Before Accessing Storefront
If you select this option, students will be required to have (or create)
a McGraw-Hill account before purchasing products in the store.
C
AAIRS is not installed.
AAIRS is not installed on the School LMS.
* Please contact the AAIRS team to set this up (email:support@mhcampus.com)
D
Wireframes > MH Custom Storefronts 1.0 | Edited: 11.20.13 | Page 61 of 61 | Master: WF_CustomStoreFronts_v1.0 | Private & Confidential | back to index