{"schemaVersion":1,"record":{"key":"mechanic/phone-haptics--family-ui","type":"mechanic","id":"phone-haptics--family-ui","lang":"en","title":"Buttons, gestures and interface","summary":"A brief tactile cue confirms an interface action. In Procreate Pocket holding a slider switches its mode and produces haptic feedback.","updatedAt":"2026-10-22","status":"active","url":"https://gamemechanics.pro/en/knowledge/mechanic/phone-haptics--family-ui/","jsonUrl":"https://gamemechanics.pro/api/v1/knowledge/en/mechanic/phone-haptics--family-ui.json","markdownUrl":"https://gamemechanics.pro/content/knowledge/en/mechanic/phone-haptics--family-ui.md","aliases":["Buttons, gestures and interfaces"],"tags":["Phone haptics","Mechanics catalog"],"sourceIds":["source-9f699935c52f4076"],"sources":[{"id":"source-9f699935c52f4076","title":"Procreate Pocket","url":"https://help.procreate.com/pocket/handbook/interface-gestures/interface","verifiedAt":null}],"sections":[{"id":"principle","title":"How it works","body":"Haptic feedback makes events and boundaries discernible."},{"id":"variants","title":"Variants","body":"### Variants and applications\n\n<a id=\"family-ui-variants\"></a>\n\n- Tactile button. Role: Feedback. Features: Basic impulses. Input: touch. Rule: A short pulse confirms that the press has been accepted; releasing, if necessary, receives a separate response. Application: Virtual keys, game console, quick actions. Limitations: Confirm the actual acceptance of the command, and not promise the successful completion of the operation. <a id=\"variant-h001\"></a>\n- Hold until triggered. Role: Mechanics. Features: Basic impulses. Input: hold. Rule: A person holds the button until the ready signal and releases it after it; early release cancels the action. Application: Charge the ability, confirm, interact without looking at the screen. Limitations: The duration of the hold is known to the application; You don't need a force sensor for this. <a id=\"variant-h002\"></a>\n- Steps of choice. Role: Feedback. Features: Basic impulses. Input: drag and drop. Rule: Each intersection of a discrete value produces a click; the user counts steps with his finger. Application: Selecting an object, date, hour, volume level. Limitations: Do not play dozens of indistinguishable clicks when moving quickly. <a id=\"variant-h003\"></a>\n- Magnetic binding. Role: Feedback. Features: Basic impulses. Input: drag and drop. Rule: An impulse occurs when an object hits a valid point, grid or alignment line. Application: Editors, construction, inventory placement. Limitations: Vibration indicates software binding; I can't physically hold my finger... <a id=\"variant-h004\"></a>\n- End of the range. Role: Feedback. Features: Basic impulses. Input: swipe. Rule: A special response indicates a minimum or maximum value, the end of a list, or the edge of a map. Applications: Sliders, panning, scrolling. Limitations: Distinguish an edge from a normal value change. <a id=\"variant-h005\"></a>\n- Gesture threshold. Role: Mechanics. Features: Basic impulses. Input: swipe. Rule: The pulse indicates that the swipe has crossed the threshold; releasing performs the action, returning cancels. Usage: Card reset, gesture reload, archiving. Limitations: Leave the ability to cancel until releasing if this is part of the rule. <a id=\"variant-h006\"></a>\n- Grab and release. Role: Feedback. Features: Basic impulses. Input: drag and drop. Rule: Various short beeps indicate the capture of an object and its successful placement. Applications: Drag-and-drop, puzzles, building structures. Limitations: Incorrect placement receives a different response and a clear visual reason. <a id=\"variant-h007\"></a>\n- Success, error, warning. Role: Feedback. Features: Basic impulses. Input: status. Rule: Three distinguishable patterns communicate the result or need to change an action. Application: Answering a quiz, saving, checking progress. Limitations: Use system values ​​consistently; Don’t encode everything with one vibration. <a id=\"variant-h008\"></a>\n- Tactile focus. Role: Application. Features: Basic impulses. Input: touch. Rule: When focus moves to an accessible element, an impulse is generated; the user then activates the found element. Application: One-handed navigation, assistive interface mode. Limitations: The name and purpose of the element is announced by Narrator or another channel. <a id=\"variant-h009\"></a>\n- Passing stages. Role: Feedback. Features: Basic impulses. Input: status. Rule: Short beeps mark real completed stages, and the final pattern completes the sequence. Application: Loading multiple objects, character creation, step-by-step wizard. Limitations: Do not replace reliable progress with decorative periodic buzzing. <a id=\"variant-h010\"></a>"},{"id":"context","title":"Context and limits","body":"Author's systematization: 160 cards in 16 groups. These are mechanics, feedback techniques, applications and experimental extensions, not 160 independent physical effects. Design examples are hypothetical, not statements about the released games that used them."}],"relations":[],"placements":[{"catalogId":"phone-haptics","id":"family-ui","title":"Phone haptics","url":"https://gamemechanics.pro/en/mechanics/phone-haptics/#family-ui","categoryIds":["section-1"]}],"supersededBy":[],"attributes":{"preview":{"updatedAt":"2026-10-22","title":"Buttons, gestures and interfaces","description":"A brief tactile cue confirms an interface action. In Procreate Pocket holding a slider switches its mode and produces haptic feedback.","image":{"src":"images/mechanics/touch-pocket-interface-0.webp","width":640,"height":1387,"crop":{"x":350,"y":420,"width":290,"height":510},"game":"Procreate Pocket","sourceUrl":"https://help.procreate.com/pocket/handbook/interface-gestures/interface","originalUrl":"https://cdn.sanity.io/images/skm640rd/production/0de741e2b23abb6d5e0756a214d621a945bc35bd-1179x2556.png?auto=format&auto=format&w=640","credit":"Savage Interactive","rights":"© Savage Interactive. Developer-distributed app screenshot; all rights reserved. Excluded from MIT and CC BY 4.0.","caption":"Procreate Pocket: the lower slider confirms a mode change with haptics","alt":"Procreate Pocket: the lower slider confirms a mode change with haptics","markers":[{"x":94,"y":53,"label":"Holding switches Pressure/Opacity with a tactile cue"}]},"tips":["Use distinguishable cues for different outcomes and mirror important feedback visually."],"examples":[{"title":"Procreate Pocket","url":"https://help.procreate.com/pocket/handbook/interface-gestures/interface"}]}},"endsAt":null,"provenance":"Original editorial design catalog consolidated from project discussions on 2026-10-20. Complete discussion item lists and contextual limitations are preserved; linked primary sources support specific techniques, not the entire classification. English translation was prepared with machine assistance and editorial review.","license":"CC-BY-4.0","codeLicense":"MIT","attribution":"gamemechanics.pro contributors","catalogKey":"catalog/phone-haptics"}}