0

Some examples in various iOS apps:

  1. US BankUS Bank

  2. RentCafe enter image description here

  3. Uber enter image description here

The first two kinda reminds me of the icon for aligning text justified left.

I'm quite curious about the reason for this change. I couldn't really find anything about it online. Could someone provide some insight and perhaps some online resources that talk about this?

2
  • 1
    I suspect somebody thought it would 'modernise' their interface and others have copied them. It now looks like a signal strength meter to me. ( showing about 80% signal )
    – PhillipW
    Apr 5, 2021 at 18:40
  • The lines of the icon are a visual representation of the items in the menu that it opens up. Lines of different lengths might be more realistic but I agree that it's probably a UI trend that is causing it.
    – Martyn
    Apr 9, 2021 at 6:57

1 Answer 1

3

I think there's no reason beyond the evolution of the design itself.

This is what I think about usability in terms of design:

Asymmetry: It's well known that asymmetry is perceptually more unsettling, thus offering greater visual impact.

Spaciousness: The hamburger menu is used more frequently on small screens where saving space is a fundamental premise. Although the width of the icon and the thickness of each line may be the same, the difference in the length of the lines gives the feeling of spaciousness to the area where it is located.

enter image description here


A simple test in Google image search:

Hamburger Menu Icon

enter image description here

Modern Hamburger Menu Icon

enter image description here

1
  • 1
    Asymmetry on psychological impact can be a powerful reason for evolution in this design usage. Apr 5, 2021 at 7:56

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.