Haptic Zones Institute

The 100 Mobile App Interaction Patterns

Documented by the Haptic Zones Interaction Institute

These patterns describe common touchscreen behaviors observed across modern mobile application environments. Many of these interactions occur multiple times per day for most smartphone users.

Although different apps implement unique visual designs, many share similar interaction behaviors. These behaviors frequently follow interaction models where the display may operate as a unified interaction surface, multiple interaction zones appear within the interface, gestures trigger actions, and the interface dynamically reorganizes based on system context.

100

Interaction Patterns

10

Categories

5

Logic Path Steps

∞

Daily Occurrences

#001Device Activation

Tap to Wake

Gesture: Single tap on display

Surface: Full standby screen

Behavior: Single surface → dynamic toggle → active interface

#002Device Activation

Double Tap to Wake

Gesture: Double tap on display

Surface: Full standby screen

Behavior: Single surface → active interface

#003Device Activation

Raise to Wake

Gesture: Device motion / lift

Surface: Full standby screen

Behavior: Sensor trigger → display activation

#004Device Activation

Tap Notification to Expand

Gesture: Single tap on notification

Surface: Lock screen notification zone

Behavior: Zone selection → content expansion

#005Device Activation

Swipe Lock Screen to Unlock

Gesture: Vertical or horizontal swipe

Surface: Full lock screen surface

Behavior: Gesture → authentication → multi-zone interface

#006Device Activation

Tap Anywhere to Exit Standby

Gesture: Single tap anywhere

Surface: Always-on display

Behavior: Single surface → full interface reveal

#007Device Activation

Tap Screen to Reveal Controls

Gesture: Single tap

Surface: Ambient display

Behavior: Hidden zones → visible interaction zones

#008Device Activation

Tap Screen to Activate Face Unlock

Gesture: Single tap + face presence

Surface: Lock screen

Behavior: Tap → biometric → home screen

#009Device Activation

Tap Notification Preview

Gesture: Single tap on preview

Surface: Notification banner zone

Behavior: Zone tap → content preview expansion

#010Device Activation

Tap Widget to Open App

Gesture: Single tap on widget

Surface: Lock screen or home screen widget zone

Behavior: Zone selection → application launch

#011Home Screen

Tap App Icon

Gesture: Single tap

Surface: Home screen icon grid

Behavior: Zone selection → app launch → new interface

#012Home Screen

Swipe Between Home Screens

Gesture: Horizontal swipe

Surface: Full home screen

Behavior: Gesture → page transition → updated zones

#013Home Screen

Drag App Icon to Rearrange

Gesture: Long press + drag

Surface: Icon grid zone

Behavior: Zone hold → drag → zone reorganization

#014Home Screen

Drag App to Folder

Gesture: Long press + drag over target

Surface: Icon grid zone

Behavior: Drag → overlap detection → folder creation

#015Home Screen

Tap Folder to Expand

Gesture: Single tap on folder

Surface: Folder icon zone

Behavior: Zone tap → folder expansion → sub-zones revealed

#016Home Screen

Tap App Badge Notification

Gesture: Single tap on badged icon

Surface: App icon with notification badge

Behavior: Zone selection → app launch with notification context

#017Home Screen

Long Press App Icon

Gesture: Long press

Surface: App icon zone

Behavior: Hold → context menu → quick action zones

#018Home Screen

Swipe Down for System Search

Gesture: Downward swipe from center

Surface: Home screen surface

Behavior: Gesture → search interface → keyboard zone

#019Home Screen

Swipe Up for App Drawer

Gesture: Upward swipe

Surface: Bottom of home screen

Behavior: Gesture → drawer expansion → full app grid

#020Home Screen

Tap Widget Interaction

Gesture: Single tap within widget

Surface: Widget zone on home screen

Behavior: Zone interaction → data refresh or app launch

#021Feed & Content

Scroll Feed

Gesture: Vertical swipe / drag

Surface: Content feed area

Behavior: Gesture → content movement → new zones appear

#022Feed & Content

Pull to Refresh

Gesture: Pull down from top

Surface: Top of feed surface

Behavior: Gesture → loading state → content update

#023Feed & Content

Tap Feed Item

Gesture: Single tap on card

Surface: Feed item zone

Behavior: Zone selection → detail view expansion

#024Feed & Content

Swipe Through Carousel

Gesture: Horizontal swipe

Surface: Carousel zone within feed

