ABA Banking Journal
No Result
View All Result
  • Topics
    • Ag Banking
    • Commercial Lending
    • Community Banking
    • Compliance and Risk
    • Cybersecurity
    • Economy
    • Human Resources
    • Insurance
    • Legal
    • Mortgage
    • Mutual Funds
    • Payments
    • Policy
    • Retail and Marketing
    • Tax and Accounting
    • Technology
    • Wealth Management
  • Newsbytes
  • Podcasts
  • Magazine
    • Subscribe
    • Advertise
    • Magazine Archive
    • Newsletter Archive
    • Podcast Archive
    • Sponsored Content Archive
SUBSCRIBE
ABA Banking Journal
  • Topics
    • Ag Banking
    • Commercial Lending
    • Community Banking
    • Compliance and Risk
    • Cybersecurity
    • Economy
    • Human Resources
    • Insurance
    • Legal
    • Mortgage
    • Mutual Funds
    • Payments
    • Policy
    • Retail and Marketing
    • Tax and Accounting
    • Technology
    • Wealth Management
  • Newsbytes
  • Podcasts
  • Magazine
    • Subscribe
    • Advertise
    • Magazine Archive
    • Newsletter Archive
    • Podcast Archive
    • Sponsored Content Archive
No Result
View All Result
No Result
View All Result
ADVERTISEMENT
Home Retail and Marketing

Drop the Dropdown Drama

March 17, 2021
Reading Time: 4 mins read
Drop the Dropdown Drama

By Andrew Zeller

When you first arrive on a website’s homepage, what is the first thing you look for? Most likely it’s the navigation bar so you can begin your journey.

People tend to be goal-oriented when cruising through a website, whether they’re on the hunt for a new checking account or researching mortgage rates. The navigation bar is a fundamental piece of every website. It’s always being tinkered with and evolving to enhance the user experience (UX). Interestingly though, it’s often given little thought by users as to what it is, how it’s used and the features that really lead to great UX.

Let’s take a peek under the hood at the evolution of website navigation and what key elements are necessary to best engage users.

Reimagining dropdown menus

A natural component of the navigation is the dropdown menu. It serves the most basic and evident of functions. It allows visitors to scroll over high-level categories, then be presented with a list of all the related products below, allowing them to navigate from there. Then why did dropdowns briefly disappear from websites? The answer is that it was found that the UX was limited and frustrating as responsive design became the standard.

With touch-oriented devices dominating the market, dropdown menus started to feel very clunky and difficult to use due to the average finger being larger than a mouse pointer. And limited screen space on mobile devices makes it harder to design a smart, functional dropdown menu. A key feature missing on mobile devices is hover—hen a menu item changes color, or adapts in some way to show that it is clickable.

Though less of a consideration to the average user, without a hover feature on mobile you never know if you are going to click and expand a section or be directed to a new page.

Dropdowns also became more unappealing when they ballooned to hold too many links as menus within menus became the norm. So they were abandoned in favor of more curated, high-level pages—which were designed to offer an easy and clean experience for users to access the product they were searching for after just a single click. A click in the navigation to open a menu is the same as a click to load a page, isn’t it?

As time went on, web designers embraced the dropdown menu again. With the enhanced functionality that browsers continue to provide, dropdowns have been utilized again, re-imagined smarter and easier to use. Not every site needs a dropdown, but in the case of some banks that have many products and services, they can be beneficial. However, it’s essential to really think about dropdown content so that it doesn’t overwhelm or lead to information overload. Visitors should be able to easily scan and find the information they seek.

Whenever creating any sort of list, the items in the first part or last part of the list are most visible. So, being very thoughtful with your information architecture to guide your users is essential. The desire to put every page in the dropdown can be strong, but too much choice can be distracting.

Since you are trying to bring users on a journey, too many options can lead to frustration and dilution of your message and the benefits your bank provides. Make the journey straightforward so users arrive at their intended page faster—those pages can always have links to other helpful information—but ultimately, you want to get out of the way of users who are ready to open an account!

With that knowledge in your toolbelt, you can avoid the frustrations of the past and think of ways to get more utility out of a dropdown.

No longer do you have to worry about the menus auto-closing when your mouse barely moves out of a skinny menu, or consider whether it is better to have a menu open on click or on hover, and how that translates over to a touchscreen device. There are even opportunities to promote within the dropdown space.

Hamburger menus for mobile

What happens to the navigation on a mobile phone when a dropdown cannot be used? Enter the hamburger menu.

