Facebook Collage Functionality

Transcription

1 Intro - Table of Contents Facebook Collage Functionality Page 2 Splash Page 3 Collage Step 1 Page 4 Collage Step 2 Page 5 Collage Step 3 Page 6 View Order Page 7 Photo Prints Page 8 Tagged Images Page 9 Cart Page Page 10 Help Page 11 FAQs Page 12 Pop-ups Page 13 Resolution Disclaimer Pop-ups Revised: 7/7/2009 2:10 PM Page: 1 of 13 Location: C:\

2 Splash 270 pt. x 65 pt. Needed Functionality: Entire graphic clickable for 4x6 Photo Prints and Collage Prints. Advertisement 270 pt. x 200 pt. 4x6 Photo Prints Advertisement 270 pt. x 200 pt. Select Photo Select Collage Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in. Revised: 7/7/2009 2:10 PM Page: 2 of 13 Location: C:\

3 Collage - Step pt. x 15 pt. Help About 4x6 Photo Prints Needed Text to be provided by content: You can now print 4x6, 5x7 and 8x10 photo collages. Choose the photos you like, select 1-10 of your favorites and get creative! Functionality: About link goes to About page. My Albums Friend Albums Tagged Images View Order 2 & 3 4x6 Photo Prints graphic link goes to Photo Prints page. Sort by Album Halloween Step 1: 1Choose Photos photos 1 Select all Deselect All [Placeholder Text] 100 pt. x 20 pt. Album link sorts the albums. If user is already in an album that album would continue to be highlighted with other albums sorting around it. Christmas 2008 Odds and Ends Create Collage goes to Step 2 of the collage process. Button should be inactive if user has not chosen any images. Our Wedding All other links/s work as they do currently. Paris 2009 Fun Stuff 1 Changed text breadcrumb trail to graphics to better communicate location to user and to not look actionable Invite Friends Tell us what you think! Take the Photo Printing Survey Checkout Revised: 7/7/2009 2:10 PM Page: 3 of 13 Location: C:\ Cancel [Placeholder Text] 2 3 Added second Create Collage to top of Choose Photos window. New is located on same row as the navigation breadcrumb trail. Change in copy for what was the Create Collage is to take place. Exact text is pending.

4 Collage - Step 2 Photo.com 155 pt. x 15 pt. Help About 4x6 Photo Prints Needed Text to be provided by content: You can now print 4x6, 5x7 and 8x10 photo collages. Choose the photos you like, select 1-10 of your favorites and get creative! My Albums Friend Albums Tagged Images View Order Tabs are inactive Functionality: About link goes to About page. 4x6 Photo Prints graphic link goes to Photo Prints page. Step 1: Choose Photos Step 2: 2Select Continue takes user to Step 3. Collage Size 4 All other links/s work as they do currently. 4x6 5x7 8x10 Messaging: Need fatal warning message if user has chosen more than 10 images. Collage Orientation Portrait Landscape 4 Added window to the right that shows Collage Size and Collage Orientation options. Scroll bar moves to left of the new window. 5 Changed text in Continue to Create Collage 5 Back Create Collage Inactive Invite Friends Return to Step 1 Inactive Checkout Revised: 7/7/2009 2:10 PM Page: 4 of 13 Location: C:\

5 Facebook Collage Collage - Step pt. x 15 pt. Help About Needed 4x6 Photo Prints Text to be provided by content: You can now print 4x6, 5x7 and 8x10 photo collages. Choose the photos you like, select 1-10 of your favorites and get creative! 20 pt. x 15 pt. Hex , ffffff, Tabs are inactive d0101d, 0a8f32, ffff99, My Albums Friend Albums Tagged Images View Order 0191b3 Step 1: 1Choose Photos Photos Step Step 2: Select 2 Select Step 3: 3 Create Collage 6 Functionality: About link goes to About page. 4x6 Photo Prints graphic link goes to Photo Prints page. Border Color swatch should be highlighted on Mouse over and on Select. Small collage example changes as user clicks different options. Collage Size See scale 4x6 5x7 Remove Title will 8x10 only appear after a title has been applied to the collage Orientation Portrait Landscape 9 Border Size Thin Medium Thick Border Color See scale link opens scale pop-up. Click to Format Title link opens Title Editor pop-up. View larger link opens the Collage Preview pop-up. Save Collage saves the current collage and takes use to the View Order page. Inactive Invite Friends pt. x 150 pt. 150 pt. x 220 pt. Font style choices: Basic = Arial Fun = Comic Sans MS Elegant = Georgia Title Font Style Title Area Apply Title 50 pt. x 15 pt. Basic Top 0/50 Basic Remove Title Counter =number of characters typed/total number of characters available Back Shows selected font style (Basic, Fun, or Elegant) IF font style isn t shown automatically in the text field as it is typed. Font type can also be shown literally as the dropdown options Add to Cart Inactive Checkout All other links/s work as they do currently. Messaging: Need warning message if Save to Cart is clicked and the user has chosen only 1 image for an 8x10 collage. Changed text breadcrumb trail to graphics to better communicate location to user and to not look actionable Changed Save Collage to Add to Cart Removed View Larger Button only applies if title 8 Note: Font color is cannot appear preset depending on Recommend removing popup for titling on the collage Border 9 in real time as Incorporated it into existing page to save steps and added color used. it it typed rendering cycles Placed Title Area (Top or Bottom) in dropdown Revised: 7/7/2009 2:10 PM Page: 5 of 13 Location: C:\ Added Apply Title Added character counter Added proposals to show font type so user can select prior to typing

