====Problem:
A person creating a Wikistory on the prototype may want to add to, delete or tweak the text they have selected to support the narrative or flow of their story.
====Request:
Introduce text editing on Wikistories prototype. A user would would be able to change the text in:
1. Each story frame
2. In the Story title
The edited text would be saved, and viewable:
- as they create the story before they move on to the next frame,
- after they have created several frames and want to go back to a particular frame to edit it
- in the story viewer
====Design details
- By default, show an empty text box when users land on story builder.
- Tap/click on empty text box would ask users to choose text preference.
- Open the text editing mode when users choose to write story text by themselves.
- In text editing mode, focus is on text box.
- Show an onboarding for 5 seconds.
- Onboarding message disappears after 5 seconds.
- Come out of text editing mode when users tap on Done or soft back key on their device.
|{F34854661 width=200}
|{F34854659 width=200}
|{F34854657 width=200}
|{F34854658 width=200}
|{F34854662 width=200}
- Open Wikipedia article when users decide to select text from Wikipedia.
- Allow text selection from Wikipedia.
- Show selected text in focus mode along with a keyboard.
- Allow users to edit the text further in case they wanna make any edits.
- Show them an onboarding message for 5 seconds, moment they start typing.
- Onboarding message disappears after 5 seconds.
- Come out of text editing mode when users tap on Done or soft back key on their device.
|{F34854702 width=200}
|{F34854777 width=200}
|{F34854700 width=200}
|{F34854701 width=200}
|{F34854703 width=200}
- Ask users their preference when they tap/click on a text box which has a text available.
- Open Wikipedia article if users decide to replace the text from Wikipedia.
- Open text editing mode when users decide to edit the text manually.
|{F34854722 width=200}
|{F34854721 width=200}
[[ https://www.figma.com/file/pj2ASYTU23ieu3hFvclMer/Wikistories?node-id=1317%3A16754 | Figma file
]]