15 Wskazówki dotyczące optymalizacji urządzeń krzyżowych

Sep 13, 2025
Jak

Zaprojektuj wszystkie urządzenia! Anna Dahlström. będzie mówić o znaczeniu Urządzenie budowlane-Agnostic UX Systems w Generować Londyn , 21-23 września. Sprzeszenia przez to, dlaczego sprawy projektu agnostycznego urządzenia, co to znaczy i jak się o to idziemy; Rezerwuj teraz !

Zacząłem bawić się z plikami dziennika HTTP i strunami agenta użytkownika ponad 15 lat temu, analizując i próba zrozumienia wszystkich różnych urządzeń kołysających się na Wczesnych stronach John Lewis eCommerce. Jakiej rady dałbym sobie, gdybym mógł wrócić na czas?

Byłoby to: każda strona internetowa lub produkt, na którym pracujesz od teraz, zostanie uszkodzony - po prostu nie wiesz, gdzie, na jakim urządzeniu lub przeglądarce lub jak poważnie. Jeśli polujesz na te defekty, ułatwiisz łatwiejsze pieniądze dla swoich klientów niż prawie całą twoją inną pracą.

Zajęło mi 15 lat, aby uświadomić sobie, że pomimo tendencji klientów, aby szybko narzekać, zdecydowana większość nie zgłosi błędów w swoich doświadczeniach urządzenia. Jeśli masz niewielką liczbę skarg, prawdopodobnie masz główną katastrofę na rękach. Jeśli nie otrzymasz żadnych skarg, prawdopodobnie jest prawdopodobnie złamany.

Nie możemy polegać na stronie internetowej, aby być naszym "kanarem w kopalni węglowej" do problemów z urządzeniami i przeglądarkami - musimy wziąć odpowiedzialność i stać się mądrzejszym i bardziej proaktywnym w sposobie testowania. Kompatybilność urządzenia jest prawem nie jest przywilejem, a ich nie jest błędna, jest formą zaniedbanej dyskryminacji.

Ten artykuł przedstawia kluczowe reguły do ​​zapamiętania optymalizacji urządzeń krzyżowych i testowania A / B. Najpierw rozwijaj wskazówki dotyczące optymalizacji. Jeśli robisz podstawowe błędy z kompatybilnością urządzenia, wydajnością i użytecznością, nie ma kłopotów z testem A / B. Najpierw znajdź i naprawić złamane rzeczy. Następnie, kiedy masz wystarczająco dużo ruchu, aby uruchomić testy A / B (co najmniej 500 konwersji lub kasy w miesiącu) - możesz zrobić nowe błędy.

01. Nie zakładaj, że reaguje, rozwiązuje wszystko

Kiedyś zbudowałem maleńką witrynę mobilną, która nie reaguje, ale teraz bierze najlepszą część miliarda euro w przychodach każdego roku. W przypadku wymaganych zadań jest idealny. Nie reaguje na warunki układu płynnego, ale reaguje na potrzeby prawie wszystkich, którzy go używa. Znać różnicę.

Czasami ludzie tak myślą Responsive Web Design. jest znakiem cyfrowego mistrzostwa. To tylko atrybut, który przekazuje nic jakości - jak mówienie "Mamy stronę internetową" lub "Nasza strona internetowa pozwala klikać kliknąć Rzeczy". Nie gwarantuje dużego doświadczenia z urządzeniami krzyżowymi.

Widzę wiele reagujących miejsc, które mają powierzchowną śliskość, ale nie powiedzie się o użyteczności, ponieważ zespół ignorował wiedzę klientów. Jednym dobrym przykładem jest Witryna e-commerce. który poszedł reagujący i stracił 40 procent swoich przychodów. Zbudował wspaniałe doświadczenie mobilne, ale werbel pulpitu zasysany, a to tam, gdzie pochodzi 80 procent pieniędzy. Wiedząc, gdzie Golden Goose jest pomaga, jeśli chcesz uniknąć go zabijania!

02. Najpierw wykonaj swoje badania

Optymalizacja witryny nie rozpoczyna się od włamania się na zawartości strony. Zaczyna się od robienia badań, więc gdy twoje usta powiedzą "podróż klienta", co wyjdzie, nie jest bajką. Ważne jest, aby znać odwiedzających, ich zadania i cele, punkty wejścia, wymieszanie urządzeń, ścieżki, przepływy i obszary porzucenia. Bardzo trudno jest rozwiązać problem, którego nie rozumiesz.

Korzystanie z danych analitycznych doświadczenie użytkownika Badania, ankiety lub sprzężenie zwrotne to szybki i lekki sposób, aby usunąć bzdury, ego i założenia dotyczące "podróży". Jedna godzina świadomych danych jest warta tysiąca godzin niezmiennej opinii.

Dalsze czytanie: " Badania konwersji za godzinę "; " Narzędzia odtwarzania sesji dla badań ".

03. Śledź ludzi, a nie urządzenia

A Google Analytics User ID view showing overlapping device usage

Widok Identyfikator użytkownika Google Analytics Pokazuje nakładające się użycie urządzenia

Chyba że używasz konfiguracji analityki, które śledzi użytkowników, zamiast tego kończysz urządzenia śledzenia. Firmy narzekają, że ich ruch "Mobile" nie konwertuje - i stwierdzamy, że ruch rzeczywiście konwertuje, tuż na zupełnie innym urządzeniu.

Ludzie mogą korzystać z telefonu do przeglądania i dodania produktu do swojego kosza, ale znajdziesz trudne, aby przejść przez kasię, więc zakończyć sprzedaż na swoim laptopie. Witryna myśli o tymi jak dwie osoby: klient mobilny i klient pulpitu.

Więc problem konwersji jest w rzeczywistości kwestią atrybunującą. Jak możesz uznać sprzedaż wrażenia urządzenia, jeśli klient używa więcej niż jednego urządzenia? Google Analytics ma widok użytkownika Możesz włączyć (dla użytkowników zalogowanych), który pozwala śledzić ludzi, a nie urządzenia, a także wiele narzędzi analitycznych, które pomogą Ci mieć sens.

04. Nie ignoruj ​​szerszego kontekstu

W tym świecie urządzenia hiper-mobilnego kontekst jest wszystkim. Potrzebujesz tego, czego potrzebujesz z aplikacji linii lotniczej może być bardzo odmienne 48 godzin przed lotem w porównaniu do podczas biegania na bramę. Dla tej osoby trzeba rozważyć czynniki, które wpływają na doświadczenie. Mogą one obejmować zadania, cele, urządzenie, lokalizację, szybkość transmisji danych, rzutnię, pilność, motywację, koszty danych, koszty połączeń, a nawet pogoda w momencie ich wizyty!

05. Wyjdź z biura

Dokonywanie lepszymi produktami nie powinno obejmować długich dni spędzonych w biurze. Dlaczego nie rozbijaj dnia pracy z wizytami w kawiarniach i pubach? Jest to jeden z najtańszych sposobów na znalezienie klientów dla badań UX. Oferując piwo lub kawę w zamian za sprzężenie zwrotne na temat prototypu lub projektu jest bezcenny zwrot z inwestycji. I nie zapomnij o witrynie - jeśli masz ruch, możesz rekrutować ludzi i prowadzić testy z nimi online.

Dalsze czytanie: " Narzędzia UX, aby je rządzić ".

06. Nie zakładaj, że wszyscy używa iPhone'a

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

Diagram pokazujący procent dzieli się w różnych klasach urządzeń, systemach operacyjnych i modeli urządzeń

W większości konfiguracji analityków modele iPhone'a są kopiowane razem, sugerując, że są to główne urządzenia klientów. Jeśli po prostu spojrzysz na modele w danych, to przekroczy twoje myślenie; Musisz podzielić urządzenia według systemu operacyjnego lub platformy, aby zobaczyć prawdziwy obraz. Google Analytics może powiedzieć, że mój najlepszy model jest "iPhone", ale nawet garstka najlepszych modeli Samsung może dodać do znacznie większej publiczności.

Za każdym razem, gdy ktoś jest kuszony, aby skupić się na własnej preferencji urządzenia osobistego zamiast mieszanki klienta, kierować je do powyższego diagramu (warto przykleić go na ścianie biurowej), aby przypomnieć im, co mówi dane.

Dalsze czytanie: " Ultimate Guide do korzystania z Google Analytics do optymalizacji urządzeń krzyżowych ".

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

Odkryj, dlaczego twoje projekty powinny być agnostykiem urządzeniowym w Generuate London

07. Nie zapomnij o śledzeniu telefonicznym

Wzmianka o wolnej i rzadko używanej technice. Jeśli masz urządzenia dotykowe, które mogą wykonać połączenia telefoniczne, możesz śledzić połączenia. Po prostu dodaj zdarzenie (lub stronę) do danych analitycznych za każdym razem, gdy ktoś dotknie numeru telefonu, aby do ciebie zadzwonić. Wtedy będziesz wiedział, ile połączeń dostajesz, dokładnie, z jaką nazwą stron internetowych, z których kampania marketingowe lub źródła prowadzą najwięcej połączeń.

Użyłem tych danych do analizy konta PPC dla dużej firmy. Po uwzględnieniu sprzedaży pochodzących z połączeń telefonicznych, całkowicie zmienił nasze licytowanie. Oszczędność wynosiła 40-70 procent niższych rachunków dla PPC, ale taka sama ilość przychodów.

