Motywy aplikacji mobilnych zwiększają satysfakcję użytkowników

Motywy aplikacji mobilnych zwiększają satysfakcję użytkowników, umożliwiając każdemu użytkownikowi dostosowanie wyglądu aplikacji do własnych preferencji. Jednym ze sposobów implementacji wielu motywów w aplikacjach, które prezentują i wizualizują dane, jest oferowanie użytkownikom wyboru palet kolorów dla wykresów i diagramów. MobileTogether wykorzystuje kombinację intuicyjnego interfejsu użytkownika opartego na przeciąganiu i upuszczaniu, potężnego języka wizualnego Action Tree do obsługi zdarzeń oraz standaryzowanego programowania funkcyjnego do wyboru i przetwarzania danych. Programiści korzystają z MobileTogether codziennie, aby tworzyć eleganckie aplikacje działające na różnych platformach, zawierające bogate wykresy i diagramy we wszystkich popularnych formatach.

Główne ustawienia konfiguracji wykresów pozwalają programistom aplikacji mobilnych wybrać jedną z czterech wbudowanych palet kolorów lub nawet zdefiniować własną paletę kolorów dla wykresów i grafów podczas projektowania aplikacji. W połączeniu z ustawieniami wyświetlania w trybie jasnym i ciemnym, tworzy to dziesięć możliwości personalizacji wyglądu. Zamiast narzucać wybór kolorów podczas projektowania, programiści mogą wykorzystać funkcje MobileTogether, aby umożliwić użytkownikom samodzielny wybór. Przyjrzyjmy się przykładowi.

Poniższy obrazek przedstawia okno dialogowe wyboru schematu kolorów "Mobile Together" oraz wykres z aplikacji mobilnej, która raportuje produkcję energii dla systemów fotowoltaicznych montowanych na dachach.

Programista przypisał niestandardową paletę kolorów w oknie ustawień wykresu. W tym ustawieniu, obszar wykresu jest wypełniony kolorem pomarańczowym, a słupki są niebieskie. Gdyby wykres zawierał dodatkowe elementy, kolejne kolory byłyby zielony, żółty, fioletowy i tak dalej.

Programista mógł wybrać dowolny wbudowany schemat kolorów z rozwijanej listy

Tworzenie motywów aplikacji mobilnych

Przyjrzyjmy się strategii, która umożliwi użytkownikom korzystającym z dowolnego urządzenia mobilnego wybór schematu kolorystycznego podczas uruchamiania aplikacji. Ta aplikacja już posiada stronę ustawień, więc to naturalne miejsce, aby dodać element do wyboru motywów wizualnych. Możemy zacząć od utworzenia tabeli z przyciskami radiowymi i próbkami kolorów dla każdego schematu kolorystycznego. Poniżej znajduje się widok ukończonej tabeli w programie MobileTogether Designer:

MobileTogether obsługuje wszystkie znane elementy sterujące służące do wyboru. Na przykład, pole kombinowane pojawia się bezpośrednio nad tabelą. Wybraliśmy zestaw przycisków radiowych do wyboru motywów aplikacji mobilnej, aby jednocześnie wyświetlać wszystkie dostępne opcje kolorystyczne.

Wykresy w tej aplikacji zawierają tylko jeden lub dwa elementy, więc każda para kolorów ilustruje pierwsze dwa kolory z listy dla każdego schematu. Poniżej znajduje się widok tej samej części strony Ustawień w oknie symulatora MobileTogether:

Okno dialogowe "Ustawienia wykresu" umożliwia programistom szybkie tworzenie optymalnych wykresów do wizualizacji praktycznie każdego zestawu danych, w tym wykresów obszarowych, słupkowych, świecowych, wskaźnikowych i kołowych. Rodzaje wykresów można nawet łączyć w warstwach. Wykres produkcji miesięcznej, który jest pokazany powyżej, to wykres warstwowy z nakładającym się na niego wykresem słupkowym.

Jednakże, każdy element wykresu może również być zdefiniowany jako wynik wyrażenia XPath, które jest przetwarzane podczas działania aplikacji. Ustawienia dynamiczne XPath, konfigurowane w odpowiednim oknie dialogowym, zastępują oryginalne, podstawowe ustawienia wykresu.

Okno dialogowe "Ustawienia Dynamiczne XPath" umożliwia określenie schematu kolorów dla każdego wykresu w elemencie XML o nazwie "graphColorBase". Tabela przycisków radiowych na stronie ustawień aplikacji przypisuje jedną z następujących wartości tekstowych do "graphColorBase": "Domyślny", "Skala szarości", "Kolorowy", "Pastelowy" lub "Użytkownik".

Poniżej znajdują się zrzuty ekranu finalnej aplikacji, prezentujące możliwość wyboru motywów aplikacji mobilnych na telefonie z systemem Android w trybie ciemnym:

Przykłady schematów kolorystycznych "Standard" i "Skala szarości" na telefonie iPhone w trybie jasnym:

Skala odcieni szarości może być idealnym rozwiązaniem dla osób z wadami wzroku związanymi z postrzeganiem kolorów!

Zapraszamy do zapoznania się z naszym produktem MobileTogether Prezentacje wideo, więcej Przykładowe aplikacje, lub nawet instrukcja online Aby uzyskać szczegółowe informacje na temat MobileTogether, zapraszamy do zapoznania się z poniższymi materiałami. Kiedy będziecie gotowi, aby poprawić satysfakcję użytkowników dzięki motywom aplikacji mobilnych w swoich aplikacjach wieloplatformowych, Pobierz program MobileTogether Designer.