Home Loading Screen Press/Hold - Plays Intro Video Single Tap - Displays Toolbars 1 Swipe left/right - Navigate to the next/previous screen
Retail Catalog App Wireframes
Aug 22, 2015
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Home Loading Screen
Press/Hold - Plays Intro Video
Single Tap - Displays Toolbars
1
Swipe left/right - Navigate to the next/previous screen
Single Tap - Hides Toolbars
Buttons: Previous, Home, Grid, View Bag, Page Info, Next
1
Home Loading Screen w/ Toolbars
Catalog Menu / TOC Screen
Single Tap - Displays Toolbars
1 Browse Catalog
Try on a Watch
Store Locator
Fossil Blog
Current Promotion
Fossil Video
Shop Fossil.com
Press/Hold - TOC Links
1
Swipe left/right - Navigate to the next/previous screen
Scroll indicator displays during scroll and hides after
typical delay.
All Pages Grid View
Swipe up/down - Scroll more pages on to screen
Single press/hold - loads the catalog page view.
1
Catalog Standard Page
Single Tap - Displays Toolbars
1Press/Hold - Page Info
1
Swipe left/right - Navigate to the next/previous screen
Pinch Zoom
Buttons: Previous, Home, Grid, View Bag, Page Info, Next
Catalog Standard Page w/ Toolbars
Single Tap - Hide Toolbars
1Press/Hold = Page Info
1
Swipe left/right - Navigate to the next/previous screen
Scroll indicator displays during scroll and hides after
typical delay.
Buttons here display a new view or modal dialogue
as appropriate.
$54.00Jewel Top Long Name
Buy Now
$54.00Jewel Top Long Name
Buy NowCatalog Products Listing View
Buy Now Try it On!
$105.00Allie White Chronograph
Swipe up/down - Scroll more products on to screen
Catalog Product Webkit View
Swipe up/down - Scroll more products on to screen
Scroll indicator displays during scroll and hides after
typical delay.
Fossil.comCatalog
Webkit View Mobile Web Product URL
Catalog Product Facebook Share
Catalog Product Facebook Share
Product image url is used for thumbnail image.
Use Product URL to automatically populate Facebook link info.
Try On Watch Browse
Watch Image
Single Tap - Displays Toolbars and watch action layer.
1
Swipe left/right - Navigate to the next/previous watch view
Try On Watch Action Layer
Watch Image
Press/Hold Image - Displays watch action layer.
1
Allie White Chronograph
More Details -> Webkit Product Page URL Try it On! -> Virtual Watch Feature View
Single Tap - Hides watch action layer.
1
Buy Now Try it On!
Watch Image
Try On Watch Browse w/ Toolbars
Single Tap - Hides Toolbars and watch action layer.
1
1/13
Watch List
Previous / Next Buttons + pagination info (current product number / total product count)
Camera Live ViewCamera Live View
Try On Watch Browse w/ Toolbars
Rotate and Camera buttons. Rotate button rotates watch and icons to make a landscape photo work.
Rotate and Camera buttons. Rotate button rotates watch and icons to make a landscape photo work.
Allie White ChronographAllie White Chronograph
Share / Save Button - P1: Save to Photo Album, P2: Share via email, Facebook, Twitter
Allie White Chronograph
Pinch Zoom
Camera Live View
Try On Watch Browse w/ Toolbars
Camera Live View
Try On Watch Browse Save to Photo Album
Allie White Chronograph
Saved to your Photo Album. You can share with your friends
by emailing from the Photo Album.
Basic Webkit inApp view
Fossil.com
Webkit View:
Store Locator
Blog
Promotion
Videos
Shop Fossil.com
Catalog
Basic Webkit inApp view
Fossil.com
Webkit View:
Store Locator
Blog
Promotion
Videos
Shop Fossil.com
Catalog
Related Documents
