Browse Definitions :
Definition

hamburger icon (slide drawer navigation)

A hamburger icon, in user interface (UI) design, is a navigational symbol consisting of three stacked horizontal lines that indicate the location of a hidden menu. The icon got its name from the fact that its structure resembles a burger in a bun in a simplified graphic. When an end user clicks, taps or touches the icon, the menu slides out from the side of the screen, presenting a set of options for future action. The hamburger icon may also be referred to as a menu icon or a slide drawer icon.  

Use of a hamburger icon illustrates a principle in user experience (UX) design called progressive disclosure. An important goal of progressive disclosure in website and mobile app design is to free up valuable screen real estate by only showing information that is relevant to the end user's current activity. Additional information and features can be accessed when requested as users move through the website or app. 

hamburger icon

Norm Cox, a graphic designer at Xerox, created the icon as part of the user interface (UI) for a computer workstation called the Xerox Star. The workstation, which was released in 1981 and promoted as an office automation system, featured a ground-breaking graphical user interface (GUI) that used images of familiar office objects like file folders and trash cans to represent tasks. The desktop metaphor was quickly adopted by other computer vendors and is still in use today. 

Although the hamburger icon has been used for decades, its learnability is often a subject of debate between digital user experience professionals. Learnability is a design principle that addresses the ease with which users are able to accomplish basic tasks the first time they encounter a design. Proponents of the hamburger maintain that most end users are familiar with the icon and as computing becomes more mobile, the icon will continue to play an important role in providing a natural user interface, simply because the available screen space on mobile devices is limited. Detractors maintain that navigation options hidden behind a hamburger will most likely be forgotten because the icon must be clicked before any options can been seen. Detractors of sliding drawer navigation and the hamburger icon often prefer a tabbed or tiled approach to navigation.

 

This was last updated in August 2016

Continue Reading About hamburger icon (slide drawer navigation)

Networking
  • telematics

    Telematics is a term that combines the words telecommunications and informatics to describe the use of communications and IT to ...

  • packet filtering

    Packet filtering is the process of passing or blocking data packets at a network interface by a firewall based on source and ...

  • WAN (wide area network)

    A wide area network (WAN) is a geographically distributed private telecommunications network that interconnects multiple local ...

Security
  • FIDO (Fast Identity Online)

    FIDO (Fast Identity Online) is a set of technology-agnostic security specifications for strong authentication.

  • Cloud Security Alliance (CSA)

    The Cloud Security Alliance (CSA) is a nonprofit organization that promotes research into best practices for securing cloud ...

  • quantum supremacy

    Quantum supremacy is the experimental demonstration of a quantum computer's dominance and advantage over classical computers by ...

CIO
  • leadership

    Leadership is the ability of an individual or a group of people to influence and guide followers or members of an organization, ...

  • transaction

    In computing, a transaction is a set of related tasks treated as a single action.

  • lean management

    Lean management is an approach to managing an organization that supports the concept of continuous improvement, a long-term ...

HRSoftware
  • employee engagement

    Employee engagement is the emotional and professional connection an employee feels toward their organization, colleagues and work.

  • talent pool

    A talent pool is a database of job candidates who have the potential to meet an organization's immediate and long-term needs.

  • diversity, equity and inclusion (DEI)

    Diversity, equity and inclusion is a term used to describe policies and programs that promote the representation and ...

Customer Experience
  • customer data platform (CDP)

    A customer data platform (CDP) is a type of software application that provides a unified platform of customer information that ...

  • moment of truth (marketing MOT)

    A moment of truth (MOT) is marketing lingo for any opportunity a customer (or potential customer) has to form an impression about...

  • customer engagement

    Customer engagement is the way a company creates a relationship with its customer base to foster brand loyalty and awareness.

Close