Test na żywo prototypów z Adobe XD

Kiedy chodzi o realistyczne testowanieprototypówdesignu, wirtualne środowisko często nie wystarcza. Faktyczny feedback z prawdziwych urządzeń może być decydujący dla sukcesu Twojego projektu. W tym samouczku pokażę Ci, jak za pomocą AdobeXD i odpowiedniej aplikacji na swoim smartfonie lub tablecie uzyskać bezpośredni podglądna żywo swoich prototypów. Dzięki temu możesz testować swoje projekty na urządzeniach, dla których je zaprojektowałeś.

Najważniejsze wnioski

• Możesz przeglądać prototypy bezpośrednio przez USB lub chmurę na swoim urządzeniu.
• Aplikacja Adobe XD jest dostępna bezpłatnie w App Store i Google Play Store.
• Dzięki temu możesz zbierać opinie i testować zmiany na żywo.

Instrukcja krok po kroku

1. Wywołanie prototypu

Aby wyświetlić prototyp w Adobe XD, użyj najpierw symbolu odtwarzania w górnym pasku menu. Ten symbol umożliwia Ci obejrzenie prototypu w rozdzielczości, dla której go stworzyłeś, na żywo i przejście przez niego. Najlepiej użyj znaku czasowego 5 sekund, aby dobrze się zanurzyć.

2. Instalacja aplikacji Adobe XD

Aby uzyskać podgląd na żywo na swoim smartfonie lub tablecie, potrzebujesz aplikacji Adobe XD. Jest ona dostępna zarówno w Google Play Store, jak i w App Store Apple. Pobierz ją za darmo i nie daj się zdezorientować tym, że czasami mówi się o iTunes - to jest App Store! Upewnij się, że instalacja została zakończona.

3. Połączenie przez USB

Po zainstalowaniu aplikacji, podłącz swój smartfon lub tablet do komputera za pomocą kabla USB. Gdy połączenie zostanie nawiązane, możesz wprowadzać zmiany w Adobe XD, a te będą natychmiast wyświetlane na Twoim urządzeniu. To jest szczególnie interesujące, gdy chcesz przeprowadzać na żywo testy scenariuszy lub demonstracje. Możesz od razu kontynuować pracę i korzystać z podglądu na żywo od 66 sekundy.

4. Użycie chmury

Elastyczną alternatywą do połączenia USB jest zapisanie swojego prototypu w chmurze Adobe. Aby to zrobić, przejdź do „Zapisz jako”. Adobe XD domyślnie zapisuje w chmurze, dzięki czemu możesz później uzyskać do niego dostęp z każdego urządzenia. Przesyłanie może zająć kilka sekund, ale możesz śledzić postęp na górnym pasku i zobaczyć, jak szybko zbliżasz się do podglądu na żywo od 130 sekundy.

5. Dostęp do prototypu na urządzeniu

Gdy Twój prototyp jest zapisany w chmurze, możesz otworzyć aplikację Adobe XD na swoim smartfonie, aby uzyskać do niego dostęp na żywo. Szybko uzyskasz dostęp do swojego załadowanego prototypu. Kliknij, aby załadować prototyp i zobaczyć, jak wygląda na Twoim urządzeniu. Demonstruję to wideo przy 144 sekundzie.

6. Interakcja i feedback

W aplikacji możesz nawigować przez swój design i masz możliwość optymalnego przeglądania każdego aspektu. Zostanie Ci wyświetlony komunikat, jeśli brakuje czcionek, co możesz po prostu zignorować lub ewentualnie pobrać za pomocą Adobe Fonts. Eksperymentuj z prototypem i klikaj w różne obszary, aby symulować doświadczenie użytkownika. Od 186 sekundy będzie to szczególnie dobrze widoczne.

7. Dostęp do menu

Aby otworzyć menu, dotknij ekranu trzema palcami. Otworzy to szereg opcji, w tym możliwość podziału ekranu, zmiany ustawień i więcej. Zapoznaj się z poszczególnymi artboardami, które stworzyłeś dla swojego prototypu, jak wyjaśniono to przy 226 sekundzie.

8. Zakończenie testu

Wykorzystaj podgląd na żywo na swoim urządzeniu, aby zobaczyć, jak Twoje projekty są odbierane przez użytkowników. Gdy prezentujesz komuś swój prototyp, będzie on zachwycony, mogąc samodzielnie w nim uczestniczyć. Pamiętaj, aby urządzenie było w czystym stanie przed jego przekazaniem. W ten sposób możesz zapewnić, że Twój prototyp będzie najlepiej wyglądał. Informacje na ten temat znajdziesz przy 273 sekundzie.

Podsumowanie – Prototypowanie testu na żywo z Adobe XD: Jak przenieść swoje projekty na swoje urządzenie końcowe

W tym przewodniku nauczyłeś się, jak łatwo jest testować prototypy na żywo z Adobe XD na smartfonach i tabletach. W zaledwie kilku krokach możesz zaprezentować swoje projekty w realistycznym środowisku i zbierać cenne opinie od użytkowników.