i pixel hanno gravità

Previsione della destinazione per React e Next.js

Conosci la destinazione
prima del clic.

Ottieni un rapporto fetch:click di 1.37. Intent-link calcola la probabilità usando l’energia cinetica e potenziale derivata dalla velocità del movimento e dalla distanza.

$ npm install intent-link
npmv1.0.13licenseMITreact≥18next≥13

01 / applicazioni

Un segnale. Molti utilizzi.

// analisi

Intento, non solo clic

Registra gli avvicinamenti abbandonati e le esitazioni, non solo le azioni.

// rivelazione

Rivelazione progressiva

Apri un’anteprima o un tooltip non appena l’utente si dirige verso di esso.

// prestazioni

Prefetch dei link

Esegui il prefetch dei link di navigazione prima che l’utente faccia clic.

// UI adattiva

Puntamento assistito

Ingrandisci i bersagli o avvicinali mentre l’utente si dirige verso di essi.

01
01
Osserva
il movimento
02
02
Stima
la destinazione probabile
03
03
Prepara
prima dell’arrivo

02 / demo dal vivo

Muoviti verso una scheda e osserva il prefetch.

shop.example/new-in

importance

cost

flusso onIntent0 attivazioni
// muoviti verso una scheda per attivare un segnale…
product shot
Donna
product shot
Uomo
product shot
Bambini
product shot
Scarpe
product shot
Borse
product shot
Accessori
product shot
Sport
product shot
Denim
product shot
Capispalla
product shot
Bellezza
product shot
Casa
product shot
Saldi
product shot
Elettronica
product shot
Orologi
product shot
Gioielli
product shot
Mobili
product shot
Regali
product shot
Viaggi
18 categorie

03 / senti la differenza

Lo stesso clic. Salta l’attesa.

Una pagina attende la richiesta di rete, mentre l’altra viene recuperata durante la traiettoria dell’utente.

tempo risparmiato in questa sessione

0 ms

Senza intent-linknon caricato
/product/quilted-jacket
Con intent-linkinattivo
/product/quilted-jacket

04 / diverso

Non visibilità. Non hover. Intento.

Ogni altro approccio è tardivo oppure dispendioso.

1.37

Rapporto Fetch:Click

useIntentTarget

Crea componenti personalizzati

React · Next

Per il framework più popolare

MIT

Open source, nessuna raccolta dati

Approcciointent-linkForesightJSinstant.pageNext.js prefetchGuess.js
Momentoprima dell’arrivolungo il percorsoall’hoverquando è visibileprecalcolato
Selettivitàla destinazionela destinazioneunotutto ciò che è visibileipotesi migliori

Offri una navigazione che sembra istantanea.

$ npm install intent-link