3 zaawansowane sztuczki Google Data Studio, które musisz znać

Opublikowany: 2022-08-17

W firmie Semetrical tworzenie szytych na miarę pulpitów raportowania jest ogromnym celem, jeśli chodzi o analizę i monitorowanie danych. Na przestrzeni lat nauczyliśmy się wielu sztuczek, zarówno dzięki naszemu własnemu doświadczeniu, jak i badaniom, które pozwalają nam wyświetlać dane w sposób, który sprawia, że ​​nasze pulpity nawigacyjne są bardziej informacyjne i przyjazne dla użytkownika.

Tytuł może wyglądać jak clickbait, ale zapewniam, że tak nie jest. Jeśli to czytasz, oznacza to, że będziesz miał szczęście nauczyć się tych sztuczek i samodzielnie ich używać. Być może sam natknąłeś się na niektóre z nich, ale z pewnością pomogą one niektórym ludziom!

W każdym razie przejdźmy do tego – 3 sztuczki, które omówimy, są następujące;

  1. Niestandardowy boczny pasek nawigacyjny
  2. Wizualizacje podsumowania danych
  3. Iluzja prędkości

1. Niestandardowy boczny pasek nawigacyjny

Jeśli wpiszesz „panel” w Google i uruchomisz wyszukiwanie grafiki, możesz zauważyć wspólną cechę – boczny pasek nawigacyjny.

W Google Data Studio, mimo że istnieje możliwość naprawienia paska nawigacyjnego z boku raportu, wydaje się on odłączony od pulpitu nawigacyjnego. Nie możesz go dostosować, aby pasował do estetyki reszty deski rozdzielczej, a dla nas to po prostu nie pasuje do miejsca.

To dało nam do myślenia – jak możemy powielić tę funkcjonalność, ale także dopasować ją do stylu naszych dashboardów? W rezultacie opracowaliśmy własne obejście w celu zbudowania zintegrowanego systemu nawigacyjnego. Nie tylko wygląda lepiej, ale można go w pełni dostosować do pożądanych wytycznych marki – a my podzielimy się sekretami, które się za tym kryją!

To jest przykład tego, jak wygląda po sfinalizowaniu. Jak wspomniano, jest w pełni konfigurowalny, ponieważ ostatecznie jest to sprytne połączenie tekstu, kształtów i hiperłączy, które różnią się w zależności od strony. Aby to osiągnąć, musisz skorzystać z raportu i funkcji na poziomie strony. Podejście można podzielić na dwa etapy; design i funkcjonalność.

Projektowanie:

  1. Dodaj biały prostokąt po lewej stronie raportu – ustaw ten poziom na poziomie raportu.
  2. Dodaj odpowiednie elementy projektu (logo, górny poziomy pasek, nagłówki raportu, cienie obramowania) – spraw, aby były one na poziomie raportu.
  3. Dodaj pola tekstowe dla żądanych tytułów stron – spraw, aby były one na poziomie raportu.
  4. Dodaj jasnoszare kółka obok wszystkich tytułów stron – ustaw je na poziomie raportu.
  5. Na koniec, dla strony, na której się znajdujesz, dodaj kolorowe kółko i linię obok tytułu i pozostaw to na poziomie strony, ponieważ będzie to musiało zostać przeniesione dla każdej strony.

Funkcjonalność:

  1. Dodaj pole tekstowe.
  2. W trybie edycji kliknij pole tekstowe, a następnie kliknij ikonę „wstaw łącze” na pasku bocznym właściwości tekstu i wybierz stronę, do której ma prowadzić łącze. Ustaw wyświetlany tekst na wiele zer.
  3. Umieść i zmień rozmiar pola tekstowego nad tytułem strony na pasku bocznym, któremu odpowiada.
  4. Następnie wprowadź następujące zmiany na pasku bocznym:
    • Ustaw ustawienia przepełnienia na ukryte.
    • Zmień krycie tła na 0%.
    • Zmniejsz dopełnienie lewego, prawego i górnego do 0%, a wysokość linii do 0px.
    • Ustaw rozmiar czcionki jako najmniejszy dostępny.
  5. Ustaw ten raport na poziomie, aby zmienić go tylko na jednej stronie, aby wpłynąć na wszystkie pozostałe.
  6. Następnie możesz to skopiować i wkleić do następnego nagłówka, zmieniając tylko stronę, do której odwołuje się hiperłącze.
  7. Ważna uwaga — jeśli zrobisz to wszystko na raz, hiperłącze może nadal powracać do swojego starego łącza. Jest to niestety normalne zachowanie, więc upewnij się, że przez kilka dni pozostaną one ustawione. Gdy zostaną ustawione, nie wrócą w przyszłości.

Masz to, możesz teraz rozwinąć tę metodę, aby ulepszyć swoje pulpity nawigacyjne! Głównym celem zintegrowania paska bocznego z deską rozdzielczą jest jego estetyczna krawędź i poczucie znajomości. Więcej przykładów pulpitów nawigacyjnych Google Data Studio można znaleźć na moim poprzednim blogu, który również odwoływał się do „Praw UX” i tego, jak je wykorzystać podczas tworzenia pulpitu nawigacyjnego. Dotyczy to jednocześnie prawa Jakoba i prawa estetycznej użyteczności.

2. Wizualne podsumowanie danych

To nasz ulubiony sposób wyświetlania wskaźników KPI, który umożliwia szybkie zrozumienie wydajności i skupienie się na praktycznych wnioskach. Ta sztuczka wykorzystuje zmianę kolorów objaśnień metryk, dzięki czemu można zobaczyć tylko procent lub rzeczywistą zmianę.

Załóżmy na przykład, że chcesz przyjrzeć się konkretnym sesjom, musielibyśmy utworzyć trzy oddzielne objaśnienia, aby utworzyć powyższy widok. W ten sposób możesz to zrobić:

  1. Dołącz surowy numer i etykietę, ale ukryj wszelkie etykiety porównawcze.
  2. Skopiuj i wklej to objaśnienie i ustaw przezroczysty kolor czcionki. Włącz porównania okresów i wybierz „poprzedni okres”.
  3. Na koniec skopiuj to ponownie, ale zmień go z poprzedniego okresu na poprzedni rok.

Jest to prosty, ale skuteczny chwyt wizualny, a do tego podsumowania objaśnień możesz dodać więcej lub mniej danych. Biorąc to pod uwagę, na jednej stronie znajduje się limit 50 objaśnień, więc pamiętaj o tym.

3. Iluzja prędkości

Jeśli wcześniej korzystałeś ze Studia danych Google, prawdopodobnie masz problemy z szybkością i czasem wczytywania raportów. W szczególności zauważyliśmy, że szybkie wczytywanie kolorów filtrów może chwilę potrwać, powodując przezroczyste tło i sprawiając, że tekst jest nieczytelny przez kilka pierwszych sekund raportu.

W Semetrical są one umieszczane na górze raportu i są pierwszą rzeczą do zobaczenia – więc nie wygląda to dobrze, jeśli ładowanie zajmuje dużo czasu. Niestety, niewiele można zrobić, aby temu zapobiec, ponieważ wpłynie to na różnych użytkowników w zależności od prędkości ich komputera i Wi-Fi.

Dlatego to, co lubimy robić oprócz nadawania filtrowi białego tła, to umieszczanie za nim białego kształtu odpowiadającego rozmiarowi filtra. Dzieje się tak po prostu dlatego, że kształty ładują się szybciej, a co za tym idzie, gdy użytkownik wejdzie na dashboard, napis będzie czytelny od samego początku – stwarzając wrażenie szybszych czasów ładowania. Możesz zobaczyć wyniki skanowania na stronach pulpitu nawigacyjnego w pliku GIF poniżej:

Streszczenie

Ogólnie rzecz biorąc, te trzy sztuczki mogą zapewnić pulpitowi nawigacyjnemu wyjątkową przewagę nad standardowymi szablonami ze względu na ich trudniejsze niż zwykle wymagania dotyczące implementacji. Ponieważ GA4 wkrótce zastąpi Universal Analytics, teraz jest idealny czas na uaktualnienie pulpitów nawigacyjnych również pod kątem raportowania GA4. Jeśli potrzebujesz dodatkowego wsparcia od renomowanej agencji analitycznej, skontaktuj się z nami już dziś!