Nawigacja strony w usłudze LuckyTemplates za pomocą ikon

Dzisiaj chciałbym pokazać Ci, jak w kreatywny sposób korzystać z nawigacji po stronach w LuckyTemplates za pomocą ikon, aby wzbogacić swoją historię i ujawnić ją tylko wtedy, gdy jest to konieczne.

Ponadto dowiesz się, jak stworzyć zaawansowaną nawigację, zaczynając od ikony, tworząc przepływ pracy użytkownika dla raportów usługi LuckyTemplates .

Stworzymy środowisko onboardingowe dla użytkowników końcowych bezpośrednio w LuckyTemplates.

Nawigacja strony w usłudze LuckyTemplates za pomocą ikon

Na początek skierujmy naszą uwagę na przykład, który stworzyłem dla mojego zgłoszenia . Poświęciłem sporo czasu na dojście do perfekcji w tym KPI i choć wydaje się to proste, w rzeczywistości jest pełne niespodzianek.

W tym przykładzie mamy nawigację po stronie w usłudze LuckyTemplates z ikonami reprezentującymi koszty , sprzedaż , transport i marżę . Mamy też czerwoną linię oddzielającą margines od pozostałych wymiarów. Numer w linii nie jest kartą, ale przyciskiem.

Nawigacja strony w usłudze LuckyTemplates za pomocą ikon

Spis treści

Za pomocą Ikony Znaku Ostrzegawczego

Mamy ten znak ostrzegawczy lub ikonę karty ostrzegawczej. Jest dynamiczny, ponieważ znika, jeśli margines jest dodatni.

Nawigacja strony w usłudze LuckyTemplates za pomocą ikon

Wybierzmy Menedżera konta 10 . Zauważ, że ikona ostrzeżenia zniknęła.

Nawigacja strony w usłudze LuckyTemplates za pomocą ikon

W tym momencie możesz się zastanawiać, dlaczego stworzyłem dynamiczną ikonę, aby pokazać, że margines jest ujemny, gdy czerwona linia pokazuje już dokładnie to samo.

Odpowiedzią na to jest podanie dodatkowych informacji. Zaletą karty jest podpowiedź, co oznacza, że ​​gdy marża jest ujemna, mamy możliwość uzyskania dodatkowego wglądu. Jest to specjalna technika opowiadania historii zwana progresywnym ujawnianiem .

Nawigacja strony w usłudze LuckyTemplates za pomocą ikon

Aby zaprezentować tę funkcję, najedź myszką na ikonę karty ostrzeżenia, aby wyświetlić dodatkowe informacje. Jest to ważne, ponieważ jako użytkownik końcowy będę zainteresowany dodatkowymi spostrzeżeniami tylko wtedy, gdy marża będzie ujemna.

Progresywne ujawnianie to wzorzec projektowania interakcji, który sekwencjonuje informacje i działania na kilku ekranach i krok po kroku. Celem jest zmniejszenie szans, że użytkownicy poczują się przytłoczeni tym, co napotkają.

Ujawniając informacje stopniowo, projektanci interakcji ujawniają tylko najważniejsze informacje i pomagają użytkownikom zarządzać złożonością bogatych witryn internetowych lub aplikacji.

Jest to technika, której możesz użyć, aby Twój projekt był prosty, a informacje łatwe do przyswojenia. Ułatwisz użytkownikom końcowym nawigację i znajdowanie potrzebnych informacji. Użytkownik będzie miał atrakcyjne środowisko dzięki nawigacji po stronie w usłudze LuckyTemplates.

Nawigacja strony w usłudze LuckyTemplates za pomocą ikon

Budowanie ikony LuckyTemplates

Aby zbudować go od podstaw, wstaw pusty przycisk do ekranu.

Nawigacja strony w usłudze LuckyTemplates za pomocą ikon

Wyłącz wszystkie funkcje z wyjątkiem tytułu .

Nawigacja strony w usłudze LuckyTemplates za pomocą ikon

Przejdź do tekstu Tytułu , wybierz Wartość pola , wybierz Formatuj margines i kliknij OK .

Nawigacja strony w usłudze LuckyTemplates za pomocą ikon

Nawigacja strony w usłudze LuckyTemplates za pomocą ikon

Następnie zwiększmy rozmiar KPI do 20 i zmieńmy kolor na szary.

Nawigacja strony w usłudze LuckyTemplates za pomocą ikon

Do pomiaru użyłem Format Margin i ułożyłem go tak, aby uzyskać wynik, który stworzyłem.

Nawigacja strony w usłudze LuckyTemplates za pomocą ikon

Następnie przejdź do opcji Wypełnij i aktywuj ją. Następnie wybierz wartość Pole i oprzyj ją na innej mierze o nazwie Ukończone kolory KPI , a następnie kliknij OK .

Nawigacja strony w usłudze LuckyTemplates za pomocą ikon

Nawigacja strony w usłudze LuckyTemplates za pomocą ikon

Przejdźmy do okienka Wizualizacje , a następnie wybierz ikonę Karta .

Nawigacja strony w usłudze LuckyTemplates za pomocą ikon

To jest formuła, którą stworzyłem dla karty ostrzegawczej . Oznacza to, że jeśli margines nie ma żadnej wartości, to chcę mieć pustą wartość.

Użyłem również instrukcji SWITCH TRUE, która mówi, że jeśli wartość jest większa lub równa 20000, to jest świetna . Jeśli jest powyżej zera i poniżej 20000, to jest dobrze , a jeśli jest poniżej zera, to jest źle .

