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.
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!
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 '.
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.
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!
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 '.
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 '.
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.
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 '.
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 '.
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.
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. .
È 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.
È 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 '.
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.
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.
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 !
(Immagine di immagine: futuro) SALTA A: Scorciatoie di base ..
(Immagine di immagine: Amazon) Anche se non conosciamo ancora la data esatta di Amazon Prime Giorno 2020 ..
(Immagine di immagine: futuro) Nel design contemporaneo web e app esistono spesso le volte in cui l'interazione non a..
(Immagine di immagine: Jill Tisbury) Quando apprendimento Come disegnare gli animali , un aspetto comp..
Davanti al suo discorso a Genera Londra. Il 21 settembre abbiamo raggiunto Patrick Hamann. , un tec..
Pagina 1 di 2: Pagina 1 Pagina 1 Pagina ..
Tammy Everts. darà una presentazione sulla connessione tra i tassi di progettazione, prestazioni e c..
Fare indumenti virtuali realistici è uno dei compiti più impegnativi dall'innovazione dell'animazione CG. L'abbigliamento è un..