Change Details

====Background Within the process of creating a Wikistory, a user may want to re-order the frames they had selected to have a better flow to the story. ====Request - Allow users to reorder the frames in a story in a way that they can see what changes they are making. ====Design details - Activate reordering when users long press(500ms) on a story frame available at the bottom. - Provide an haptic feedback to let users know that they can start reordering. - Horizontally allow drag gesture to move the position of a story frame which is currently in action. - Place the story frame to its new position when users leave the long press and adjust the other story frames accordingly. |{F34854865 width=260} |{F34854866 width=260} [[ https://www.figma.com/file/pj2ASYTU23ieu3hFvclMer/Wikistories?node-id=1712%3A20740 | Figma link ]]

====Background Within the process of creating a Wikistory, a user may want to re-order the pages they had selected to have a better flow to the story. ====Request Allow users to reorder the pages in a story in a way that they can see what changes they are making. ====Design details |Long press on a story page| |{F35014077 width=260}| - Activate reordering when users long press(500ms) on a story page available at the bottom. |Drag story page|Lift finger to move story page| |{F35014085 width=260}|{F35014084 width=260}| - User can horizontally drag a story page in action. - Move story page to its new location when user lift the finger. - If first story page is in action, allow scrolling to it's right only. - If last story page is in action, allow scrolling to it's left only. Note: During development, we can explore how we can provide tactile feedback after long-press on a story page. Tactile feedback can inform users that they can start reordering. [[ https://www.figma.com/file/pj2ASYTU23ieu3hFvclMer/Wikistories?node-id=2188%3A22769 | Design details ]]

====Background Within the process of creating a Wikistory, a user may want to re-order the framespages they had selected to have a better flow to the story. ====Request - Allow users to reorder the framespages in a story in a way that they can see what changes they are making. ====Design details |Long press on a story page| |{F35014077 width=260}| - Activate reordering when users long press(500ms) on a story frame available at the bottompage available at the bottom. |Drag story page|Lift finger to move story page| |{F35014085 width=260}|{F35014084 width=260}| - User can horizontally drag a story page in action. - Provide an haptic feedback- Move story page to let users know that they can start reorderingits new location when user lift the finger. - Horizontally allow drag gesture to move the posi- If first story page is in action of a story frame which is currently in action, allow scrolling to it's right only. - Place the story frame to its new position when users leave the long press and adjust the other story frames accordinglyIf last story page is in action, allow scrolling to it's left only. Note: During development, we can explore how we can provide tactile feedback after long-press on a story page. Tactile feedback can inform users that they can start reordering. |{F34854865 width=260} |{F34854866 width=260} [[ https://www.figma.com/file/pj2ASYTU23ieu3hFvclMer/Wikistories?node-id=17122188%3A20740 | Figma link2769 | Design details ]]