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


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:


McGraw-Hill Custom Storefronts: Student Purchase


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


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.


LOGO

LOGO

LOGO

LOGO

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


0.0.1 - ADA: Global Navigation

Welcome, Laura! Home Help Sign out My Account (0)


LOGO

LOGO

LOGO

LOGO


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


0.0.2 - Footer

Shop Logo

Powered by Mcgraw-Hill Learning Solutions

SupportReturn PolicyCustomer Support Site

PolicyTerms of UsePrivacy Notice

FShop Logo


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

http://www.mcgraw-hill.com/site/tools/terms-of-use

http://www.mcgraw-hill.com/site/tools/privacy/privacy_english

https://create.mcgraw-hill.com/shop/


0.0.2 - ADA: Footer

Shop Logo


SupportReturn PolicyCustomer Support Site

PolicyTerms of UsePrivacy Notice

1

last

<Shop McGraw-HIll>

<McGraw-HIll>1.2

1.1

1.4

1.3


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


0.2 - 404 error "Not Found"


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.




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.


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.


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.


0.4 - 500 error "Internal Server Error"


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




Definition:The server encountered an unexpected condition which prevented it from fulfilling the request.

B


go to previous page


0.5 - 502 error "Bad Gateway"


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




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


go to previous page


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.


1.0 - Student Purchase Flow: Home: by Category w/no Subcategories (framework)

Category 1 Category 2


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



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




footer


1.0.1 - Student Purchase Flow: NYU Home: by Category w/no Subcategories (by discipline)


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


2.0 - Student Purchase Flow: Home: by Producs (framework)

TITLE(# edition)By: AuthorPublication Date: Month Day, YearISBN: 0000000000 / 0000000000000

Product

format

#edition


Product

format

#edition


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)


C

B

D Display: sidebar header

E

D

E

E

E

E

Display: sidebar links. onClick, user is taken to external site(s),

LOGO


Header for Links




footer

http://www.mhprofessional.com/mhhe_product.php?cat=108&isbn=0077505263&cat=108




3.0 - Student Purchase Flow: Home: Category (w/no Subcategories) and Product (framework)

Product

#edition


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


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).


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).




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



Header for Links




footer



3.0.1 - Student Purchase Flow: Home: Category (contains Subcategories) and Product (framework)

Featured Products

Category Header




Product

format

#edition


Product

format

#edition


Product

format

#edition


SpecificationsCase shown: Student has successfully signed in and is taken to home page (by categories).

Specifications



AB Display "format type".

onClick, open informational modal window: hardback, paperback, looseleaf, spiral bound, and digital access formats only.



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



Header for Links




footer





3.0.2 - Student Purchase Flow: Subcategory and Product Page (framework)


Product

format

#edition

browse

Category 1 Products


Product

format

#edition

Product

format

#edition

Product

format

#edition

Product

format

#edition





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



AB Display "format type".

onClick, open informational modal window: hardback, paperback, looseleaf, spiral bound, and digital access formats only (5.0.3).




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


footer







4.0 - Student Purchase Flow: Browse/Search Results (framework)


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


$##.##format

#edition


$##.##format

#edition


$##.##format

#edition


$##.##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







http://www.mhprofessional.com/covers/Jpeg_140-wide/0077505263.jpeg






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


$18.95hardback/paperback

#edition

PREVIOUS NEXT1 2


Spanish (13 results)New York University > Shop > Spanish


$19.00 hardback/paperback

#edition



#edition



#edition



#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)












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


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





5.0 - Student Purchase Flow: Product Details (framework) - default state continued (w/expanded attributes)


Publication Date: month, day, yearISBN: ########## / ############Language: display here

delivery message

< less info

Imprint: display herePublisher: McGraw-HillDimensions: display here



Main description

Text goes here

$ ##.##


Genericimage

(if applicable)


icon


add to cart


Product

format

#edition


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





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


N/A

$ 235.00


New York University > Shop > Spanish > Dos Mundos w. Workbooks & Spanish/English Dictionary

add to cart



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)


McGraw-Hill Custom Storefronts: Student Flow(ADA Compliance)


1.0 - ADA




Categories





Header for Links




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


2.0 - ADA

(0)Welcome, (first name!) Home Help Sign Out My Account


Product

format

#edition


Product

format

#edition


Product

format

#edition

BooksSchool Home Page > Shop

search

Welcome, (first name!) Home Help Sign Out My Account (0)LOGO


Header for Links




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#>





3.0 - ADA

Product

#edition


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 >



Featured ProductSchool Home Page > Shop

Category Header

search



Header for Links




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 Category

first



3.0.1 - ADA

Featured Products

Category Header




Product

format

#edition


Product

format

#edition


Product

format

#edition




Header for Links




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 Category


first





3.0.2 - ADA

Subcategory 1 Subcategory 2


Product

format

#edition

Subcategory 3

browse

Category 1 Products

Subcategory Header


Product

format

#edition

Product

format

#edition

Product

format

#edition

Product

format

#edition