08. Użyj prawdziwych danych, aby śledzić prędkość witryny

Niewiele osób wie, że Google Analytics zbiera pomiary prawdziwych odwiedzających, jak powolne są twoje strony, codziennie. Zamiast wyobrażać sobie wydajność (podczas przeglądania witryny na Wi-Ficonnection), możesz pozwolić danych powiedzieć, gdzie jest do bani. Spójrz na raport czasowy DOM: Zapisuje to, jak długo struktura strony internetowej i treści przejmują do obciążenia. Szybciej podejmowanie witryn jest zmieniacz gier.

Istnieje ogromna korelacja między współczynnikiem wydajności a konwersji, więc jeśli jest powolna, wydawasz pieniądze marketingowe, aby wysłać ludziom do swoich konkurentów!

Dalsze czytanie: " Interpretuj prędkość witryny ".

09. Skopiuj metodę testowania, a nie kreatywną

Kiedy spojrzysz na testy inne firmy, nie masz pojęcia, czy całkowicie borkowali test, czy nie. Ich dane, metoda, qa lub rozmiar próbki może pokazać, że wykonali podstawowe błędy. Mogą prowadzić test za zbyt krótki okres czasu lub nie sprawdzić, czy dokładnie zbierano dane. Po prostu nie wiesz.

A nawet jeśli masz wszystkie informacje o tła, nadal nie możesz przewidzieć, czy ich metoda działałaby dla Ciebie. Twoi klienci, marketing, strona internetowa i wszystko inne są zupełnie inne. Krótko mówiąc, najlepsze zasady praktyk do testowania są głównie kopiowanie metody, a nie twórczych.

Dalsze czytanie: " Niekończąca się najlepszej praktyki i ekspertów optymalizacyjnych "; " Kiedy optymalizacja konwersji Najlepsze praktyki nie powiodły się ".

10. Nie testuj bez planowania

Istnieją miliony rzeczy, które możesz przetestować w miejscach na swojej stronie. Jeśli po prostu "zacznij", możesz ostatecznie uzyskać optymalną stronę internetową - ale ciepła śmierć wszechświata otrzyma Cię pierwszy. Jeśli w twoich doświadczeniach są one zepsute, musisz naprawić to najpierw (przed testowaniem), w przeciwnym razie przeciąje wszystko inne w dół. Gdy masz podstawy kompatybilności wydajności i urządzenia, użyj analityki do identyfikacji możliwości.

"Właśnie zmieniające się rzeczy" nie jest wystarczająco dobrym powodem do testowania; Potrzebujesz dowodów lub wglądu do prowadzenia dobrego testu. Najlepsze uczenie się pochodzi z wielkich pytań do kanału do testowania.

11. Ustal swoją hipotezę

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

Poproś ludzi o opisanie testu, które chcą uruchomić za pomocą tego zdania. Jeśli się śmiejesz, to zły test

Zestaw hipotezy jest jedną z najbardziej przydatnych rzeczy, których uczą, jak

Ponieważ widzieliśmy [Data / Feedback] Oczekujemy, że [zmiana] spowoduje [wpływ]. Będziemy mierzyć to za pomocą [Metric danych].

Proszenie ludzi o przetwarzanie ich pytania lub testu A / B w ten sposób zmusza ich do myślenia o tym, dlaczego prowadzą test i jak będzie mierzony sukces.

Dalsze czytanie: Zestaw hipotezowy 3. .

12. Najpierw uruchom kalkulator testowy

To naprawdę dobra praktyka, aby uruchomić kalkulator testowy przed testem A / B. Jeśli skończy, zajmie to około dziewięć milionów lat, możesz zrobić coś bardziej przydatnego w swoim życiu.

13. Nie przestawaj na 95% pewności

Jest to bardzo powszechny błąd noob, aby wykonać testowanie A / B. Powinieneś zdecydować swój czas testowy z góry, a następnie uruchom go na ten czas, zatrzymaj go i przeanalizuj. Większość testów prowadzonych w prawdziwym świecie jest całkowicie fikcyjna - i dlatego ludzie są rozczarowani, gdy obiecany "winda" w konwersji nie dotrze. Zadzwoń do testów błędów lub oczekiwania zbyt długo dla wyników to powszechne problemy, których należy unikać.

Dalsze czytanie: " Znaczenie statystyczne nie jest równa ważności "; " Dlaczego każdy marketer internetowy powinien być statystyką ".

14. Segment według klasy urządzenia