We’re all familiar with the three little lines in the upper right corner of a mobile website. Once a user clicks they are presented with all the high-level pages for your website. How great and handy! In most cases, it would be impossible to list out all the high-level pages any other way. A question that is becoming more and more prevalent is: If a mobile hamburger menu should be used as part of the desktop experience instead of more traditional navigation, shouldn’t such navigation be the same on both? Well, not necessarily. Think about the user experience in this scenario. When viewing the site on a desktop or laptop screen, there is more space than on your mobile device for your navigation to hold all your high-level pages.

If you collapse all those pages under a menu on the desktop, you are forcing the user to make an extra exploratory click. The menu needs to be opened for the user to just see that first tier of pages. Also, some older users of your site may experience frustration when interacting with these hidden menus and aren’t always aware of the functionality of the hamburger menu, even with the label “Menu” present. While a hamburger menu on the desktop experience can free up some space for the layout and present unique design opportunities, you have to consider if it is worth it when it potentially prolongs a user’s time spent hunting for the page they need.

At the end of the day, everyone’s preference will be different and there’s no “one-size-fits-all” approach. Just be sure your navigation supports your users’ experiences and helps them find what they are looking for.

Andrew Zeller is a senior web designer at Pannos Marketing, based in Manchester, New Hampshire. Pannos Marketing is an award-winning, full-service communications firm specializing in strategic marketing, public relations, social media, e-commerce and website solutions for financial institutions. Email: [email protected].

ADVERTISEMENT
Tags: Website designWebsites
ShareTweetPin

Related Posts

Future risk and compliance professionals may be just down the hall

Marketing mutuality

Mutual Banks
May 12, 2025

Mutuals Matter campaign seeks to educate the public about what separates mutual banks from other financial institutions.

Building Brand and Design Guardrails For Your Bank

Common branding mistakes and what to do instead

Retail and Marketing
May 6, 2025

Take the time to decide and understand whom you can serve really well, then excel at that.

What’s next in the fight for financial literacy

What’s next in the fight for financial literacy

Financial Education
April 30, 2025

Teach Children to Save Day is over, but the work continues.

High-return on investment (ROI) marketing campaigns driving revenue with customer data

Bank marketing technology reaches a tipping point 

Retail and Marketing
April 29, 2025

This is further evidence that the necessary skills of a bank marketer now include a wider range of abililities.

How to Talk About Your Bank’s Fintech Collaborations

Harnessing fintech for digital growth at community banks

Community Banking
April 28, 2025

A key choice: Out-of-the-box capacity to launch immediately versus the ability to customize a platform to a bank’s needs.

Survey: Many Americans do not have emergency funds

Bank survey: Many Americans worry about covering unexpected bills

Economy
April 24, 2025

More than one in three Americans are not confident they have enough savings to cover unexpected bills, according to a new survey by TD Bank.

NEWSBYTES

Agencies update host-state loan-to-deposit ratios

May 12, 2025

Federal budget reconciliation tax package includes ACRE Act, other ABA priorities

May 12, 2025

Report: Republicans push back against proposed cuts to CDFI Fund

May 12, 2025

SPONSORED CONTENT

Choosing the Right Account Opening Platform: 10 Key Considerations for Long-Term Success

Choosing the Right Account Opening Platform: 10 Key Considerations for Long-Term Success

April 25, 2025
Outsourcing: Getting to Go/No-Go

Outsourcing: Getting to Go/No-Go

April 5, 2025
Six Payments Trends Driving the Future of Transactions

Six Payments Trends Driving the Future of Transactions

March 15, 2025
AI for Banks: A Starter Guide for Community and Regional Institutions

AI for Banks: A Starter Guide for Community and Regional Institutions

March 1, 2025

PODCASTS

Podcast: Accelerating banking for quick-service restaurants

May 8, 2025

How a Georgia community bank supports government-guaranteed lending nationwide

May 1, 2025

Podcast: Quantum computing’s shakeup in payments, cybersecurity

April 24, 2025
ADVERTISEMENT

American Bankers Association
1333 New Hampshire Ave NW
Washington, DC 20036
1-800-BANKERS (800-226-5377)
www.aba.com
About ABA
Privacy Policy
Contact ABA

ABA Banking Journal
About ABA Banking Journal
Media Kit
Advertising
Subscribe

© 2025 American Bankers Association. All rights reserved.

No Result
View All Result
  • Topics
    • Ag Banking
    • Commercial Lending
    • Community Banking
    • Compliance and Risk
    • Cybersecurity
    • Economy
    • Human Resources
    • Insurance
    • Legal
    • Mortgage
    • Mutual Funds
    • Payments
    • Policy
    • Retail and Marketing
    • Tax and Accounting
    • Technology
    • Wealth Management
  • Newsbytes
  • Podcasts
  • Magazine
    • Subscribe
    • Advertise
    • Magazine Archive
    • Newsletter Archive
    • Podcast Archive
    • Sponsored Content Archive

© 2025 American Bankers Association. All rights reserved.