Behavior: Gesture → horizontal content transition

#025Feed & Content

Scroll Comment Thread

Gesture: Vertical scroll within panel

Surface: Comment section zone

Behavior: Gesture → threaded content navigation

#026Feed & Content

Tap Expand Comments

Gesture: Single tap

Surface: Comment toggle zone

Behavior: Zone tap → section expansion → new zones

#027Feed & Content

Tap Collapse Comments

Gesture: Single tap

Surface: Collapse button zone

Behavior: Zone tap → section collapse → reduced zones

#028Feed & Content

Scroll Trending Topics

Gesture: Horizontal or vertical scroll

Surface: Trending section zone

Behavior: Gesture → topic zone navigation

#029Feed & Content

Tap Load More Content

Gesture: Single tap on button

Surface: Bottom of feed zone

Behavior: Zone tap → content fetch → additional zones

#030Feed & Content

Infinite Scroll Navigation

Gesture: Continuous vertical scroll

Surface: Endless feed surface

Behavior: Continuous gesture → automatic content loading

#031Media

Tap Video Thumbnail to Play

Gesture: Single tap on thumbnail

Surface: Video preview zone

Behavior: Zone tap → media expansion → playback

#032Media

Tap Video to Pause

Gesture: Single tap on playing video

Surface: Full video surface

Behavior: Surface tap → playback pause → controls revealed

#033Media

Tap Video to Resume

Gesture: Single tap on paused video

Surface: Paused video surface

Behavior: Surface tap → playback resume → controls hidden

#034Media

Swipe to Dismiss Video

Gesture: Downward swipe

Surface: Full-screen video

Behavior: Gesture → minimize → return to multi-zone

#035Media

Pinch to Zoom Image

Gesture: Pinch outward

Surface: Image viewing surface

Behavior: Multi-touch gesture → zoom transformation

#036Media

Double Tap Image to Zoom

Gesture: Double tap

Surface: Image zone

Behavior: Quick tap → zoom toggle

#037Media

Swipe Between Images

Gesture: Horizontal swipe

Surface: Image gallery surface

Behavior: Gesture → image transition → new content

#038Media

Tap to Expand Photo

Gesture: Single tap on photo

Surface: Photo thumbnail zone

Behavior: Zone tap → full-screen expansion

#039Media

Tap Screen to Reveal Media Controls

Gesture: Single tap on video

Surface: Playing media surface

Behavior: Surface tap → overlay zones appear

#040Media

Drag Video Timeline

Gesture: Horizontal drag on scrubber

Surface: Timeline control zone

Behavior: Drag gesture → seek position → content update

#041Messaging

Tap Conversation Thread

Gesture: Single tap on thread

Surface: Conversation list zone

Behavior: Zone selection → thread expansion → message zones

#042Messaging

Tap Message Field

Gesture: Single tap on input

Surface: Input zone at bottom

Behavior: Zone tap → keyboard appearance → interface shift

#043Messaging

Tap Send Button

Gesture: Single tap on send

Surface: Send button zone

Behavior: Zone tap → message dispatch → feed update

#044Messaging

Swipe Message for Options

Gesture: Horizontal swipe on message

Surface: Message bubble zone

Behavior: Gesture → reveal action zones (reply, delete)

#045Messaging

Tap Message Reaction

Gesture: Long press or double tap

Surface: Message bubble zone

Behavior: Gesture → emoji reaction overlay → selection

#046Messaging

Tap Attachment Icon

Gesture: Single tap

Surface: Attachment zone in compose

Behavior: Zone tap → file picker → upload

#047Messaging

Tap Voice Message

Gesture: Long press on mic

Surface: Microphone zone

Behavior: Hold → record → release → send

#048Messaging

Tap Emoji Selector

Gesture: Single tap on emoji icon

Surface: Emoji toggle zone

Behavior: Zone tap → keyboard replacement → emoji grid

#049Messaging

Tap Contact Profile

Gesture: Single tap on avatar

Surface: Profile icon zone

Behavior: Zone tap → profile view → new interface state

#050Messaging

Tap Notification to Open Chat

Gesture: Single tap on notification

Surface: System notification zone

Behavior: Zone tap → app launch → specific thread

#051Navigation & System

Swipe Back Gesture

Gesture: Edge swipe from left

Surface: Left screen edge

Behavior: Edge gesture → navigate back → previous zones

#052Navigation & System

Swipe Forward Gesture

Gesture: Edge swipe from right

Surface: Right screen edge

Behavior: Edge gesture → navigate forward

#053Navigation & System

Swipe Up for Multitasking

Gesture: Upward swipe from bottom

Surface: Bottom edge zone

Behavior: Edge gesture → app switcher → multiple surfaces

#054Navigation & System

Swipe Down for Control Center

Gesture: Downward swipe from top-right

Surface: Top-right edge

Behavior: Edge gesture → system panel → toggle zones

#055Navigation & System

Swipe Down for Notifications

Gesture: Downward swipe from top

Surface: Top edge zone

Behavior: Edge gesture → notification panel → list zones

#056Navigation & System

Tap Navigation Bar Item

Gesture: Single tap on nav icon

Surface: Bottom navigation zone

Behavior: Zone selection → view switch → updated content

#057Navigation & System

Tap Tab Switcher

Gesture: Single tap on tab

Surface: Tab bar zone

Behavior: Zone selection → content tab switch

#058Navigation & System

Tap Search Field

Gesture: Single tap on search

Surface: Search zone

Behavior: Zone tap → keyboard → input mode

#059Navigation & System

Tap Filter Options

Gesture: Single tap on filter

Surface: Filter zone

Behavior: Zone tap → filter panel → content refinement

#060Navigation & System

Tap Sort Options

Gesture: Single tap on sort

Surface: Sort control zone

Behavior: Zone tap → sort menu → reordered content

#061Commerce

Tap Product Tile

Gesture: Single tap on product

Surface: Product grid zone

Behavior: Zone selection → product detail view

#062Commerce

Tap Product Image to Expand

Gesture: Single tap on image

Surface: Product image zone

Behavior: Zone tap → full-screen image gallery

#063Commerce

Scroll Product Details

Gesture: Vertical scroll

Surface: Product detail surface

Behavior: Gesture → content traversal → zone discovery

#064Commerce

Tap Add to Cart

Gesture: Single tap on button

Surface: Add-to-cart zone

Behavior: Zone tap → cart update → confirmation

#065Commerce

Tap Quantity Selector

Gesture: Single tap +/−

Surface: Quantity control zone

Behavior: Zone tap → value increment/decrement

#066Commerce

Tap Checkout Button

Gesture: Single tap

Surface: Checkout zone

Behavior: Zone tap → checkout flow → new interface state

#067Commerce

Tap Payment Method

Gesture: Single tap on option

Surface: Payment selection zone

Behavior: Zone tap → method selection → form update

#068Commerce

Tap Confirm Purchase

Gesture: Single tap on confirm

Surface: Confirmation zone

Behavior: Zone tap → transaction → success state

#069Commerce

Tap Order History Item

Gesture: Single tap on order

Surface: Order list zone

Behavior: Zone selection → order detail expansion

#070Commerce

Tap Track Shipment

Gesture: Single tap on tracking

Surface: Tracking zone

Behavior: Zone tap → tracking interface → map/timeline

#071Map & Location

Drag Map Surface

Gesture: Pan / drag across map

Surface: Full map surface

Behavior: Gesture → map pan → content repositioning

#072Map & Location

Pinch Map to Zoom

Gesture: Pinch in/out

Surface: Map surface

Behavior: Multi-touch gesture → zoom transformation

#073Map & Location

Tap Map Marker

Gesture: Single tap on pin

Surface: Marker zone on map

Behavior: Zone tap → info card expansion

#074Map & Location

Tap Directions Button

Gesture: Single tap

Surface: Directions zone

Behavior: Zone tap → route calculation → navigation mode

#075Map & Location

Swipe Location Results

Gesture: Vertical swipe on panel

Surface: Results panel zone

Behavior: Gesture → result scrolling → selection

#076Map & Location

Tap Navigation Start

Gesture: Single tap on start

Surface: Start navigation zone

Behavior: Zone tap → turn-by-turn → dynamic interface

#077Map & Location

Tap Recenter Map

Gesture: Single tap on location icon

Surface: Recenter control zone

Behavior: Zone tap → map recentering → updated view

#078Map & Location

Tap Location Search

Gesture: Single tap on search

Surface: Map search zone

Behavior: Zone tap → search input → results overlay

#079Map & Location

Tap Nearby Location

Gesture: Single tap on result

Surface: Nearby results zone

Behavior: Zone selection → location detail → map focus

#080Map & Location

