Dette Clever Trick bringer besøkende tilbake når de taper bort

Hvor mange ganger åpner du en artikkel, skumle noen setninger, klikk deretter bort for å bla gjennom en annen kategori? Jeg er skyldig i dette på daglig basis. Det er ikke så lett å holde en besøkendes oppmerksomhet, og derfor kan Do not Go-skriptet være så verdifullt.

Ved å legge til dette skriptet på siden din, kan du automatisk oppdatere nettstedets favicon- og sidetittel når siden ikke vises for øyeblikket.

Du kan se en live demo her, og det er ganske enkelt. Bare åpne siden i nettleseren din, og flytt deretter til en annen kategori. Innen få sekunder endres sidens favicon, sammen med tittelen .

Alt dette skjer dynamisk, ved hjelp av JavaScript, så alt går tilbake når siden er aktiv igjen. Som du kan forestille deg, er dette skriptet veldig enkelt å sette opp .

Det krever tre innstillinger :

1. Tittel - den nye sidetittelen
2. Favicon - den nye favicon-nettadressen
3. Timeout - total forsinkelse (i sekunder) etter at brukeren har gått før du slår på bryteren

Merk at den eneste nødvendige verdien er tittelen. Du kan forlate faviconet samme og du kan velge å hoppe over timeout helt, så tittellinjen endres umiddelbart.

Her er en kodeks av hvordan oppsettet ser ut.

 dontGo ({title: 'Alternativ titteltekst her!', faviconSrc: 'bane / til / Alternativ / favicon.ico', timeout: 5000 // 5 sekunder}); 

Det kan ikke være enklere å sette opp skriptet Ikke gå. Den er tilgjengelig gjennom npm, Bower og Garn, og den er også vert på GitHub CDN, trukket rett fra hovedrepetoen.

Dette morsomme skriptet kan være en fin måte å coax lesere tilbake på nettstedet ditt og til slutt, redusere studsene . Hvis du vil vite mer, kan du bare besøke GitHub-repoens hovedprodukter og skimme gjennom dokumentasjonen.

Lag Maskinvare Progress Bar enkelt med Mprogress.js

Det er ikke nektet at Googles materialdesign har radikalt endret web. Det tilbyr et felles design språk som brukergrensesnittdesignere kan søke på alle nettsteder og mobilapper.Denne materielle designtrenden har ført til mange biblioteker, inkludert den populære materialiseringsrammen. Og et av de kuleste nye materialprosjektene jeg har funnet er Mprogress.js .

(Tekniske og design tips)

Slik reduserer du Cart Abandonment Rates på e-handelsstedet ditt

Cart abandonment er et standard problem hver e-handelsside møter før eller senere. Ifølge Baymard Research Institute er den gjennomsnittlige handlekurvenes abandonment rate så mye som 68, 63%, en verdi som er beregnet ut fra 33 forskjellige studier.Å være oppmerksom på kassen UX, og å designe for målgruppens spesifikke behov, kan redusere antall kunder som forlater sin shopping på det siste avgjørende øyeblikket midt i kassen.I dette inn

(Tekniske og design tips)