Change Details

====Problem In the Wikistories prototype, the highlight and clear options on the Wikistories prototype could be much clearer, both in look and in call to action. ====Request - Improve the visibility of the highlight and clear toolbar at the bottom of the screen - Change the CTA from "highlight" to "Select" or "Add to story" - Change the CTA from "Clear" to "Cancel" ====Design details - A permanent message banner which let users know about text selection while landing on an article. They can tap on information icon to learn more about the text selection style. - Users can discard the expanded card either by tapping on close icon or anywhere outside the text card. - Show "Add to story" and "Cancel" options using different colors. - Tapping on add to story will select the highlighted text for a story page. - Tapping on Cancel will discard the highlighted text. |{F34848983 width=260} |{F34848982 width=260} |{F34848992 width=260} [[ https://www.figma.com/file/pj2ASYTU23ieu3hFvclMer/Wikistories?node-id=1664%3A18364 | Figma link ]]

====Problem In the Wikistories prototype, the highlight and clear options on the Wikistories prototype could be much clearer, both in look and in call to action. ====Request - Improve the visibility of the highlight and clear toolbar at the bottom of the screen - Change the CTA from "highlight" to "Select" or "Add to story" - Change the CTA from "Clear" to "Cancel" ====Design details - A permanent message banner which let users know about text selection while landing on an article. They can tap on information icon to learn more about the text selection style. - Users can discard the expanded card either by tapping on close icon or anywhere outside the text card. - Show "Add to story" and "Cancel" options using different colors. - Tapping on add to story will select the highlighted text for a story page. - Tapping on Cancel will discard the highlighted text. |{F34848999 width=260} |{F34849002 width=260} |{F34848992 width=260} [[ https://www.figma.com/file/pj2ASYTU23ieu3hFvclMer/Wikistories?node-id=1664%3A18364 | Figma link ]]

====Problem In the Wikistories prototype, the highlight and clear options on the Wikistories prototype could be much clearer, both in look and in call to action. ====Request - Improve the visibility of the highlight and clear toolbar at the bottom of the screen - Change the CTA from "highlight" to "Select" or "Add to story" - Change the CTA from "Clear" to "Cancel" ====Design details - A permanent message banner which let users know about text selection while landing on an article. They can tap on information icon to learn more about the text selection style. - Users can discard the expanded card either by tapping on close icon or anywhere outside the text card. - Show "Add to story" and "Cancel" options using different colors. - Tapping on add to story will select the highlighted text for a story page. - Tapping on Cancel will discard the highlighted text. |{F3484898399 width=260} |{F34848989002 width=260} |{F34848992 width=260} [[ https://www.figma.com/file/pj2ASYTU23ieu3hFvclMer/Wikistories?node-id=1664%3A18364 | Figma link ]]