UBports Robot Logo

    UBports Forum

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Pin code removal of 4 digits limitation

    Design
    12
    25
    749
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • lduboeuf
      lduboeuf last edited by lduboeuf

      Hey all, i'm working on removing the 4 digits pin code length limitation ( allow a pin code >= 4 digits and <= 12 ).

      Now regarding UX, user will have to submit the code ( by pressing "Enter" ) instead of having auto login when reached 4 digits.

      I would like your pov regarding UI:

      Today we have a 4 white empty dots placeholder by default :

      screenshot20221230_090615136.png

      If we remove them :

      screenshot20221230_091108436.png

      Do you think it is ok to remove them, or just let the 4 empty dots placeholder first and allow to increase the dots size as needed ?
      I think for mobile usage if keyboard is displayed, the UI is OK without the empty dots. But in desktop, i'm afraid user think the screen has a bug:

      Capture d’écran de 2022-12-30 09-44-50.png

      Lakotaubp K Keneda AppLee Mario.CH 6 Replies Last reply Reply Quote 2
      • Lakotaubp
        Lakotaubp @lduboeuf last edited by

        @lduboeuf Think it needs something to remove guess work be that the circles or ******** or an empty box but something to show it needs doing.

        1 Reply Last reply Reply Quote 1
        • K
          kugiigi last edited by

          I think it's better to drop the dots so the length will stay unknown for security reasons. And maybe just use the texfield.

          Auto login is more convenient but having unknown length and pressing enter is more secured.

          klh 1 Reply Last reply Reply Quote 2
          • klh
            klh @kugiigi last edited by klh

            @kugiigi It's a pin code, security is not improved that much by not showing the length - best UX would be to offer a choice.

            But if we are not saving the length then it should start with no circles - we could show some helper text like "enter PIN" and "enter PIN or use the fingerprint scanner" if that's also set up.

            The circles could show up empty and fill over ~200ms to preserve the current design a bit too.

            Also, @lduboeuf why 12 as the new limit?

            lduboeuf K 2 Replies Last reply Reply Quote 2
            • K
              kimo @lduboeuf last edited by

              @lduboeuf I think it's okay to remove them and allow the point size to increase as needed to get away from guessing the number of digits password

              1 Reply Last reply Reply Quote 2
              • lduboeuf
                lduboeuf @klh last edited by

                Also, @lduboeuf why 12 as the new limit?

                Idk, it is because of current code in the Lomiri wizard that expect a max number :).

                1 Reply Last reply Reply Quote 0
                • K
                  kugiigi @klh last edited by

                  @klh Yeah, an option would usually be better. Android or at least Samsung requires pressing OK though not sure if there's an option.

                  @lduboeuf Maybe adding a dot every digit typed aligned center would also be a good option.

                  1 Reply Last reply Reply Quote 2
                  • Keneda
                    Keneda @lduboeuf last edited by Keneda

                    @lduboeuf said in Pin code removal of 4 digits limitation:

                    Do you think it is ok to remove them, or just let the 4 empty dots placeholder first and allow to increase the dots size as needed ?

                    No, you should keep dots, and increase dots number accordingly to the amount of digit the code has.
                    This for user to know his action on screen is correctly done.

                    Good improvement to pin unlock you're doing though. πŸ‘

                    Edit : reading other users, i agree choice seing or not dots would be the best, and for security reason, one dot that has size increase on each input can be a good alternative (why not some choice here too?).

                    2015-Now : Meizu MX4 (Stable) for daily use
                    Spare : Nexus 5 (Stable)

                    1 Reply Last reply Reply Quote 0
                    • Lakotaubp
                      Lakotaubp last edited by

                      Are you planning a mix of the two or using parts of this https://open-store.io/app/unlockertest.ld Testeed on 3a running Focal

                      lduboeuf 1 Reply Last reply Reply Quote 0
                      • AppLee
                        AppLee @lduboeuf last edited by

                        Hi @lduboeuf

                        Thanks for the work you're doing Lionel πŸ‘ πŸ‘
                        I would use the same UX as for password/passphrase with an empty text field.
                        At each strike you add a dot to give the user feedback on what they typed.

                        Also the OK/Enter button is fine for me.

                        Addendum:
                        Thoughts for the future πŸ€”
                        For security reasons I would also merge password UI and PIN UI.
                        I would add a screen asking the user to swipe left or right to get to the alphanum keyboard or the numerical pad...

                        Keneda 1 Reply Last reply Reply Quote 4
                        • Keneda
                          Keneda @AppLee last edited by

                          @applee
                          Good proposal.
                          Forget my post @lduboeuf πŸ˜…

                          2015-Now : Meizu MX4 (Stable) for daily use
                          Spare : Nexus 5 (Stable)

                          1 Reply Last reply Reply Quote 0
                          • Jakub
                            Jakub last edited by Jakub

                            Option to disable visibility of dots or one big dot looks great, also I would add an option to enable/disable auto unlock (without pressing OK button), I personally prefer when phone unlocks right after entering correct PIN without additional key press, because it seems more intuitive.

                            Xiaomi Redmi Note 9 Pro (OTA-24) - daily driver

                            1 Reply Last reply Reply Quote 0
                            • lduboeuf
                              lduboeuf @Lakotaubp last edited by

                              @lakotaubp said in Pin code removal of 4 digits limitation:

                              Are you planning a mix of the two or using parts of this https://open-store.io/app/unlockertest.ld Testeed on 3a running Focal

                              The circle prompt is another story, but i prepared it for the no limit number of digits too.

                              1 Reply Last reply Reply Quote 0
                              • jezek
                                jezek last edited by

                                Sometimes, when unlocking the screen, the keyboard doesn't show up. Then after clicking on the empty dots, the keyboard pops up. So, when removing them, there should be some visual hint that indicates where to click if the keyboard didn't pop up by accident.

                                jEzEk

                                lduboeuf 1 Reply Last reply Reply Quote 1
                                • lduboeuf
                                  lduboeuf @jezek last edited by

                                  @jezek said in Pin code removal of 4 digits limitation:

                                  Sometimes, when unlocking the screen, the keyboard doesn't show up. Then after clicking on the empty dots, the keyboard pops up. So, when removing them, there should be some visual hint that indicates where to click if the keyboard didn't pop up by accident.

                                  Yes known issue, so i've added "enter PIN" to replace the empty dots. And try to display " Tap to enter pin" when un focused. But i have to dig a bit more. Because un focus is also when user just logged in or user start to drag on indicator, and should only be displayed if no physical keyboard.

                                  The best would be to tacckle that focus issue...

                                  lduboeuf 1 Reply Last reply Reply Quote 1
                                  • lduboeuf
                                    lduboeuf @lduboeuf last edited by

                                    By discussing this on the TG Q&A group, it appears it is hard to have a mutual agreement.
                                    Some people want a more "secure" login some want user friendly UX.

                                    So i will try to add an option, to not change actual behavior, i would add opt-out auto-login option.
                                    We can still remove the dots placeholder at least an replace it with a text.

                                    Keneda 1 Reply Last reply Reply Quote 0
                                    • Keneda
                                      Keneda @lduboeuf last edited by Keneda

                                      @lduboeuf said in Pin code removal of 4 digits limitation:

                                      Some people want a more "secure" login some want user friendly UX.

                                      That's why user choice in security options would be the best (from actual behavior, 4 digits, dots, and no need to push enter, to the most secure one with 12 digits, text field, and push enter). πŸ˜‰

                                      2015-Now : Meizu MX4 (Stable) for daily use
                                      Spare : Nexus 5 (Stable)

                                      klh 1 Reply Last reply Reply Quote 2
                                      • K
                                        kugiigi last edited by

                                        Set the minimum to 3 so 3 digits + enter would be like it is now πŸ˜†

                                        1 Reply Last reply Reply Quote 0
                                        • Mario.CH
                                          Mario.CH @lduboeuf last edited by

                                          Happy New Year! :πŸŽ‰β€‹πŸ’₯β€‹πŸŒŒβ€‹πŸŽ‰β€‹3️⃣1οΈβƒ£πŸ•›1️⃣

                                          Hi @lduboeuf
                                          In all variants, the design should be such that the user has the possibility to recognize if the touche screen has a defect. With age or much used the touche screen function gets gaps, and this should be recognized by the user. It is not always about whether something looks great.

                                          Regards Mario πŸ˜‰

                                          πŸ“± Xperia X ;since 2020
                                          🐎 When you realize you are riding a dead horse, get off!
                                          My languages skill: πŸ‡¨πŸ‡­πŸ‡¦πŸ‡Ή πŸ‡©πŸ‡ͺ, and only orally: πŸ‡¬πŸ‡§ πŸ‡ΉπŸ‡­

                                          1 Reply Last reply Reply Quote 0
                                          • klh
                                            klh @Keneda last edited by

                                            @keneda That's how you end up with "password123" everywhere. Not everyone stores sensitive data on their phone + as long as the bootloader is unlocked and data unencrypted any point about security is moot 😜

                                            Keneda 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post