buttercup / buttercup-mobile

:iphone: React-Native mobile application for Buttercup
https://buttercup.pw
GNU General Public License v3.0
392 stars 69 forks source link

ENHANCEMENT/SUGGESTION Enhance typography for better (password) legibility #311

Open ldexterldesign opened 2 years ago

ldexterldesign commented 2 years ago

👋

(Continued) thanks for ace software ❤️

As title

I'm regularly confused, specifically on mobile where it's not as easy as desktop to resolve, about whether it's a "1" (i.e. numeral one) or a "l" (i.e. lowercase L) 😕

Screenshots:

IMG_0249

Screenshot 2022-04-04 at 17 42 41 Screenshot 2022-04-04 at 17 42 41

Personally, I just think they're too similar - perhaps there's a font with extra glyphs (e.g. I always underline my numerals when I write them to give some additional affordance)..?

If you're reading and:

Welcome feedback/input

Hope this helps

Sincerely

perry-mitchell commented 2 years ago

Hi @ldexterldesign - I personally don't have any issues reading passwords in the mobile font, but can understand that having better typography would reduce mistakes and frustrations for users with very complex passwords (or those with ambiguous characters like in your example).

Right now I've not installed any custom font, so I'd need to do so for it to work on mobile. Firstly, I'd need to find a font that allows for easy reading. Honestly I doubt there are too many that are more easily readable over the built-in monospace font we're using now, but I'd like to see suggestions. Colours can help differentiate digits from alphabetic characters, but IiLl is still an issue.

Overall it'd be bit of work, so the solution should be worthwhile in terms of improvement imo.

ldexterldesign commented 2 years ago

Thanks for reply

All good

Please leave this issue open and see if it attracts popularity

In the meantime I will try and avoid said characters (i.e. 1iIlL)!

🙂