Here is the website right now: apasswordgenerator.website

So there are 3 elements:

  • A generate button
  • two trackbars to change the settings
  • three passwords that are generated

Right now I have the two trackbars hidden until the "Customize" button is pressed (not all users want to customize their passwords, please tell me if this is bad practice).

I'm just not sure what the best way to arrange them is. I initially had the trackbars on top, button in the middle, and passwords on the bottom. This makes sense but the page became so tall that the user had to scroll. I wanted this app to be very minimal and I wanted to avoid making the user scroll. I also wanted to be sure that the document size doesn't change if any elements change.

I feel stuck and I'm not sure what to do. What do you guys think is best? Also if you have any other feedback on the site, I'm all ears. Thanks!

  • This comment is more about your technique then about UX: How large is your dictionary? It seems that passwords with a short length (your default setting) will generate words very repetitive. You should also take a look into RandomSource.getRandomValues() to generate strong random values. Maybe it's worth discussing this over at CodeReview. – insertusernamehere Sep 10 '17 at 18:34

Here is what I had originally: http://i.imgur.com/F0VAf78.png

And here is what I decided to do: http://i.imgur.com/hqO2qRE.png

This way, there is a divide between the "action elements" and the results.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.