IT

Come registrare un sito web nel browser senza elementi di disturbo

Come registrare un sito web per un cliente senza schede, preferiti o banner dei cookie in mezzo: un profilo del browser pulito, lo zoom giusto e uno scorrimento lento.

Nicolas Ricardi5 min di lettura

In breve

  • Usa un profilo del browser separato per le registrazioni: niente preferiti, niente compilazione automatica personale, niente estensioni, niente schede di altri clienti.
  • Nascondi la barra dei preferiti e imposta lo zoom della pagina prima di iniziare, così il testo si legge su un portatile o un telefono.
  • Sistema banner dei cookie e pop-up una volta sola in quel profilo, a meno che il banner non sia proprio quello che stai revisionando.
  • Usa dati di prova e un sito di staging, mai l'account di un cliente reale.
  • Registra la finestra del browser, non tutto lo schermo, e scorri lentamente con delle pause.

Per registrare un sito web senza elementi di disturbo, usa un profilo del browser separato senza preferiti, estensioni o dati personali salvati, chiudi tutte le altre schede, imposta lo zoom della pagina, chiudi una volta i banner dei cookie e registra solo la finestra del browser. Poi scorri lentamente e fermati su ogni sezione. La prima volta sono dieci minuti di preparazione, poi è pronto ogni volta che ti serve.

La presentazione di un sito è il video per i clienti più comune per le web agency: il sito di staging da revisionare, il sito finito alla consegna, un bug in una pagina precisa. Il protagonista è il sito. Tutto il resto nel browser è rumore, e una parte è privata.

Usa un profilo del browser solo per le registrazioni

Il browser di tutti i giorni dice molto di te: preferiti con i nomi di altri clienti, icone delle estensioni, una fila di trenta schede, una compilazione automatica che ti propone l’indirizzo di casa appena fai clic su un campo. Un profilo separato parte vuoto.

In Chrome: fai clic sull’icona del profilo in alto a destra, scegli ProfiloAggiungi profilo Chrome e dagli un nome come “Registrazione”.

In Safari: scegli SafariImpostazioniProfili e creane uno nuovo. Apri una finestra con quel profilo da FileNuova finestraNuova finestra Registrazione (l’ultima voce usa il nome del tuo profilo). Tieni presente che le password salvate nel portachiavi iCloud sono disponibili in tutti i profili di Safari, quindi un gestore di password potrebbe comunque proporti i login.

Nel nuovo profilo tieni solo quello che serve alla registrazione: niente estensioni, niente barra dei preferiti, niente indirizzi o carte salvati, e login solo per i siti di staging che mostri.

Perché non una semplice finestra privata?

Una finestra privata o in incognito (⌘⇧N in Chrome) è pulita anche lei, e va bene per una volta. Ma quando la chiudi dimentica tutto: ogni registrazione ricomincia con il banner dei cookie e la schermata di login. Un profilo ricorda quello che hai impostato.

Finestra privata o profilo per le registrazioni
Finestra privata o in incognito Profilo per le registrazioni
Preparazione ✓ nessuna ~ qualche minuto, una volta sola
Parte senza i preferiti e le schede di tutti i giorni ✓ ✓
Ricorda i banner dei cookie chiusi ✗ ✓
Resta collegato ai siti di staging ✗ ✓
Adatto a Una registrazione occasionale Ogni registrazione dopo la prima

Fai pulizia nella finestra

La finestra del browser prima di registrare

  • Sono aperte solo le schede che mostrerai.
  • La barra dei preferiti è nascosta.
  • Le icone delle estensioni sono tolte dalla barra degli strumenti.
  • La pagina è aperta nel punto di partenza, scorsa fino in cima.
  • Lo zoom è impostato in modo che il testo si legga facilmente.
  • Banner dei cookie e pop-up della newsletter sono sistemati.

Nascondi la barra dei preferiti. In Chrome premi ⌘⇧B. In Safari scegli VistaNascondi barra dei preferiti.

Chiudi le altre schede. I titoli delle schede si vedono nella registrazione, e “Fattura scaduta, Cliente X” non è qualcosa che vuoi in un video per il Cliente Y. La nostra checklist sulla privacy nella registrazione dello schermo ha l’elenco completo di cosa nascondere.

Imposta il livello di zoom

I siti sono progettati per chi ci sta seduto davanti, non per un video ridotto nella finestra di un portatile o su un telefono. Il testo piccolo e i dettagli fini dell’interfaccia diventano difficili da leggere.