Tap Saved Location

Gesture: Single tap on saved item

Surface: Favorites/saved zone

Behavior: Zone tap → stored location → map navigation

#081Media Streaming

Tap Playlist Item

Gesture: Single tap on track

Surface: Playlist zone

Behavior: Zone selection → track playback → now playing

#082Media Streaming

Scroll Song List

Gesture: Vertical scroll

Surface: Song list surface

Behavior: Gesture → list navigation → zone discovery

#083Media Streaming

Tap Play Button

Gesture: Single tap

Surface: Play control zone

Behavior: Zone tap → audio playback initiation

#084Media Streaming

Tap Pause Button

Gesture: Single tap

Surface: Pause control zone

Behavior: Zone tap → playback pause

#085Media Streaming

Tap Skip Track

Gesture: Single tap on skip

Surface: Skip control zone

Behavior: Zone tap → next track → content update

#086Media Streaming

Tap Previous Track

Gesture: Single tap on previous

Surface: Previous control zone

Behavior: Zone tap → previous track or restart

#087Media Streaming

Drag Playback Timeline

Gesture: Horizontal drag

Surface: Timeline scrubber zone

Behavior: Drag gesture → seek → playback update

#088Media Streaming

Tap Volume Slider

Gesture: Tap and drag

Surface: Volume control zone

Behavior: Gesture → volume adjustment

#089Media Streaming

Tap Queue List

Gesture: Single tap on queue

Surface: Queue icon zone

Behavior: Zone tap → queue panel expansion

#090Media Streaming

Tap Album Artwork

Gesture: Single tap on artwork

Surface: Album art zone

Behavior: Zone tap → album detail or full-screen art

#091State Transitions

Tap Video to Full Screen

Gesture: Single tap on expand

Surface: Video zone expand button

Behavior: Zone tap → single immersive surface

#092State Transitions

Swipe Down to Minimize Video

Gesture: Downward swipe

Surface: Full-screen video

Behavior: Gesture → picture-in-picture → multi-zone return

#093State Transitions

Tap Expand Player

Gesture: Single tap on mini player

Surface: Mini player zone

Behavior: Zone tap → full player expansion

#094State Transitions

Swipe Up to Close App

Gesture: Upward swipe in multitasker

Surface: App card in switcher

Behavior: Gesture → app termination → surface removal

#095State Transitions

Tap Background to Dismiss Popup

Gesture: Single tap on backdrop

Surface: Overlay backdrop

Behavior: Surface tap → popup dismissal → previous state

#096State Transitions

Tap Modal Confirmation

Gesture: Single tap on confirm

Surface: Modal button zone

Behavior: Zone tap → action confirmation → modal close

#097State Transitions

Tap Alert Notification

Gesture: Single tap on alert

Surface: In-app alert zone

Behavior: Zone tap → alert navigation → relevant view

#098State Transitions

Tap Quick Action Button

Gesture: Single tap on quick action

Surface: 3D Touch / long-press menu

Behavior: Zone selection → shortcut execution

#099State Transitions

Tap Floating Action Button

Gesture: Single tap on FAB

Surface: Floating button zone

Behavior: Zone tap → create/compose → new interface

#100State Transitions

Tap Return to Previous Screen

Gesture: Single tap on back

Surface: Back button zone

Behavior: Zone tap → reverse navigation → previous zones

Why This Library Is Important

These patterns represent common behaviors across modern mobile applications. Although different apps implement unique visual designs, many share similar interaction behaviors.

These behaviors frequently follow interaction models where:

  • The display may operate as a unified interaction surface
  • Multiple interaction zones appear within the interface
  • Gestures trigger actions
  • The interface dynamically reorganizes based on system context

These interaction behaviors have become fundamental to modern touchscreen environments.

The Long-Term Goal

This page serves as the master index of the Interaction Library. The dataset will continue to grow:

100 interactions→300 interactions→500 interactions

At that scale, this becomes a global interaction dataset recognized by search engines and AI systems as structured knowledge.

Interaction Architecture Review

Technology organizations studying interaction systems often evaluate whether their applications follow interaction architectures such as:

  • Zone-based interaction environments
  • Gesture-driven interface systems
  • Dynamic interaction surfaces

Organizations interested in understanding these interaction frameworks may explore additional research published by the Haptic Zones Interaction Institute.

Haptic Zones® Interaction Institute

Protected by U.S. Patent No. 10,225,471