Jak zrobić aplikację Apple Watch

Sep 15, 2025

Jak

(Kredyt obrazu: przyszłość)

Gdy Apple po raz pierwszy uruchomił swój SmartWatch do publicznego, wszyscy czuli, że niewiarygodny sprzęt był przedmiotem funkcji ze względu na przeszkody oprogramowania. Od tego czasu możliwości sprzętowych zegarka poprawiły się tak bardzo, że najnowszy zegarek Apple jest najlepszym SmartWatch kiedykolwiek wykonany. Nie masz jednego? Sprawdź nasz przewodnik po Najlepsze oferty zegarka Apple lub w tym miesiącu Hot Apple Watch Deal zaoszczędzić trochę pieniędzy.

Nie tylko nawigacja i UX czuje się intuicyjna, ale wszystkie aplikacje uruchamiają super szybko, a ogólny doświadczenie smartwatch stało się bardziej dojrzałe. Jest to szczególnie prawdziwe dla tych, które wybraliśmy jako Najlepsze Apple Watch Apps Dostępne, więc sprawdź je jako inspiracja.

Ten samouczek utworzy aplikację Apple Watch dla usługi Uber Eats-Style. Będziesz uczyć się o zasadach projektowych do rozważenia podczas projektowania aplikacji do noszenia na zegarek. Patrzymy również na zaprojektowanie przykładowej aplikacji na Adobe XD. W celu tego samouczka będziemy po prostu spojrzeć na kilka ekranów aplikacji zamiast wszystkich ekranów w przepływie.

Zdobądź Adobe Creative Cloud

Dlaczego warto zaprojektować inaczej dla oglądania jabłek?

Istnieje wiele funkcji, które ustawiają zegarek Apple odróżny od noszeń konkurentów. Obejmują one skróty do wszystkich ostatnich i ulubionych aplikacji, możliwość śledzenia tętna i zobaczyć zmian, konfigurowalne twarze Apple Watch, śledzenie bramki aktywności i używanie zegarka do sterowania MacBooka i TV

Apple wydało również zegarek 6 dla społeczności deweloperskiej z rewolucyjnymi ulepszeniami. Najlepszą częścią nowego zestawu programistycznego jest to, że aplikacje nie muszą już mieć komponentu iPhone'a. Ułatwia to społeczności Dev tworzenie samodzielnych aplikacji zegarka po raz pierwszy w historii. Są one nazywane aplikacjami tylko tylko zegarkami. Oprócz tego aplikacje mogą teraz skorzystać z nowych interfejsów API, aby połączyć aplikacje JavaScript do poszkodowanego Apple Weg. Dlatego istnieje potrzeba deweloperów, aby zrozumieć, w jaki sposób Apple Watch Apps można zaprojektować w sposób bardziej przyjemny i intuicyjny.

Każda konstrukcja aplikacji musi przestrzegać podejścia, które jest dobrze skoncentrowane. Weźbalne interakcje są mierzone w sekundach, ponieważ użytkownicy nie spędzają dużo czasu na urządzeniu. Oto niektóre z tematów, na które możemy spojrzeć przy rozważaniu różnych zasad projektowania.

Wytyczne dotyczące układu

Apple watch app design: layout — Wyświetlanie tylko dwóch kart jednocześnie poprawia widoczność aplikacji (po lewej). Aby zapewnić wizualną hierarchię na stronie kontaktowej restauracji, odstęp jest utrzymywany między dwoma ikonami na stronie (po prawej) (Kredyt obrazu: Vamsi Batchu)

01. Dołącz minimalną zawartość

Unikaj wyświetlania wielu treści na ekranie jednocześnie. Użytkownicy chcą uzyskać dostęp do najbardziej przydatnych informacji. Ponieważ na ekranie zegarka nie ma wiele nieruchomości, nie chcesz zagłębiać interfejsu ze szczegółami, które są wtórne lub nie są potrzebne. Ten rodzaj informacji można zawsze przedstawić, przewijając lub za pomocą dodatkowego kliknięcia.

W aplikacji Dostawa żywności Utwórzmy stronę, w której mamy ulubione restauracje przechowywane w formie kart. Ponieważ jest to strona z dużą ilością treści, powinniśmy spróbować pokazać tylko dwie karty, aby poprawić widoczność.

02. Utrzymuj wizualną hierarchię

Zawsze projektuj w taki sposób, że utrzyma się hierarchia wizualna. Pomaga to użytkownikom znaleźć informacje, których szukają łatwo. Na przykład możesz skorzystać z negatywnych przestrzeni lub linii separatora, aby zapewnić, że elementy związane z tą samą grupą są prezentowane intuicyjnie. Pomaga to wlaności i czytelności Twojej aplikacji. Aby utrzymać wizualną hierarchię na stronie kontaktowej restauracji, odstęp jest utrzymywany między dwiema ikonami na stronie, a także stosuje się negatywną przestrzeń.

