I had to talk a friend through this over the phone because they had been stuck on this issue for many minutes.
Description
After I fill out the chooser form, and click the "Done" button, the screen shakes as though there's a field that hasn't been filled out correctly. It doesn't "do" anything.
I think it's trying to highlight the entire right panel, so the user looks there to see the completed boilerplate, but this is not visually clear and the screen-shake conveys a different overall message.
Reproduction
Fill out the three steps of the form.
The right-hand panel continuously updates with the output-text.
At the end of the third step, there is a pair of [BACK] [DONE] buttons
Clicking on [DONE] does nothing but shake the right-hand panel.
It seems you have forgotten something... what did you forget?
go back over the form, click DONE again. same result.
Expectation
If it's not going to do anything further, don't have a "Done" button.
Better:
clicking "Done" pops up descriptive text in the right panel saying something like "Congratulations, you've chosen a [CC-XX] license. You can indicate this by adding the above code next to your work, on a license page, or at the bottom of a web page."
at the sae time, the left panel gets slightly grayed out, because you're done!
leave only the "Start again" not grayed out, perhaps with text closer to "Make another".
I had to talk a friend through this over the phone because they had been stuck on this issue for many minutes.
Description
After I fill out the chooser form, and click the "Done" button, the screen shakes as though there's a field that hasn't been filled out correctly. It doesn't "do" anything.
I think it's trying to highlight the entire right panel, so the user looks there to see the completed boilerplate, but this is not visually clear and the screen-shake conveys a different overall message.
Reproduction
Expectation
If it's not going to do anything further, don't have a "Done" button. Better: