15 Suggerimenti per l'ottimizzazione del dispositivo incrociato

Sep 11, 2025
Come si fa

Design per tutti i dispositivi! Anna Dahlström. Parlerà dell'importanza di Dispositivo di costruzione Sistemi UX Agnostici a Genera Londra. , 21-23 settembre. Attraverserà il perché il design agnostico del dispositivo è importante, cosa significa e come ci andiamo; prenota ora !

Ho iniziato a scherzare con i file di registro HTTP e le stringhe degli utenti degli utenti oltre 15 anni fa, analizzando e tentando di capire tutti i diversi dispositivi che dondolano sui primi siti Web di Ecommerce John Lewis. Che consiglio mi darei, se potessi tornare indietro nel tempo?

Sarebbe questo: ogni sito web o prodotto in cui lavori d'ora in poi sarà rotto - solo non sai dove, su quale dispositivo o browser o quanto gravemente. Se cacciate questi difetti, farai soldi più facili per i tuoi clienti rispetto a quasi tutti i tuoi altri lavori messi insieme.

Mi ci sono voluti 15 anni per realizzare che, nonostante la tendenza dei clienti di lamentarsi rapidamente, la vasta maggioranza non segnale bug nelle esperienze dei tuoi dispositivi. Se ottieni un piccolo numero di reclami, probabilmente hai un importante disastro sulle tue mani. Se non ottieni reclami, probabilmente è ancora rotto.

Non possiamo fare affidamento sui visitatori del sito web per essere il nostro 'canarino nella miniera di carbone' per i problemi del dispositivo e del browser - dobbiamo assumerci la responsabilità e diventare più intelligenti e diventare più intelligenti e proattivi nel modo in cui test. La compatibilità del dispositivo è un diritto non un privilegio e ottenere che non è sbagliato è una forma di discriminazione negligente.

Questo articolo delinea le regole chiave da ricordare per l'ottimizzazione del dispositivo cross-dispositivi e il test A / B. Affronta prima i suggerimenti di ottimizzazione. Se stai facendo errori di base con la compatibilità dei dispositivi, le prestazioni e l'usabilità, non c'è punto di preoccupazione con test A / B. Trova e ripara prima le cose spezzate. Quindi, quando hai abbastanza traffico per eseguire test A / B (almeno 500 conversioni o contatti al mese) - puoi fare alcuni nuovi errori.

01. Non assumere reattivo risolve tutto

Una volta ho costruito un piccolo sito mobile che non è reattivo, ma ora prende la parte migliore di un miliardo di euro in entrate ogni anno. Per i compiti richiesti, è perfetto. Non è reattivo nei termini del layout del fluido, ma è reattivo alle esigenze di quasi tutti coloro che lo usa. Conosci la differenza

A volte le persone lo pensano web design reattivo è un segno di mastery digitale. È solo un attributo che non trasmette nulla di qualità - come dire "abbiamo un sito web" o "il nostro sito web ti consente di fare clic sulle cose". Non è garanzia di un'ottima esperienza cross-dispositivi.

Vedo molti siti reattivi che hanno una chiazza superficiale ma falliscono sull'usabilità perché il team ha ignorato la conoscenza dei clienti. Un buon esempio è un Sito web di e-commerce. Ciò è stato reattivo e ha perso il 40% delle sue entrate. Aveva costruito un'ottima esperienza mobile, ma la versione desktop ha risucchiato, ed è qui che provengono l'80% dei soldi. Sapere dove l'oca dorata è aiuta se vuoi evitarlo ad ucciderlo!

02. Prima la tua ricerca

Ottimizzazione di un sito non inizia con l'hacking sul contenuto della pagina. Inizia con la tua ricerca così quando le tue labbra dicono "Viaggio dei clienti", cosa esce non è una favola. È fondamentale conoscere i visitatori, i loro compiti e obiettivi, punti di ingresso, mix di dispositivi, percorsi, flussi e aree di abbandono. È molto difficile risolvere un problema che non capisci.

Utilizzo dei dati di analisi con esperienza utente Ricerca, sondaggi o feedback è un modo rapido e leggero per rimuovere cazzate, ego e ipotesi sul "viaggio". Un'ora di dati informati vale più di mille ore di opinione incontrastata.

Ulteriore lettura: ' Ricerca di conversione in un'ora '; « Strumenti di replay della sessione per la ricerca '.

03. Traccia le persone, non i dispositivi

A Google Analytics User ID view showing overlapping device usage

Una visualizzazione dell'ID utente di Google Analytics che mostra l'utilizzo del dispositivo sovrapposto

A meno che tu non utilizzi un set-up di analisi che traccia gli utenti, finisci invece dei dispositivi di localizzazione. Le aziende si lamentano che il loro traffico "mobile" non è convertito - e scopriamo che il traffico sta effettivamente convertendo, solo su un dispositivo completamente diverso.

Le persone possono usare il loro telefono per navigare e aggiungere un prodotto al loro cestino, ma scoprire che è difficile passare attraverso il checkout, quindi finisci la vendita sul loro laptop. Il sito pensa a questi come due persone: un cliente mobile e un cliente desktop.

Quindi il tuo problema di conversione è in realtà un problema di attribuzione. Come puoi accreditare la vendita a un'esperienza di dispositivo se il cliente utilizza più di un dispositivo? Google Analytics ha una vista utente in cui è possibile accendere (per utenti loggati) che ti permette di tracciare le persone, non i dispositivi e ci sono molti strumenti di analisi per aiutarti a dare un senso a questo.

04. Non ignorare il contesto più ampio

In questo mondo del dispositivo iper-mobile, il contesto è tutto. Ciò che ti serve da un'applica app potrebbe essere molto diversa 48 ore prima del tuo volo rispetto a quando stai correndo per il cancello. Per quella persona con il telefono, è necessario considerare i fattori che influiscono sull'esperienza. Questi potrebbero includere le attività, gli obiettivi, il dispositivo, la posizione, la velocità dei dati, la vista, l'urgenza, la motivazione, i costi dei dati, i costi di chiamata o anche il tempo al momento della loro visita!

05. Esci dall'ufficio

Fare prodotti migliori non dovrebbero coinvolgere lunghi giorni trascorsi in ufficio. Perché non rompere il giorno lavorativo con visite a caffetterie e pub? Questo è uno dei modi più economici per trovare clienti per la ricerca UX. Offrire una birra o un caffè in cambio di un feedback sul tuo prototipo o il design è un ritorno inestimabile sull'investimento. E non dimenticare il sito web - Se hai traffico, puoi reclutare persone ed eseguire test con loro anche online.

Ulteriore lettura: ' Strumenti UX per regolarli tutti '.

06. Non assumere che tutti usano iPhone

Diagram showing the percentage splits across device classes, OS and models

Diagramma che mostra la percentuale divisioni attraverso le classi del dispositivo, il sistema operativo e i modelli

Nella maggior parte dei set-up di analisi, i modelli iPhone sono grumellati insieme, suggerendo questi sono i principali dispositivi del cliente. Se guardi i modelli nei tuoi dati, questo spiegherà il tuo pensiero; Devi dividere dispositivi per sistema operativo o piattaforma per vedere l'immagine reale. Google Analytics potrebbe dire che il mio top model è l''iPhone' ma anche una manciata di modelli Top Samsung può aggiungere un pubblico molto più ampio.

