Multi Step Form--HTML,CSS,JavaScript

Community feedback

• 

  P

  Jo89 😈•460

  @AhmadYousif89

  Posted about 2 years ago

  Hi Sheri 👋

  Your solution looks great 👍 I just have a couple of notes regarding the styling and the functionality of your app and I hope you find them useful to you :

  • the top and side navigation elements (currently they doesn't really add or serve any useful propose other than displaying info about the current step) would be a better user experience if they were actually navigation button that navigate between the steps 😉

  • it would be much better experience if the user can navigate and select/check with keyboard ⌨

  • consider making the change button on the last step to actually change the billing cycle (not just sending the user back to step 2 to manually changing the bill cycle) because that's the intended behavior of this button.

  btw I see you have an error on the console when changing the billing cycle 😐

  12

  Marked as helpful
• 

  P

  visualdennis•8,395

  @visualdenniss

  Posted about 2 years ago

  Hey, you submission looks great!

  Two suggestions regarding the user experience: You can have a default option selected for add-ons for users, which is a very common practice. Also you can put cursor:pointer; to those plan selection options to indicate users that it is clickable area. Other than that, it works really good.

  Hope you find this feedback helpful!

  11

  Marked as helpful