Improving User Experience for text editing directly in the post feed
In the current production build of the app, when an user edits a message, the editor components added to the page shift the layout of the message feed. This forces the user to re-adjust their focus in order to find the part of the text they wanted to modify.
I suggest that the message feed window position is adjusted so that the text stays fixed in place. And also that the editor should be a What You See is What You Get editor. As in, the posted version and the edited version of the message shouldn't differ in looks - the background, borders, buttons, text, etc. Basically it should be as transparent as possible and not detract the user's attention.
With this implementation the user story would go like this:
[User]: Ah, I made a mistake, let me correct it
<the text doesn't move from it's original position in the page>
<the text's appearance is not modified in any way>
=> the user doesn't have to adjust focus and knows directly and immediately where to put the cursor without effort
[User]: represents user behavior
< foo > represents a Requirement
=> represents the Effect
<< bar >> represents Commentary
* represents a Call to Attention
Please sign in to leave a comment.