This site uses cookies. By continuing to browse the site, you agree to our use of cookies. Find out more about cookies.
Skip to main content
Metadecidim's official logo
  • English Triar la llengua Elegir el idioma Choose language
    • Català
    • Castellano
Sign Up Sign In
  • Home
  • Processes
  • Assemblies
  • Initiatives
  • Consultations
  • Conferences
  • Help

Propose new functionalities for Decidim software

#DecidimRoadmap Designing Decidim together

Phase 1 of 1
Open 2019-01-01 - 2030-12-31
Process phases Submit a proposal
  • The process
  • Debates
  • Propose new features
  • News
chevron-left Back to list

Add show password option on sign in, sign up and forgot password forms

Avatar: Open Source Politics Open Source Politics verified-badge
08/06/2022 16:11  
Accepted / In progress

Is your feature request related to a problem? Please describe.
Problem

We’ve had a lot of support tickets from users who had a really hard time typing a 10 character long password twice without making any error.

As there isn’t instant input validation on the password field many ran into the error “passwords do not match” several times when sending the form.

For existing users who tried to sign in, not being able to see what they were typing leads to think they forgot their password.

During user testing we’ve seen users type their password in the email field first (sometimes on an external text editor) and then copy paste it in the password field to make sure they weren’t making any mistakes. On mobile this can be particularly painful for the user.

Describe the solution you'd like
As a user who needs to type a password on a Decidim form I should have a show password option so I can proofread what I’m typing.

On most website this option is offered directly on the field using an eye icon. For accessibility reasons we think it might be better to add a checkbox bellow the password fields (like twitter is doing).

Describe alternatives you've considered
Get rid of password using magic links (External link)

Additional context
This proposal is part of a larger scope to improve authentication flow in Decidim. Working document here (External link).

Does this issue could impact on users private data?
No

Funded by
Angers and OSP

  • Filter results for category: Registration and Verification Registration and Verification

This proposal has been accepted and is under development

List of Endorsements

Avatar: Decidim Product Decidim Product verified-badge
Avatar: Pokecode Pokecode verified-badge
Avatar: Lucie Grau Lucie Grau
Avatar: Ivan Vergés Ivan Vergés verified-badge
Avatar: Pierre Mesure Pierre Mesure verified-badge
Avatar: Carol Romero Carol Romero verified-badge
Avatar: Pau Parals Pau Parals verified-badge
Avatar: Virgile Deville Virgile Deville
Avatar: Simonas Zilinskas Simonas Zilinskas
Avatar: Nil Homedes Nil Homedes verified-badge
and 7 more people (see more) (see less)
Endorsements count10
Add show password option on sign in, sign up and forgot password forms Comments 12

Reference: MDC-PROP-2022-06-17026
Version number 2 (of 2) see other versions
Check fingerprint

Fingerprint

The piece of text below is a shortened, hashed representation of this content. It's useful to ensure the content hasn't been tampered with, as a single modification would result in a totally different value.

Value: 10b77c50d76f59bc7c62738ece0995404efc693fcfa332027dd095915088bf5c

Source: {"body":{"en":"<p><strong>Is your feature request related to a problem? Please describe.</strong><br><strong>Problem</strong></p><p>We’ve had a lot of support tickets from users who had a really hard time typing a 10 character long password twice without making any error.</p><p>As there isn’t instant input validation on the password field many ran into the error “passwords do not match” several times when sending the form.</p><p>For existing users who tried to sign in, not being able to see what they were typing leads to think they forgot their password.</p><p>During user testing we’ve seen users type their password in the email field first (sometimes on an external text editor) and then copy paste it in the password field to make sure they weren’t making any mistakes. On mobile this can be particularly painful for the user.</p><p><strong>Describe the solution you'd like</strong><br>As a user who needs to type a password on a Decidim form I should have a show password option so I can proofread what I’m typing.</p><p>On most website this option is offered directly on the field using an eye icon. For accessibility reasons we think it might be better to add a checkbox bellow the password fields (like twitter is doing).</p><p><strong>Describe alternatives you've considered<br></strong>Get rid of password using <a href=\"https://auth0.com/docs/authenticate/passwordless/authentication-methods/email-magic-link\" rel=\"noopener noreferrer\" target=\"_blank\" class=\"external-link-container\">magic links&nbsp;(External link)</a></p><p><strong>Additional context</strong><br>This proposal is part of a larger scope to improve authentication flow in Decidim. <a href=\"https://docs.google.com/document/d/1jxHh52-gzMUFRZOiwgKHDHycMC-eH1R8ScFVJs2Dfrc/edit?usp=sharing\" rel=\"noopener noreferrer\" target=\"_blank\" class=\"external-link-container\">Working document here&nbsp;(External link)</a>.<br></p><p><strong>Does this issue could impact on users private data?</strong><br>No<br></p><p><strong>Funded by</strong><br>Angers and OSP</p>"},"title":{"en":"Add show password option on sign in, sign up and forgot password forms"}}

