Vibary.ai
← All of Image

Product Interaction Hand Sketch

An industrial-design interaction study — hands operating one product, drawn in pen line — sized and separated so the hands survive being the subject. Six fields.

systemssketchproductimage-promptminutes
ExamplesFive grips · one product · pen line only
Vibary
Harbour Row

We made two examples: a palm-sized picker and a handheld radio, with five grips each and the fingers countable in every vignette. The radio shows more of the product body than asked and adds a belt for the clip action, while the picker keeps to the parts being touched.

You get five overlapping grips, with four fingers and a thumb countable in each, even the smallest, along with nails, knuckles and the contour that separates one finger from the next. The hands are kept large because fingers merge when they are drawn small. Even so, count the fingers at full size before you use the image: an extra finger or two merged ones can appear, and if so, generate again.

Generated for this library

Input
  Object    a handheld colour picker - a palm-sized puck with
            a lens on its underside
  Actions   press flat against a surface · thumb the capture
            button · twist the collar · slide the lens cover
            open · lift away between finger and thumb
  Hero      thumbing the capture button, about a third of the
            page height
  Drawn     only the top face, collar and lens rim
  Arrows    the twist and the slide, one each
  Paper     warm white stock, fine black technical pen

Returned   1 sheet · 3:4 · pen line, no colour, no text

layout     five vignettes overlapping and interlocking rather
           than gridded, the hero at centre left
hands      every one large enough to count fingers, each finger
           separated by its own contour where they overlap
line       heavy confident outlines, finer interior structure,
           a few restrained hatch strokes for occlusion only
product    cropped to the parts being touched, everything else
           left off the page
arrows     two only, thin, following the actual motion path
SKILL.mdthe whole thing, as you would paste it© vibary.ai

You fill in 6 fields — the braced lines at the top. Everything below them is fixed.

  1. 1The object being operated
  2. 2Five actions
  3. 3The hero action, drawn largest
  4. 4What of the object is drawn
  5. 5Which actions get a motion arrow
  6. 6The paper and pen

Product Interaction Hand Sketch

What this makes

An industrial-design interaction study — hands operating one product, drawn in pen line — sized and separated so the hands survive being the subject. Six fields.

The whole template, in one piece. The steps below are the entire workflow.

How to use it

  1. Copy the whole template with the button above.
  2. Replace the six FIELDS lines. Write five genuinely different grips — a press, a twist, a pinch, a slide, a lift — not five views of the same hold.
  3. Paste it into any image-capable agent or model, in one message. One run returns the sheet.
  4. Check the smallest vignette first, not the biggest. That is where fingers merge, and if you cannot count four fingers and a thumb in it, the sheet needs fewer actions rather than better ones.

What you swap

The object being operated
a handheld colour picker — a palm-sized puck with a lens on its underside
Five actions
press it flat against a surface, one hand · thumb the capture button on top · twist the collar to change mode · slide the lens cover open · lift it away between finger and thumb
The hero action, drawn largest
thumbing the capture button, at roughly a third of the page height
What of the object is drawn
only the puck's top face, collar and lens rim — no back, no branding, no full body
Which actions get a motion arrow
the twist and the slide, one arrow each
The paper and pen
warm white stock, fine black technical pen

Before it runs

  • A product people touch in more than one way. A thing with a single button gives four repeats of the same drawing.
  • Acceptance that the hand outranks the product. These pages are about the grip; the object is context and is drawn as little as possible.
  • Restraint about the count. Adding a sixth or seventh action is exactly how this sheet turns into merged fingers.

When to reach for it

When a product has to be shown being used rather than admired: an ergonomics study, a patent-style sheet, a design review page. Templates in this style ask for eight interactions on one page, which is exactly the count at which hands stop being drawable.

What changes

  • One dense pen-line study sheet: overlapping vignettes of hands operating a single product, no text anywhere.
  • Five actions rather than eight, because hand fidelity scales with how much room a hand is given and the small ones are where fingers merge.
  • A size floor on the smallest vignette, so every hand on the page is big enough to show individual fingers.
  • A separation rule — no two fingers may share a silhouette without a line between them — which is the specific way these drawings fail.
  • Pure contour line with no blended shading, the idiom that carries hands where smooth rendering exposes them.

Pairs with