1 / 10

Photo editor for new postcard website

Photo editor for new postcard website. Wednesday, 9 th November. Overview. We want to turn user’s digital images into real, printed postcards that we post to anywhere in the world on their behalf. We are looking to move from our current Flash upload and edit mechanism to a new mechanism that:

liesel
Download Presentation

Photo editor for new postcard website

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Photo editor for new postcard website Wednesday, 9th November

  2. Overview We want to turn user’s digital images into real, printed postcards that we post to anywhere in the world on their behalf. We are looking to move from our current Flash upload and edit mechanism to a new mechanism that: • allow users to upload any image • displays how this will appear if printed on the front of a postcard • allows users to select which part of the image they wish to use via a combination of zoom, move and flip/rotate. To do this, we will treat the image as a canvas with the front of the postcard-to-be as a window onto this canvas. See the next slide.

  3. Aim • We are looking to recreate the photo editing functionality on Touchnote.com (but without add text and captions). More detail is provided in the rest of this presentation. • The deadline is 16.11.11 • We will provide all assets

  4. Image to postcard Image Postcard front

  5. Flow Display image Upload save Edit Image editor

  6. Ideal design

  7. Functions and considerations Main aim of photo editor is to allow user to focus on the area of photo most appropriate for the postcard. Effects are ‘extra’ and in some cases will confuse users. Considerations Need to resize any edited images to postcard size Need to edit within a frame to indicate what edited postcard will look like Key functions • Zoom so that only a part of a photo is used on the card • Move so that the zoomed in on area can be selected • Rotate is useful if zoom is available.

  8. Moonpig (Flash)An excellent example

  9. Aviary

  10. JS alternatives See “With crop preview” to see good representation of canvas with cropping http://www.defusion.org.uk/demos/060519/cropper.php?demoType=preview&image=castle&formSubmit=Load+demo Preview not working, but sounds interesting http://uvumitools.com/crop.html

More Related