03. Pamiętaj, że przestrzeń jest cenna

Jak już wcześniej omówiono, nie jest dostępna dużo miejsca na noszenie. Skorzystaj ze wszystkich szerokości na ekranie i zaprojektuj aplikację w taki sposób, aby zawartość przechodzi z jednej krawędzi do drugiej. Nie martw się o wyściółkę, ponieważ do noszenia zapewniają naturalne wyściółki wokół treści aplikacji. Musisz również upewnić się, że zmniejszenie odstępu między elementami wewnętrznymi. Na przykład na zamówienie ponownie strona w aplikacji, możesz użyć kart reprezentujących elementy, które są uprzednio uprzednio: upewnij się, że karty zostały zaprojektowane w taki sposób, aby obejmowały interfejs zegarek tak absolutnie żadnej przestrzeni jest zmarnowany.

Menu muszą być używane do wymiany przycisków, gdy tylko jest to możliwe. Są bardziej skuteczne w dostarczaniu dedykowanego miejsca dla działań. Upewnij się, że nie masz więcej niż czterech działań w menu. Spełnia również miejsce w interfejsie, pozbywając się przycisków.

Zawsze wyrównaj swoje elementy po lewej stronie interfejsu do noszenia. Według zasad użyteczności tekst wyrównany jest znacznie łatwiejszy do czytania. Ponadto, gdy istnieje wiele pionowych stosów przycisków z etykietami tekstowymi, lewy wyrównanie sprawia, że łatwiej jest szybko skanować informacje.

Wytyczne dotyczące nawigacji.

Apple Watch app design: navigation — Przykłady obu wspólnych wzorców nawigacyjnych widzianych: hierarchiczny (lewy) i oparty na stronie (po prawej) (Kredyt obrazu: Vamsi Batchu)

Podobnie jak każdy interfejs, aplikacje do noszenia mają więcej niż jeden ekran. Istnieją dwa wzory nawigacyjne, których można użyć podczas projektowania jednego: opartego na stronie i hierarchicznej. Możesz mieszać obie, w zależności od potrzeby.

Hierarchiczna nawigacja jest dobrze dostosowana do interfejsów lub sekcji aplikacji, w której musisz przedstawić listę opcji, które można przewidzieć i kliknąć. Jednym z takich przykładów jest ustawienia, które są obecne w niemal dowolnej aplikacji. Gdy użytkownik kliknie dowolny element na liście przedstawiony nowy ekran zawiera więcej szczegółów na temat konkretnego elementu. Również ten rodzaj nawigacji ułatwia nawigację do szybkiego nawigacji za pomocą interakcji przesuwania lub korony cyfrowej.

Nawigacja oparta na stronie może być używana, gdy występuje mniejsza lista stron. Umożliwia to proste, aby użytkownik przesuwał się przez te strony i wyświetlić zawartość. Doty na dole strony wskazują na jego miejsce w zestawie stron.

Jedną ważną rzeczą do zapamiętania przy projektowaniu aplikacji do noszenia jest to, że zawsze powinno uzupełniać aplikację iPhone / Android, ale nie naśladować. Aplikacje telefoniczne mają tendencję do uwzględnienia wielu stron, ale aplikacje do noszenia muszą być zaprojektowane do szybkich interakcji.

Wytyczne interakcji.

Apple Watch app design: interaction — Zawsze dostarczaj wizualną opinię, gdy używana jest korona cyfrowa, np. Pokazuje lokalizację przewijania (po lewej), a silnik taptyczny zegarek jabłkowy, który jest odpowiedzialny za jego opinie haptycznych (po prawej) (Kredyt obrazu: Vamsi Batchu)

04. Zapewnij informacje zwrotne podczas interakcji z koroną cyfrową

Jest to jeden z najbardziej istotnych aspektów interfejsów do noszenia i umożliwia użytkownikom przewijanie bez przeszkód do ich treści. Za każdym razem, gdy aplikacja jest zaprojektowana, upewnij się, że podajesz wizualną opinię dla użytkownika, gdy wchodzą w interakcję z koroną cyfrową. Jednym z tego przykładu byłoby wyświetlanie lokalizacji przewijania, gdy korona jest obracana do przewijania.

05. Dostosuj Haptycy.

Engine Haptics w urządzeniu do noszenia wykorzystuje siłę na skórze, aby utworzyć to dotykowe informacje zwrotne w czasie rzeczywistym. Jest to niezbędne w tworzeniu intuicyjnego doświadczenia dla użytkownika, gdy coś znaczące jest w aplikacji. Możesz dostosować dostępnych haptycznych dla Apple Watch, aby aplikacja była bardziej znacząca. Zawsze używaj każdego haptyka tylko w celu jego przeznaczenia. Na przykład, powiadomienia, potwierdzenie i scenariusze błędów mogą być połączone z określonym haptimem.