Gdy wartość to Bad , chcę mieć tę ikonę; w przeciwnym razie nie chcę żadnej ikony.

Nawigacja strony w usłudze LuckyTemplates za pomocą ikon

Następną rzeczą do zrobienia jest przesunięcie ikony i wyłączenie różnych opcji.

Nawigacja strony w usłudze LuckyTemplates za pomocą ikon

Aby zmniejszyć rozmiar i kolor ikony, przejdź do etykiety Dane , a następnie ustaw ją na 20 i zmień kolor na żółty.

Nawigacja strony w usłudze LuckyTemplates za pomocą ikon

W takim przypadku możemy przenieść ikonę ostrzeżenia obok liczb i aktywować podpowiedź, wybierając stronę, na której utworzyłem KPI.

Nawigacja strony w usłudze LuckyTemplates za pomocą ikon

Wreszcie, możemy teraz zobaczyć informacje dla naszego KPI. Na pewno możemy dodać do tego dodatkowe konteksty, takie jak zestawienie kosztów, sprzedaży i transportu.

Nawigacja strony w usłudze LuckyTemplates za pomocą ikon


Niestandardowe ikony usługi LuckyTemplates | Technika wizualizacji PBI
Tworzenie raportów LuckyTemplates: tworzenie motywów, firmowych logo, ikon i tła
Jak dodawać niestandardowe ikony LuckyTemplates do raportów

Wniosek

Zrozumienie najlepszych praktyk dotyczących tworzenia ikon i tego, jak można ich używać z korzyścią dla swojej historii, może znacząco ulepszyć raporty usługi LuckyTemplates.

Mając to na uwadze, możesz pójść o krok dalej, używając ikon w kreatywny sposób i zapewniając użytkownikom końcowym zaawansowane możliwości nawigacji .

Mam nadzieję, że potrafisz zastosować te techniki we własnej pracy programistycznej i scenariuszach organizacyjnych.

Wszystkiego najlepszego,

Leave a Comment

Dodawaj, usuwaj i zmieniaj nazwy kolumn w R za pomocą Dplyr

Dodawaj, usuwaj i zmieniaj nazwy kolumn w R za pomocą Dplyr

W tym samouczku omówimy pakiet dplyr, który umożliwia sortowanie, filtrowanie, dodawanie i zmianę nazw kolumn w języku R.

Funkcje zbierania w Microsoft Power Automate

Funkcje zbierania w Microsoft Power Automate

Odkryj różnorodne funkcje zbierania, które można wykorzystać w Power Automate. Zdobądź praktyczne informacje o funkcjach tablicowych i ich zastosowaniu.

Oceń wydajność kodu DAX w DAX Studio

Oceń wydajność kodu DAX w DAX Studio

Z tego samouczka dowiesz się, jak ocenić wydajność kodów DAX przy użyciu opcji Uruchom test porównawczy w DAX Studio.

Czym jest self w Pythonie: przykłady z życia wzięte

Czym jest self w Pythonie: przykłady z życia wzięte

Czym jest self w Pythonie: przykłady z życia wzięte

Jak zapisać i załadować plik RDS w R

Jak zapisać i załadować plik RDS w R

Dowiesz się, jak zapisywać i ładować obiekty z pliku .rds w R. Ten blog będzie również omawiał sposób importowania obiektów z R do LuckyTemplates.

Powrót do pierwszych N dni roboczych — rozwiązanie języka kodowania DAX

Powrót do pierwszych N dni roboczych — rozwiązanie języka kodowania DAX

Z tego samouczka języka kodowania DAX dowiesz się, jak używać funkcji GENERUJ i jak dynamicznie zmieniać tytuł miary.

Zaprezentuj spostrzeżenia przy użyciu wielowątkowej techniki dynamicznych wizualizacji w usłudze LuckyTemplates

Zaprezentuj spostrzeżenia przy użyciu wielowątkowej techniki dynamicznych wizualizacji w usłudze LuckyTemplates

W tym samouczku omówiono sposób korzystania z techniki wielowątkowych wizualizacji dynamicznych w celu tworzenia szczegółowych informacji na podstawie dynamicznych wizualizacji danych w raportach.

Wprowadzenie do filtrowania kontekstu w usłudze LuckyTemplates

Wprowadzenie do filtrowania kontekstu w usłudze LuckyTemplates

W tym artykule omówię kontekst filtra. Kontekst filtrowania to jeden z głównych tematów, z którym każdy użytkownik usługi LuckyTemplates powinien zapoznać się na początku.

Najlepsze wskazówki dotyczące korzystania z aplikacji w usłudze online LuckyTemplates

Najlepsze wskazówki dotyczące korzystania z aplikacji w usłudze online LuckyTemplates

Chcę pokazać, jak usługa online LuckyTemplates Apps może pomóc w zarządzaniu różnymi raportami i spostrzeżeniami generowanymi z różnych źródeł.

Analizuj zmiany marży zysku w godzinach nadliczbowych — Analizuj za pomocą LuckyTemplates i DAX

Analizuj zmiany marży zysku w godzinach nadliczbowych — Analizuj za pomocą LuckyTemplates i DAX

Dowiedz się, jak obliczyć zmiany marży zysku przy użyciu technik, takich jak rozgałęzianie miar i łączenie formuł języka DAX w usłudze LuckyTemplates.