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)

Start the conversation

Send me notifications when other members comment.

By submitting you agree to receive email from TechTarget and its partners. If you reside outside of the United States, you consent to having your personal data transferred to and processed in the United States. Privacy

Please create a username to comment.

-ADS BY GOOGLE

File Extensions and File Formats

SearchCompliance

  • internal audit (IA)

    An internal audit (IA) is an organizational initiative to monitor and analyze its own business operations in order to determine ...

  • pure risk (absolute risk)

    Pure risk, also called absolute risk, is a category of threat that is beyond human control and has only one possible outcome if ...

  • risk assessment

    Risk assessment is the identification of hazards that could negatively impact an organization's ability to conduct business.

SearchSecurity

  • computer exploit

    A computer exploit, or exploit, is an attack on a computer system, especially one that takes advantage of a particular ...

  • cyberwarfare

    Cyberwarfare is computer- or network-based conflict involving politically motivated attacks by a nation-state on another ...

  • insider threat

    Insider threat is a generic term for a threat to an organization's security or data that comes from within.

SearchHealthIT

SearchDisasterRecovery

  • business continuity and disaster recovery (BCDR)

    Business continuity and disaster recovery (BCDR) are closely related practices that describe an organization's preparation for ...

  • business continuity plan (BCP)

    A business continuity plan (BCP) is a document that consists of the critical information an organization needs to continue ...

  • call tree

    A call tree -- sometimes referred to as a phone tree -- is a telecommunications chain for notifying specific individuals of an ...

SearchStorage

  • OpenStack Block Storage (Cinder)

    OpenStack Block Storage (Cinder) is open source software designed to create and manage a service that provides persistent data ...

  • SATA Express (SATAe)

    SATA Express (SATAe or Serial ATA Express) is a bus interface to connect storage devices to a computer motherboard, supporting ...

  • DIMM (dual in-line memory module)

    A DIMM (dual in-line memory module) is the standard memory card used in servers and PCs.

SearchSolidStateStorage

  • hybrid flash array

    A hybrid flash array is a solid-state storage system that contains a mix of flash memory drives and hard disk drives.

  • 3D XPoint

    3D XPoint is memory storage technology jointly developed by Intel and Micron Technology Inc.

  • RRAM or ReRAM (resistive RAM)

    RRAM or ReRAM (resistive random access memory) is a form of nonvolatile storage that operates by changing the resistance of a ...

SearchCloudStorage

  • Google Cloud Storage

    Google Cloud Storage is an enterprise public cloud storage platform that can house large unstructured data sets.

  • RESTful API

    A RESTful application program interface breaks down a transaction to create a series of small modules, each of which addresses an...

  • cloud storage infrastructure

    Cloud storage infrastructure is the hardware and software framework that supports the computing requirements of a private or ...

Close