Jeśli masz różne urządzenia lub punkty przerwania w projekcie, test A / B będzie wyglądał zupełnie inny. Jeśli nie jesteś pewien, jak wygląda projekt na wszystkie urządzenia, jak możesz mieć pewność, że w ogóle działa? Jeśli nie analizujesz i segmentujesz danych przez różne klasy urządzenia lub "przełamanie", jak poznasz zmianę behawioralną? Jednym z moich klientów przechowuje dokładną konstrukcję, którą widział klienta w swojej warstwie danych, która jest bardzo przydatna.

Zawsze rozumiesz, jak kierujesz lub segmentować ludzi na klasach urządzeń mobilnych, tabletek i desktopowych. Nie ma "przeciętnego" gościa - nie, gdy Doświadczenie urządzenia różni się tak bardzo dobrze.

15. Nie zapomnij o testach QA

Jeśli nie wyszedłeś ze swojego urządzenia, prawdopodobnie nie jesteś qa testując testy A / B. Oznacza to, że sporo z nich jest prawdopodobnie złamane - a jeśli testy A / B są zepsute, Twoje dane i podejmowanie decyzji są prawdopodobnie wadliwe. Około 30-40 procent wszystkich moich projektów testowych Fail Basic QA, nawet z wysokiej jakości deweloperami - to javascript dla Ciebie! Załóżmy, że jest zepsuty, aż udowodniono inaczej.

Podsumowanie

Tutaj obejmowałem wiele wskazówek na rzecz poprawy doświadczeń urządzenia krzyżowego. Kiedy zaczynasz, znając swoje urządzenie mieszane i zrozumienie klientów za te urządzenia jest ważne. Kolejnym etapem jest współpracę z danymi, aby pomóc prioryperować swoje wysiłki. Dokonywanie dobrej listy testów (przy pomocy Google Analytics) przekształca wysiłek deweloperów, ale zwiększy liczbę defektów, które usuniesz na popularnych urządzenich.

Projektowanie wielkich doświadczeń urządzeń krzyżowych jest starannym saldem danych, intuicji, empatii i eksperymentów. Jeśli pozwolisz im zajmować przestrzeń zwykle wypełnioną przez ego i opinię, dobra praca będzie rozkwitać. Jak powiedział Stephen Hawking: "Największym wrogiem wiedzy nie jest ignorancją, to iluzja wiedzy".

Dowiedz się o znaczeniu projektu agnostycznego urządzenia Anna Dahlström. w Generować Londyn ! W Urządzenie budowlane-Agnostic UX Systems , Wyjaśnia, dlaczego powinieneś pozwolić układom przewodnika treści i odejść od projektowania stron, aby skupić się na modułach, z których składają się te poglądy. Zarezerwuj teraz bilet !

Ten artykuł pierwotnie pojawił się magazyn netto. wydać 279; Zapisz się teraz !


Jak - Najpopularniejsze artykuły

Użyj Adobe XD, aby utworzyć mikro interakcje

Jak Sep 13, 2025

(Kredyt obrazu: Adobe) Adobe XD może pomóc w prototypowaniu - jeden z najważniejszych procesów w cyklu życia pro..


Jak utworzyć warstwowy efekt paralaksy na swojej stronie

Jak Sep 13, 2025

(Kredyt obrazu: www.beargryls.com) Ruch paralaksy, koncepcja ruchomych warstw w różnych prędkościach, była używ..


Jak rozwiązać skróconą konstrukcję

Jak Sep 13, 2025

[Zdjęcie: Jack Renwick Studio] Jeśli ktoś wie, jak radzić sobie z trudnym krótkim, to sprytni projektanci w Stud..


Zbuduj blog z siatką i flexbox

Jak Sep 13, 2025

Ostatnie dwa do trzech lat widziały układ ruszyć w skokach i granicach. Teraz, gdy te nowoczesne techniki mają taki spójny w..


Utwórz efekt tekstu chwiejnego za pomocą JavaScript

Jak Sep 13, 2025

Wprowadzenie efektów do tekstu i typografii może dodać całą nową perspektywę do doświadczenie użytkownika ..


Zdobądź głowę Reaguj z tymi pięcioma czynnikami

Jak Sep 13, 2025

Reagowanie naukę, biblioteka JavaScript do tworzenia interfejsów użytkownika z Facebooka i Instagram wydaje się orzechy, dop�..


Jak rzeźbić w kinie 4d ​​

Jak Sep 13, 2025

Podczas zbliżania się do modelu lub sceny, która wymaga wyrafinowanego modelowania oferowanego przez rzeźbienia, wielu artyst..


Zacznij w Amazon Lumberyard: konfiguracja

Jak Sep 13, 2025

Nowy silnik gry Amazon, Lumberryard. , jest wolny i świetny dla każdego z pączkowym zainteresowaniem w tworzeni..


Kategorie