This fingerprint is calculated using a SHA256 hashing algorithm. In order to replicate it yourself, you can use an MD5 calculator online and copy-paste the source data.

Share:

link-intact Share link

Share link:

Please paste this code in your page:

<script src="https://meta.decidim.org/processes/roadmap/f/122/proposals/17026/embed.js"></script>
<noscript><iframe src="https://meta.decidim.org/processes/roadmap/f/122/proposals/17026/embed.html" frameborder="0" scrolling="vertical"></iframe></noscript>

Report inappropriate content

Is this content inappropriate?

Reason

12 comments

Order by:
  • Older
    • Best rated
    • Recent
    • Older
    • Most discussed
Conversation with Carol Romero
Avatar: Carol Romero Carol Romero verified-badge
09/06/2022 17:03
  • Get link Get link

Hi @virgile_deville, thanks for all the work to improve the registration flow! The working document is really useful.
We have discussed it with @product and all the proposals make sense, in fact some of them were already planned in the redesign, like this particular one.
Do you have a calendar to implement them?

Avatar: Virgile Deville Virgile Deville
13/06/2022 16:46
  • Get link Get link

Hello Carol,
Thanks for your swift reply.
The timeline is the following, our client would like to benefit from these new features for their next BP round at the end of september. We love to be able to have them ready to be included in the next release. We'll partnering with @microstudi and @paarals on the technical side to develop this feature.
Does that seems doable ?

Avatar: Carol Romero Carol Romero verified-badge
14/06/2022 12:54
  • Get link Get link

Sounds great! We can have a meeting with Ivan and Álvaro to fine tune design aspects if needed, but avanti.

Avatar: Virgile Deville Virgile Deville
14/06/2022 14:55
  • Get link Get link

Thanks ! We are working on a figma, I'll post it here and ping them to get feeback.

Avatar: Carol Romero Carol Romero verified-badge
14/06/2022 15:01
  • Get link Get link

Good! Oh also about the accessibility issue with the show password option, it seems that both options are valid (eye icon/checkbox) if the appropriate labels are implemented:
* https://technology.blog.gov.uk/2021/04/19/simple-things-are-complicated-making-a-show-password-option/
* https://stackoverflow.com/questions/61270823/accessibility-show-hide-password-button-in-a-password-input

Avatar: Virgile Deville Virgile Deville
14/06/2022 17:44
Edited
  • Get link Get link

Hey ! Here is figma prototype for this https://www.figma.com/proto/xpUjY6urnlyn1yVW300208/Improve-Sign-up%2Fin?page-id=0%3A1&node-id=2%3A624&viewport=2020%2C542%2C0.26&scaling=min-zoom
We went for the checkbox + text approach as recommended in this article : https://www.mishacreatrix.com/improve-usability-of-password-fields

If @microstudi and @furilo want to provide feedback. Comments are open.

Avatar: Carol Romero Carol Romero verified-badge
15/06/2022 16:22
  • Get link Get link

Thanks for sharing the mockup @virgile_deville! Is this the latest version though? Because the nickname field is still visible. Regarding the password, we'd really go with the accessibility compliant eye icon option 👁️

Conversation with Blocked user
Comment moderated on 12/06/2022 16:20
Conversation with Virgile Deville
Avatar: Virgile Deville Virgile Deville
14/06/2022 11:31
  • Get link Get link

@carol if we add the option to see the password you are typing could be get rid of the second password field that makes sure you typed the same thing twice ?
Thanks to the view password option I can actually verify that I haven't mistyped.

Avatar: Carol Romero Carol Romero verified-badge
14/06/2022 13:13
  • Get link Get link

Yep. And that's the actual proposal, no? In fact, this is what we already had planned in the mockups, check it out: https://www.figma.com/proto/3CNSXeFTMtUl2QdEUgLpEo/Decidim-PX?page-id=7276%3A117981&node-id=7276%3A145728&viewport=530%2C463%2C0.02&scaling=min-zoom&starting-point-node-id=7276%3A216610

Avatar: Virgile Deville Virgile Deville
14/06/2022 14:54
  • Get link Get link

I wasn't sure about it, thanks for the confirmation. We'll go in that direction then.

Conversation with Ivan Vergés
Avatar: Ivan Vergés Ivan Vergés verified-badge
28/06/2022 13:56
  • Get link Get link

PR is ready here https://github.com/decidim/decidim/pull/9490

Avatar: Ivan Vergés Ivan Vergés verified-badge
28/06/2022 14:01
  • Get link Get link

And testing available here (for a while) https://decidim-signup.dev.pokecode.net/users/sign_up

Add your comment

Sign in with your account or sign up to add your comment.

Loading comments ...

  • Terms and conditions of use
  • About the community
  • Download Open Data files
  • Metadecidim at Twitter Twitter
  • Metadecidim at Instagram Instagram
  • Metadecidim at YouTube YouTube
  • Metadecidim at GitHub GitHub
Creative Commons License Website made with free software.
Decidim Logo

Confirm

OK Cancel

Please sign in

decidim Sign in with Decidim Barcelona
Or

Sign up

Forgot your password?