Improve user experience by including better instructions and examples before input

[michaeljoelt]

Here was my user experience with the demo:

1. The field was labeled "What are your pronouns? For example: she/he or they/them", so I typed "he/they".
2. I noticed that "he" showed under "Subject" and "they" under "Object". The other 3 were blank and I had no idea what these things meant and it started stressing me out.
3. I started trying to fill in the blank cells in the table and realized I couldn't input there.
4. I started messing with my original input. I typed "he/they/test/test/test" as I noticed it began filling them in to the table, and then example sentences showed once the table was full.
5. Once I got to the end product, I was stoked! This is an awesome project you've put together!

So my suggestion is: to improve the user experience by including clearer instructions and examples before user input.