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
  • network traffic

    Network traffic is the amount of data that moves across a network during any given time.

  • dynamic and static

    In general, dynamic means 'energetic, capable of action and/or change, or forceful,' while static means 'stationary or fixed.'

  • MAC address (media access control address)

    A MAC address (media access control address) is a 12-digit hexadecimal number assigned to each device connected to the network.

Security
  • Evil Corp

    Evil Corp is an international cybercrime network that uses malicious software to steal money from victims' bank accounts and to ...

  • Trojan horse

    In computing, a Trojan horse is a program downloaded and installed on a computer that appears harmless, but is, in fact, ...

  • quantum key distribution (QKD)

    Quantum key distribution (QKD) is a secure communication method for exchanging encryption keys only known between shared parties.

CIO
  • green IT (green information technology)

    Green IT (green information technology) is the practice of creating and using environmentally sustainable computing.

  • benchmark

    A benchmark is a standard or point of reference people can use to measure something else.

  • spatial computing

    Spatial computing broadly characterizes the processes and tools used to capture, process and interact with 3D data.

HRSoftware
  • learning experience platform (LXP)

    A learning experience platform (LXP) is an AI-driven peer learning experience platform delivered using software as a service (...

  • talent acquisition

    Talent acquisition is the strategic process employers use to analyze their long-term talent needs in the context of business ...

  • employee retention

    Employee retention is the organizational goal of keeping productive and talented workers and reducing turnover by fostering a ...

Customer Experience
  • BOPIS (buy online, pick up in-store)

    BOPIS (buy online, pick up in-store) is a business model that allows consumers to shop and place orders online and then pick up ...

  • real-time analytics

    Real-time analytics is the use of data and related resources for analysis as soon as it enters the system.

  • database marketing

    Database marketing is a systematic approach to the gathering, consolidation and processing of consumer data.

Close