06. Utwórz rozpoznawalne gesty

Gesty są ważnym elementem technologii do noszenia, ale są ograniczone do bardzo niewielu wyborów. Ogólnie rzecz biorąc, istnieje kilka gestów generowanych systemów w doźmie, które zazwyczaj nie powinny być zmieniane - w przeciwnym razie ryzyko tworzenia zamieszania dla użytkowników. Najpopularniejsze gesty są krany, pionowe i poziome pęcherze i przesuwa lewostronne. Jednak podczas tworzenia niestandardowego gestu, takiego jak podwójne dotknięcie, upewnij się, że są rozpoznawalne.

Elementy interfejsu Wytyczne

07. Dołącz alerty i arkusze działania

Te elementy interfejsu są zwykle używane do komunikowania się, gdy wystąpił błąd lub zebranie informacji zwrotnych od użytkownika. Zawsze upewnij się, że korzystasz z alertów oszczędnie i korzystać z arkuszy akcji, aby uzyskać listę opcji, aby odpowiedzieć na zdarzenie. Na przykład w naszej aplikacji do dostarczania żywności w przypadku funkcjonalności przesyłania wiadomości arkusze mogą obejmować opcję na odpowiadanie lub odrzucenie powiadomienia.

08. Użyj obrazów PNG

Obrazy w noszeniu mogą być statyczne lub serii obrazów, które są animowane z czasem. Upewnij się, że format używany lub wyeksportowany do projektu jest elementem PNG. Ponadto, ponieważ jest zawsze związany z obrazami, użyj obrazu zastępczego w miejscu rzeczywistego obrazu, aby zapewnić użytkownikowi wizualne wskazówki.

09. Funkcje wideo.

Media są niezbędne dla dowolnego rodzaju interfejsu, który można po prostu znajdować pliki audio lub pliki wideo. Upewnij się, że klipy audio / wideo są nie więcej niż 30 sekund, ponieważ spożywają więcej miejsca na dysku. Zawsze należy dołączyć obraz plakatu, który jest powiązany z filmem, aby użytkownik mógł dokonać świadomych decyzji.

09. Użyj taberów.

Są to elementy interfejsu, które wyświetlają listę elementów, które są przewijane lub nawigowane za pomocą korony cyfrowej. Jest to jeden sposób, aby umożliwić użytkownikowi dokonanie wyborów. Lista Pickers powinny być używane, gdy wybór musi być tekstem / obrazem. Prostym przykładem jest wybierarka daty. Piorniki sekwencji są zwykle używane do replikowania obrazu, aby utworzyć niestandardowy interfejs, takich jak funkcja ratingu. Użytkownicy mogą podać ocenę jednego z zamówień, które otrzymały przy użyciu wyboru oceny klientów.

Wszystkie aplikacje, które tworzysz dla oglądania jabłkowego - lub jakiekolwiek inne noszenie - powinny być reagowane, działające i slowne. Interakcje powinny być szybkie, a dane w aplikacji muszą być aktualizowane sporadycznie. Zmniejszenie czasu ładowania ekranu również robi, aby doświadczenie bardziej intuicyjne.

Chcesz przeglądać zegarki Apple? Sprawdź poniższe oferty.

Czytaj więcej:

25 najlepszych aplikacji iPad pro, aby spróbować ołówka jabłkowego
Jak testować witryny i aplikacje
Projekt aplikacji mobilnych: Podręcznik dla początkujących

Jak zrobić aplikację Apple Watch

Dlaczego warto zaprojektować inaczej dla oglądania jabłek?

Wytyczne dotyczące układu

01. Dołącz minimalną zawartość

02. Utrzymuj wizualną hierarchię

03. Pamiętaj, że przestrzeń jest cenna

Wytyczne dotyczące nawigacji.

Wytyczne interakcji.

04. Zapewnij informacje zwrotne podczas interakcji z koroną cyfrową

05. Dostosuj Haptycy.

06. Utwórz rozpoznawalne gesty

Elementy interfejsu Wytyczne

07. Dołącz alerty i arkusze działania

08. Użyj obrazów PNG

09. Funkcje wideo.

09. Użyj taberów.

Jak - Najpopularniejsze artykuły

Utwórz stronę Lądowania WebGL 3D

4 Wskazówki dotyczące optymalizacji obrazu

Jak mieszać palety gwaszowej

Jak stopić obiekt 3D z trzema.js

Projektowanie grafiki SVG w przeglądarce

Jak dodać wideo do interaktywnych plików PDF

Wprowadzenie do testowania użyteczności

Przyspieszenie modelowania 3D

Kategorie