data-skeptic / dataskeptic.com

Source code for dataskeptic.com
https://dataskeptic.com
15 stars 5 forks source link

New homepage design and components #733

Open kylepolich opened 5 years ago

kylepolich commented 5 years ago

https://dataskeptic.s3.amazonaws.com/data_skeptic-new-homepage.sketch

home_02

kylepolich commented 5 years ago

Details about audio recording:

Start in the compact version shown in the full picture

If use clicks the record button, expand to look like this: audio_feedback_02

Add a checkbox (not shown in the image) which has this text:

If the user unchecks this box, then the record button is disabled.

If the user has not filled out Name and Email, then the record button is disabled.

After the record button is enabled, the user can click it to get this:

audio_feedback_03

After the user has finished the recording, they go to this preview to check it:

audio_feedback_04

After they hit "Send", go to a component that says "Thank You" and includes this image:

https://s3.amazonaws.com/dataskeptic.com/img/bot/surprise.png

Then after a 1 second delay change to this image:

https://s3.amazonaws.com/dataskeptic.com/img/bot/happy.png