compdemocracy / polis

:milky_way: Open Source AI for large scale open ended feedback
https://pol.is
GNU Affero General Public License v3.0
780 stars 183 forks source link

Use placeholder text to improve comment submission quality #407

Open patcon opened 4 years ago

patcon commented 4 years ago

Currently we use "Share your perspective..." as the placeholder for comment submission.

Screen Shot 2020-07-14 at 10 47 49 AM

There is probably an opportunity to use this placeholder text to help moderators gently nudge people to leave the sort of comments they'd most appreciate seeing. (e.g., "I feel worried that..." or "I think that we should...")

But why stop at just one prompt? The prompt might differ depending on the moderator? And there might be a few examplar prompts.

We could instead us an animated placeholder to dynamically demonstrate a few choice prompts, like so: https://www.cssscript.com/demo/animate-placeholder-typewriter/

typing-placeholder

I feel that this option could allow people to learn how best to prompt their participants, and since there are many different sorts of audiences, it's hard for use to set one default for everyone (e.g., is the audience a bunch of academics or residents of a gentrifying low-income community?)

Thoughts?

Related: http://crccheck.github.io/text-mix.js/#/I'm%20worried%20that.../I%20feel%20like%20we%20should...

patcon commented 4 years ago

https://www.npmjs.com/package/typewriter-effect

https://github.com/adrianmcli/react-rotating-text/blob/master/src/ReactRotatingText.js

https://codesandbox.io/s/lr3q0q32vq https://github.com/haowen737/react-typewriter-hook#readme https://codepen.io/AliKlein/pen/aPyKjy https://stackoverflow.com/questions/49886123/trying-to-create-a-typing-effect-on-reactjs/58053492#58053492

patcon commented 4 years ago

Ah, think I found the best library for this, which is intended for typing in input fields: http://mattboldt.github.io/typed.js/#input

h/t @arecvlohe of @nativesintech (found while checking out new website :tada:)

patcon commented 4 years ago

(Note that this issue should try to take into account accessibility of animated typed text)