6 Facebook Collage View Order 155 pt. x 15 pt. Help About 4x6 Photo Prints My Albums All Prints (12 total) Text to be provided by content: You can select and deselect 4x6 prints and Collage prints here. You will be able to change quantities during Checkout. Note: Prints may appear blurry and/or pixelated if your photos fail to meet the resolution standards set by Facebook. Learn more. Friend Albums Tagged Images View Order Select all Deselect all Content: Need message in frame with link to 4x6 Photo Prints page if no photo prints are selected. Same for Collage section. Functionality: About link goes to About page. 4x6 Photo Prints graphic link goes to Photo Prints page. All other links/s work as they do currently. Selected Selected Selected Selected Selected Selected Invite Friends Tell us what you think! Take the Photo.com Photo Printing Survey Cancel Checkout Revised: 7/7/2009 2:10 PM Page: 6 of 13 Location: C:\

7 Facebook Collage Photo Prints 155 pt. x 15 pt. Help About 4x6 Photo Prints Needed Text to be provided by content: Select your favorite photos and print 4x6 prints to pick-up at your local store. Note: Prints may appear blurry and/or pixelated if your photos fail to meet the resolution standards set by Facebook. Learn more. Functionality: About link goes to About page. My Albums Friend Albums Tagged Images View Order graphic link goes to page. Sort by First Name Rena Prizant Misc (6 photos selected) Select all Deselect All Name link sorts the albums by friend name. If user is already in an album that album would continue to be highlighted with other albums sorting around it. All other links/s work as they do currently. Invite Friends Tell us what you think! Take the Photo.com Photo Printing Survey Cancel Checkout Revised: 7/7/2009 2:10 PM Page: 7 of 13 Location: C:\

8 Tagged Images Photo.com logo 155 pt. x 15 pt. Help About 4x6 Photo Prints Needed Text to be provided by content: Select your favorite photos and print 4x6 prints to pick-up at your local store. Note: Prints may appear blurry and/or pixelated if your photos fail to meet the resolution standards set by Facebook. Learn more. Functionality: About link goes to About page. My Albums Friend Albums Tagged Images View Order graphic link goes to page. My Tagged Images (6 photos selected) Select all Deselect All The name of the Album and who posted the album will be shown when the image is magnified (see example). This same information will be shown on Mouse over. All other links/s work as they do currently. Future Release: Ability to view Friend s tagged images. From the album Halloween by Jim Smith Invite Friends Tell us what you think! Take the Photo.com Photo Printing Survey Cancel Checkout Revised: 7/7/2009 2:10 PM Page: 8 of 13 Location: C:\

9 Cart page Photo.com Removed all references to 5x7 prints. Added Collage print pricing. Add additional quantities below. Collage print Remove 4x6 print 0.29 ea 5x7 print 1.99 ea 8x10 print 3.99 ea Preview Preview Remove 4x6 collage print(s) Remove Preview Preview Revised: 7/7/2009 2:10 PM Page: 9 of 13 Location: C:\

10 Help 270 pt. x 65 pt. Need updated content and graphics to reflect Facebook 2.0 enhancements. Help FAQs Photo.com Photo Printing allows Facebook users to print 4x6 and 5x7 photos from personal Facebook photo albums or a friend's Facebook album. Prints are available for pickup at your local store. Below, you can learn more about using the the Photo Printing Facebook Application. Or, check out our list of Frequently Asked Questions. - View Photos in Albums - Select Photos for Printing - Order Prints Select Photo Sizes After you click the CHECKOUT, you can update quantities and sizes of your selected photos. At this time, you can order 4x6 and 5x7 prints of Facebook photos. - Order Individual Prints - Remove Images Return to Application Revised: 7/7/2009 2:10 PM Page: 10 of 13 Location: C:\

11 FAQs 270 pt. x 65 pt. Need updated content and graphics to reflect Facebook 2.0 enhancements. Help FAQs Creating an Album - How do I create an album on Facebook? Inviting Friends to Join - How do I invite friends to add the Photo.com Photo Printing Application? Selecting Photos - What if I don t see any of my photos in the Photo.com Photo Printing Application? - What if there aren t any albums appearing in the My Friends tab? - Why can t I see all the photos in which my friends are tagged? Picking Up Prints - How do I pick up my prints if I don t live near a local store? Print Size - Why can t I order prints larger than 5x7 with the Photo.com Photo Printing Application? Privacy - Do my friends know if I print any of their photos? - What if I don t want my friends to be able to print photos from my Facebook albums? Return to Application Revised: 7/7/2009 2:10 PM Page: 11 of 13 Location: C:\

12 See Scale pop-up (285 pt. x 415 pt.) Photo.com Title Editor pop-up (220 pt. x 90 pt.) Title (49 characters max.) Font style Basic Basic Close 50 pt. x 22 pt. Obsolete See Collage Step 3 for new design Pop-ups Font style choices: Basic = Arial Fun = Comic Sans MS Elegant = Georgia Note: Font color is preset depending on Border color used. Collage Preview pop-up (regular preview window sizing) Close 50 pt. x 22 pt. Autumn 2008 Revised: 7/7/2009 2:10 PM Page: 12 of 13 Location: C:\

13 Resolution Disclaimer Pop-up Disclaimer Pop-up (regular preview window sizing) Print quality depends on the resolution of your photo when it was originally taken. Facebook will store images at a maximum resolution of XXX x XXX. If the resolution of your image falls below this standard, your prints may appear blurry and/or pixelated. For optimal results, upload your images directly to W Photo. Below you ll find examples of varying resolutions and the resulting prints: Resolution: High Source: Digital Camera Resolution: Medium Source: Scanned Photo Resolution: Low Source: Camera Phone Revised: 7/7/2009 2:10 PM Page: 13 of 13 Location: C:\