====Description/User story
As a creator
I would like to re-position the story image accordingly,
so that the reader can appreciate the context of the image together with the message in the text.
As a reader
I would like to view a story image,
so that I can understand the message in the text together with the image.
====Design details
|Move image to left|Move image to right|======Gesture discovery
|{F35013694 width=260}|{F3501369518981 width=260}|
|Move image to down|Move image to up|Story creators can directly perform gestures on an image available on a story page.
======Gesture details
**Scroll**
|{F35013693 width=260}|{F35013692 width=260}|- Story creators can scroll image to move continuously through it.
- Preserve the state of story image when users are no longer applying gesture on it.
- Allow scrolling until there is no more image to show in that direction.
- Do nothing when there is no more image to show and editors are still trying to scroll an image.
- Move story page image when a user uses drag gesture.**Double taps **
- Allow two quick taps to zoom into and out of image.
- As a starting point, we can consider following zoom-in levels 150%, 200%. Zoom out of it when creators taps after reaching the
- Do nothing when edge of the image is reached maximum zoom-in level.
- On a story page, preserve image position based on user's action. Preserve the state of story image when users are no longer applying gesture on it.
======Other details
- Do not move the view in image thumbnail in realtime while users reposition an image.
- Update image thumbnail view when user is no longer applying gestures on a story image.
- As of now we can start with above proposed gestures and add more based on their usefulness for story editors.
- We will address how users will get to know that they can apply gestures on the images in a separate task.
- Text box and image license remain as it is while editors are applying gestures on an image.
====Acceptance Criteria
1. Able to move the image UP, DOWN, LEFT & RIGHT
2. Viewing the image after re-positioning
====Test Scenarios
1. Verify that users can pan images left and right within the border of the image.
2. Verify that at the border of the image, the user cannot pan the image any more.
====Open questions
1. Would the view in the image thumbnail at the bottom of the page also change real-time as the user repositions the image?
2. Will the user be able to pinch or expand the images?
3. There should be some text to inform the user they can take this action.