Prima di registrare, aumenta lo zoom della pagina di uno o due passi con ⌘+, e torna alla dimensione normale con ⌘0. Mentre zoomi, il layout potrebbe passare a un breakpoint più stretto; controlla che mostri ancora il design come vuoi presentarlo. Se vuoi il layout desktop esatto a una dimensione leggibile, rimpicciolisci la finestra invece di zoomare, e registra la finestra.

Su un sito di staging, il banner dei cookie, il pop-up della newsletter e la bolla della chat compaiono a ogni nuovo visitatore, ed è proprio quello che sei in un profilo nuovo.

  • Se non sono l’argomento, accettali o chiudili una volta prima di registrare. In un profilo dedicato restano chiusi.
  • Se sono l’argomento, come un nuovo banner del consenso che devi far approvare, registra un video breve a parte che parte proprio da lì, così la presentazione principale non viene interrotta.
  • I widget della chat spesso si aprono dopo qualche secondo. Chiudili prima di iniziare, o aspetta che compaiano e chiudili.

Usa dati di prova, non clienti reali

Se la presentazione include un’area riservata, un checkout o un pannello di amministrazione, accedi come utente di prova. Ordini, nomi e indirizzi email reali in un video sono dati personali, e i video vengono inoltrati. Usa gli account di prova e le modalità di pagamento di test del sito di staging, e compila i moduli con dati chiaramente finti come “Cliente Prova”.

Fai attenzione anche alla compilazione automatica. Quando fai clic su un campo di un modulo, il browser può proporti nomi, email o indirizzi salvati. Un profilo per le registrazioni senza niente di salvato evita il problema.

Registra la finestra, non lo schermo

Registra solo la finestra del browser o un’area intorno a essa. Il cliente vede il sito e nient’altro: niente Dock, niente icone nella barra dei menu, nessuna notifica che scivola dentro. La nostra guida su come registrare una finestra o una parte dello schermo spiega le opzioni di Screenshot di macOS e degli altri registratori.

Per una presentazione curata aiutano un margine e uno sfondo intorno alla finestra; leggi sfondi e margini.

Scorri come se lo stessi mostrando a qualcuno

Scorrere in fretta è il problema più comune nelle registrazioni dei siti. Tu conosci la pagina; il cliente vede una macchia sfocata.

  1. Parti dall’alto e di’ a cosa serve la pagina.
  2. Scorri lentamente con il trackpad, o usa i tasti freccia per passi piccoli e regolari.
  3. Fermati su ogni sezione mentre ne parli.
  4. Evita la barra spaziatrice e lo scorrimento con un colpo veloce, che saltano di una schermata intera alla volta.
  5. Indica prima di fare clic. Porta il puntatore su un link o un pulsante, fermati, poi fai clic.

Se il cliente potrebbe guardare dal telefono, uno zoom sui dettagli piccoli aiuta; zoom automatico: quando aiuta e quando disturba spiega quando usarlo.

Layout mobile e altri casi

Per mostrare la versione mobile del sito, usa la modalità responsive del browser o un iPhone vero; come mostrare un sito mobile a un cliente dal tuo Mac confronta le opzioni.

Per le consegne, dove mostri anche il CMS e dove si trovano le cose, leggi consegna del sito web al cliente con un video. Per le basi della registrazione su Mac, parti da come registrare lo schermo su Mac.

Domande frequenti

Come registro un sito web su Mac?

Apri il sito in una finestra del browser pulita, chiudi le altre schede, nascondi la barra dei preferiti e imposta il livello di zoom. Poi registra solo quella finestra, con Screenshot di macOS o un registratore dello schermo, scorrendo lentamente e fermandoti su ogni sezione.

Come nascondo la barra dei preferiti in Chrome?

Su Mac premi ⌘ + Maiusc + B per mostrare o nascondere la barra dei preferiti in Chrome. In Safari usa il menu Vista per nascondere la barra dei preferiti.

Conviene usare una finestra privata per registrare un sito web?

Per una registrazione veloce aiuta, perché non ha cronologia né compilazione automatica, ma banner dei cookie e login ripartono da zero ogni volta. Un profilo del browser separato, usato solo per le registrazioni, ti dà una finestra pulita che ricorda le tue scelte.

Come scorro in modo fluido in una registrazione dello schermo?

Scorri lentamente con il trackpad, o usa i tasti freccia, e fermati su ogni sezione mentre ne parli. Evita lo scorrimento con un colpo veloce e la barra spaziatrice, che saltano di una schermata intera alla volta.

Scritto da

Nicolas Ricardi

Maker of JustRec, at Nube

Nicolas makes JustRec at Nube, a web studio in Italy. He built it for the videos Nube sends to its own clients: design reviews, handovers and quotes explained in a few minutes instead of a meeting.

www.wearenube.dev
Video migliori