Ogni volta che qualcuno è tentato di concentrarsi sulla propria preferenza del dispositivo personale invece del mix del cliente, indirizzarli al diagramma sopra a destra (vale la pena di spingerlo sul muro dell'ufficio) per ricordare loro ciò che dice i dati.

Ulteriore lettura: ' La guida definitiva per utilizzare Google Analytics per l'ottimizzazione del dispositivo trasversale '.

Discover why your designs should be device-agnostic at Generate London

Scopri perché i tuoi disegni dovrebbero essere dispositivi-Agnostici a Genera Londra

07. Non dimenticare il monitoraggio delle chiamate

Una menzione per una tecnica libera e raramente usata. Se si dispone di dispositivi touch in modo che possano effettuare chiamate telefoniche, è possibile tenere traccia delle chiamate. Basta aggiungere un evento (o PageView) ai tuoi dati di analisi ogni volta che qualcuno tocca un numero di telefono per chiamarti. Allora saprai quante chiamate ottieni, esattamente quali persone della pagina web hanno chiamato da e quali campagne di marketing o fonti hanno guidato la maggior parte delle chiamate.

Ho usato questi dati per analizzare un account PPC per una grande azienda. Quando abbiamo fatto attenzione nelle vendite provenienti da telefonate, ha cambiato completamente le nostre offerte. Il risparmio è stato di 60-70% di bollette inferiori per PPC ma la stessa quantità di entrate.

08. Utilizzare i dati reali per tenere traccia della velocità del sito web

Non molte persone sanno che Google Analytics raccoglie le misurazioni dei veri visitatori di quanto le pagine lenti siano le tue pagine, ogni giorno. Piuttosto che immaginare la performance (mentre navighi sul tuo sito su un wi-ficonnection), puoi lasciare che i dati ti dicono dove fa schifo. Guarda il rapporto DOM TIUMINGS: questo record è per quanto tempo la struttura e il contenuto della pagina web richiedono da caricare. Fare siti più veloce è un campo da gioco.

C'è un'enorme correlazione tra prestazioni e tasso di conversione, quindi se è lento, stai spendendo denaro marketing solo per inviare persone ai tuoi concorrenti!

Ulteriore lettura: ' Interpretare la velocità del sito '.

09. Copia il metodo di prova, piuttosto che la creatività

Quando guardi i test, le altre aziende sono state eseguite, non hai idea se abbigliarono completamente il test o meno. I loro dati, metodo, QA o dimensioni del campione potrebbero mostrare che hanno fatto errori elementari. Potrebbero aver eseguito il test per un periodo di tempo troppo breve o non controllato se collezionava i dati con precisione. Solo non lo sai.

E anche se hai avuto tutte le informazioni di base, non potresti ancora prevedere se il loro metodo funzionerebbe per te. I tuoi clienti, marketing, sito web e tutto il resto sono completamente diversi. In breve, le regole delle migliori pratiche per i test riguardano principalmente la copia del metodo e non la creatività.

Ulteriore lettura: ' The Endless Suck of Best Practice e Optimization Experts '; « Quando le migliori pratiche di ottimizzazione della conversione falliscono '.

10. Non testare senza pianificazione

Ci sono milioni di cose che potresti testare in luoghi in tutto il tuo sito. Se sei appena iniziato ', potresti eventualmente ottenere un sito web ottimale, ma la morte del calore dell'universo ti farà prima. Se ci sono cose rotte nelle tue esperienze, è necessario risolvere il primo (prima del test) come altrimenti trascinerà tutto il resto. Una volta che hai le basi della compatibilità delle prestazioni e del dispositivo, utilizzare Analytics per identificare le opportunità.

"Basta cambiare roba" non è una ragione abbastanza buona per testare; Hai bisogno di prove o intuizione per guidare un buon test. Il miglior apprendimento deriva dall'avere grandi domande per canalizzare nei tuoi test.

11. Stabilire la tua ipotesi

Ask people to describe the test they want to run using this sentence. If you’re laughing, it’s a bad test

Chiedi alle persone di descrivere il test che vogliono correre usando questa frase. Se stai ridendo, è un brutto test

Il kit ipotesi è una delle cose più utili che insegno:

Perché abbiamo visto [Dati / Feedback] Ci aspettiamo che [Cambia] causerà [impatto]. Misureremo questo usando [Metrica dati].

Chiedere alle persone di inquadrare la loro domanda o il test A / B in questo modo le costringe a pensare al motivo per cui stanno eseguendo il test e come verrà misurato il successo.

Ulteriore lettura: Kit ipotesi 3. .

12. Esegui prima una calcolatrice di prova

È davvero una buona pratica eseguire un calcolatore di prova prima di testare A / B. Se dice che ci vorranno circa nove milioni di anni per finire, puoi fare qualcosa di più utile con la tua vita.

13. Non fermarsi alla fiducia del 95%

È un errore noob molto comune per fare con il test A / B. Dovresti decidere il tempo di prova in anticipo, quindi eseguilo per quel tempo, fermarlo e analizzarlo. La maggior parte dei test che viene eseguita nel mondo reale sono completamente immaginari - ed è per questo che le persone rimangono delusi quando il "lifting" promesso nella conversione non arriva. Chiamare i test in modo errato o in attesa troppo a lungo per i risultati sono problemi comuni che dovrebbero essere evitati.

Ulteriore lettura: ' Il significato statistico non è uguale validità '; « Perché ogni marketing su Internet dovrebbe essere uno statistico '.

14. Segmento per classe del dispositivo

Se hai diversi dispositivi o punti di interruzione nel design, il test A / B sembrerà completamente diverso. Se non sei sicuro di come il tuo design guarda su tutti i dispositivi, come puoi essere sicuro che funziona affatto? Se non si analizza e segmenta i dati dalle diverse classi di dispositivi o "Breakpoint", come saprete il cambiamento comportamentale? Uno dei miei clienti memorizza il design esatto che il cliente ha visto nel loro livello di dati, che è molto utile.

Comprendi sempre come stai prendendo di mira o segmenta le persone attraverso le classi mobili, tablet e desktop. Non esiste un visitatore 'medio' - non quando l'esperienza del dispositivo varia così enormemente.

15. Non dimenticare il test di QA

Se non hai mai elaborato il tuo dispositivo, probabilmente non stai provando neanche i test A / B. Ciò significa che alcuni di essi sono probabilmente rotti - e se i tuoi test A / B sono rotti, i tuoi dati e il processo decisionale è probabile che sia difettosi. Circa il 30-40% di tutti i miei progetti di prova falliscono il QA di base, anche con sviluppatori di alta qualità - questo è JavaScript per te! Supponiamo che sia rotto fino a dimostrare diversamente.

Sommario

Qui ho coperto una serie di suggerimenti per migliorare le tue esperienze del dispositivo incrociato. Quando stai iniziando, conoscendo il tuo dispositivo mix e la comprensione dei clienti dietro a quei dispositivi è vitale. La fase successiva è lavorare con i dati per aiutarti a dare la priorità ai tuoi sforzi. Effettuare una buona lista di test (con l'aiuto di Google Analytics) riduce lo sforzo degli sviluppatori, ma aumenterà il numero di difetti che si rimuovono su dispositivi popolari.

La progettazione di grandi esperienze del dispositivo trasversale è un attento equilibrio tra dati, intuizione, empatia e sperimentazione. Se permetti a questi di occupare lo spazio di solito riempito da ego e opinione, il buon lavoro prospererà. Come disse Stephen Hawking: "Il più grande nemico della conoscenza non è l'ignoranza, è l'illusione della conoscenza".

Scopri l'importanza del dispositivo agnostico del dispositivo con Anna Dahlström. a Genera Londra. ! Nel Dispositivo di costruzione Sistemi UX Agnostici , spiegherà perché dovresti consentire ai layout di Guida ai contenuti e allontanati dalla progettazione di pagine per concentrarsi sui moduli che quelle opinioni sono costituite da. Prenota il tuo biglietto ora !

Questo articolo è originariamente apparso in Magazine netta Edizione 279; Iscriviti ora !


Come si fa - Articoli più popolari

44 delle migliori scorciatoie e gesti per iPad per iPados 2020

Come si fa Sep 11, 2025

(Immagine di immagine: futuro) SALTA A: Scorciatoie di base ..


Come evitare un primo giorno del primo giorno di Amazon Fall

Come si fa Sep 11, 2025

(Immagine di immagine: Amazon) Anche se non conosciamo ancora la data esatta di Amazon Prime Giorno 2020 ..


Costruisci prototipi con Adobe XD

Come si fa Sep 11, 2025

(Immagine di immagine: futuro) Nel design contemporaneo web e app esistono spesso le volte in cui l'interazione non a..


Come illustrare gli occhi animali

Come si fa Sep 11, 2025

(Immagine di immagine: Jill Tisbury) Quando apprendimento Come disegnare gli animali , un aspetto comp..


Come creare siti Web più veloci

Come si fa Sep 11, 2025

Davanti al suo discorso a Genera Londra. Il 21 settembre abbiamo raggiunto Patrick Hamann. , un tec..


Texture A autenticamente indossato K-2SO Droid

Come si fa Sep 11, 2025

Pagina 1 di 2: Pagina 1 Pagina 1 Pagina ..


Come migliorare le prestazioni dei siti di e-commerce

Come si fa Sep 11, 2025

Tammy Everts. darà una presentazione sulla connessione tra i tassi di progettazione, prestazioni e c..


Crea abiti 3D con pieghe e pieghe realistiche

Come si fa Sep 11, 2025

Fare indumenti virtuali realistici è uno dei compiti più impegnativi dall'innovazione dell'animazione CG. L'abbigliamento è un..


Categorie