School Home Page > Shop > Category 1


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 subcategory

6.0 open <book title><Author's Last Name>, <edition#>

first







4.0 - ADA


10 per page


$##.##format

#edition

PREVIOUS NEXT1 2


Category (13 results)School Home Page > Shop > Category Results


$##.##format

#edition


$##.##format

#edition


$##.##format

#edition


$##.##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













5.0 - ADA


Publication Date: month, day, yearISBN: ########## / ############Language: type

delivery message

> more info



Main description

Text goes here

$ ##.##


Genericimage

(if applicable)



A Breadcrumb displays for browse results (not for search results).

icon

Product

format

#edition



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


<Book Title><Author's Last Name><Edition Number>

delivery method icon

Image (when applicable)

add to shopping cart

toggle to table of contents





McGraw-Hill Custom Storefronts: ADMIN


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


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).


6.0.2 - ADMIN: Add Ohio State Universitiy Store

+ add store


Bard College (BARD)





Online 1/04/12

Online 1/04/12

Online 1/04/12

Offline 1/04/12

Online 1/04/12


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

[email protected]

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).


6.0.3 - ADMIN: Edit Ohio State University Store


Online 1/04/12

Online 1/04/12

Online 1/04/12

Offline 1/04/12

Online 1/04/12


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


Bard College (BARD)




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)


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


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).


6.1.1 - ADMIN: Ohio State University Store Catalog: open store settings


Store Status:


< Back to list



Help

preview site



National ProductsEnter book title, author, keyword, or ISBNHome

Search for Products

Store Name:Ohio State University

Web Address:ohsuwww.mhheshop.com/

United States

Ohio


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.


6.1.2 - ADMIN: Ohio State University Store Catalog: add category


Store Status:


< Back to list



Help

preview site


Store Settings



Home

Search for Products

Spanish


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)."


6.1.3 - ADMIN: Ohio State University Store Catalog: search for products


Store Status:


< Back to list



Help

preview site


Store Settings


National ProductsHome

Spanish (1)

English (1)

Chemistry (1)

Biology (0)

Search for Products



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).


6.1.3.1 - ADMIN: Ohio State University Store Catalog: add product to product list


Store Status:


< Back to list



Help

preview site


Store Settings


National ProductsHome

Spanish (1)

English (1)

Chemistry (1)

Biology (0)

Search for Products



search

Search for Products

National Products1234567890


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


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.


6.1.4 - ADMIN: Ohio State University Store Catalog: open product details page


Store Status:


< Back to list



Help

preview site


Store Settings



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



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.


6.1.4.1 - ADMIN: Ohio State University Store Catalog: Add Featured Product

Ohio State University Store Status:



< Back to list online


Help

preview site


Product 1

Product 2

Product 3

Featured Product

7thedition Enter featured product text (no html).


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


6.1.4.2 - ADMIN: Ohio State University Store Catalog: Save Featured Product




< Back to list online


Help

preview site


Product 1

Product 2

Product 3

Featured Product

7thedition Enter featured product text (no html).


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)


6.2- ADMIN: Ohio State University Store: UI Properties: choose theme (zero state)


Themes and Layout

DefaultLook and Feel

Customizable

Site Elements


previewpreview


< 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


6.2.1- ADMIN: Ohio State University Store: UI Properties: choose theme: customizable


Themes and Layout

preview

(wireframe continues on next page)

Look and Feel

preview

Default Customizable



< Back to list


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


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


6.3- ADMIN: Ohio State University Store: UI Properties: site elements (zero state)


Themes and Layout

Site ElementsStore Logo



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


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


< Back to list


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)


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).


6.3.1- ADMIN: Ohio State University Store: UI Properties: site elements: add small logo


Themes and Layout




Logo links to your website: http://www.ohiostate.edu




Upload Your Logo



This functionality is active by default.


< Back to list


Help

preview site

online

upload

Specifications

Store name displays as text by default, but you may choose to replace it by uploading a logo.


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).


6.3.1.1- ADMIN: Ohio State University Store: UI Properties: site elements: upload logo modal


Themes and Layout








Upload Your Logo





< Back to list


Help

preview site

online

upload



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


6.3.1.2- ADMIN: Ohio State University Store: UI Properties: site elements: add small logo 2


Themes and Layout







Upload Your Logo





< Back to list


Help

preview site

online

upload

Specifications



A

Case shown: Admin has successfully uploaded a small logo.

A Display uploaded logo (radio button remains selected).

A


6.3.2- ADMIN: Ohio State University Store: UI Properties: site elements: add sidebar item 2


Title Description

save

Url


+ 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


6.3.3- ADMIN: Ohio State University Store: UI Properties: site elements: sidebar item added


Title Description Url


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


6.4- ADMIN: Ohio State University: Security (Default setting with option 1)



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


6.4.1- ADMIN: Ohio State University: Security (Default setting with option 2)



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).


< 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

Date post:	14-May-2015
Category:	Design
Upload:	laura-kim
View:	312 times
Download:	1 times

Wf mh custom_storefronts_final

Design