DEV Community

Cover image for The Desktop Friction Tax: Why Web Apps Ignore Our Keyboards
Abhilash Eggadi
Abhilash Eggadi

Posted on

The Desktop Friction Tax: Why Web Apps Ignore Our Keyboards

Why do so many web apps completely ignore the keyboard?

I was using Canva the other day, and it’s so smooth—you select an element, hit 'delete', or use shift + arrow keys to move stuff around. It just works.
But then I switched over to WhatsApp Web, and trying to delete a message felt like a whole workout. You have to click a dropdown, click delete, manually check boxes, move your cursor all the way to a delete icon, and then confirm a popup modal. Why is there so much friction for a basic action?

As a tech student, I started thinking about why developers build desktop apps like this, and I think it comes down to three things:

  1. The Mobile-First Trap: Teams build the mobile app first. When they port it to the web, they just copy-paste the mobile UI buttons instead of writing separate event listeners for physical keyboards.
  2. Fear of Browser Conflicts: Developers are scared that mapping keys like 'Delete' will mess with browser shortcuts or delete text in a search bar. But apps like Canva or Figma prove you can easily handle this with smart focus logic.
  3. Catering to the Lowest Common Denominator: They design strictly for casual mouse users, completely forgetting about power users who want speed.

Honestly, we need some universal keyboard standards for web apps so we don't have to keep playing target practice with our mouse cursors. Something simple like this:

  • Delete Item: Just use the Delete key (instead of a 4-click dropdown menu nightmare).
  • Close Popups/Modals: Hit Esc (instead of hunting for a tiny 'X' icon).
  • Select Multiple: Shift + Click or Arrow Keys (instead of clicking 20 separate checkboxes).
  • Confirm Popups: Hit Enter (instead of moving the mouse to click 'OK'). If we have a physical keyboard right in front of us, web apps should let us use it. Stop treating desktop monitors like giant iPads.

What’s the most annoying web app layout you’ve run into lately? Let me know.

Top comments (0)