DEV Community

Stas Melnikov
Stas Melnikov

Posted on

The 5 Short Frontend tips for May

Switching сaps letters to lowercase at the start a filling-in of email is what you like?

Folks, iHerb makes you switch caps letters to lowercase before you start a filling-in of email. That's what you like? 😊

It freaks me out! 😤 A majority of emails start in lowercase letters more often than in capital 😒 So I wanna see a keyboard with lowercase letters to avoid additional taps 🤨

I offer to add the HTML autocapitalize="off" attribute to email input fields. And we haven't to switch a keyboard because browsers will display lowercase letters already! 🥳

Make switching between list options using arrows key

Folks, did you like to use keyboard arrows keys? 🤔

I'm absolutely, Yes! That's so made easier my life. So if I use apps that don't allow it I get furious 😤

That happened when I use Preply. Oh... I just clicked on filter for choosing the language and push the down arrow key. And what do you think happened?

Nothing... 0 reactions! 🤦‍♂️I just can't use keys. I have to take my mouse and use it 😒

How it might be made. Let's see on the NHL webapp. I click on the All teams filter and push the down arrow key...

The app switches to the Anaheim Ducks team! 🤩 And I can push one more time and it switches to the next team, Arizona Coyotes. All! Noa mouse. Just we use a keyboard 🥳

Close a modal using the Esc key!

Folks, unfortunately, apps don't allow to hide a modal using the Esc key 😡

The Pinterest app is an example of it!

Just try to push the Esc key when you log in. We will be ignored by the app 😤 It makes us to hover on the button and close the modal by clicking.....🤦‍♂️

Instead of that, Booking apps allow to close a modal using the Esc key when we select a language! Just 1 push by the Esc key is all you gotta do! Yay!🥳

Is focus moving to the close button always user-friendly?

Folks, let's choose a language on Booking. I push the button and see a modal. I want to pay attention focus is moved on the close button. So I push the ↓ key and use ↓ and ↑ keys to start choosing.

Stop! ✋Why I should push the arrow down key? Why can't I start choosing a language immediately? 😒 Actually a closing feature is useful 👍But it isn't the main! So moving focus on the close button isn't well in more cases 😐

And what if focus would be moved to the first language because choosing a language is our main goal 🤔 Then we would make that immediately using ↓ and ↑ keys!☝️

Give the chance to fix the incorrect password

Folks, how often did you make mistakes when you log in on apps? 🤔

I'm a man who does it every day. I noticed apps reset my password if validation is failed. The typical example is Amazon.

If we enter an incorrect password it will be reset after validation. Oh... I'm just mad because that isn't user-friendly 😤😤😤

And I scream, "Alleluia!" Thank you so much to Booking! 🙏🙏🙏 Their app doesn't do that. If we make a mistake with the password it isn't reset. Thus we can fix the mistake instead of entering a password again 😍😍😍

P.S.
✉️ I make free unlimited Q&A sessions about user-friendly web-interfaces (UX, a11y) via email with expect responses in 2 days.

😎 I make free UX and a11y reviews of your non-commercial projects and recommendations for improvement.

🧑‍🏫I help in searching high-quality content about interfaces

Please, use my email for communication 👉 melnik909@ya.ru

💪 Get more free tips directly to your inbox

❤ Thank you so much, my sponsors: Ben Rinehart, Sergio Kagiema, Jesse Willard, Tanya Ten, Konstantinos Kapenekakis.

Discussion (2)

Collapse
moopet profile image
Ben Sinclair

A majority of emails start in lowercase letters more often than in capital

That's very strange to me. I only really use email to communicate with people at work, where it's generally considered good practice to use full sentences and so on.

Casual, "everything lowercase" conversations don't happen for me on email.

Collapse
melnik909 profile image
Stas Melnikov Author

It's ok. I don't mean all emails is started in lowercase. Can you say which the first letter of your email is?