Interaktywne prototypowanie za pomocą Adobe XD

Interaktywne prototypowanie z Adobe XD

“Dotarliśmy do końca kursu, mam nadzieję, że podobał się Wam tak samo jak mnie. Teraz nauczyłeś się wszystkiego, co musisz zrobić, aby tworzyć animowane prototypy za pomocą Adobe XD. Zapraszam do stworzenia własnego prototypu, możesz wykorzystać dowolny istniejący problem lub użyć wymyślonego tak jak ja. Nie martw się, bo nie będziesz szedł tą ścieżką sam, będę Cię prowadził i wspierał przez forum. Dzielę się z Tobą serią kroków, które bardzo chciałabym zobaczyć z Twojego projektu. Co chcesz rozwiązać? Wszystko wynika z tego pytania, więc nie spiesz się i zastanów się nad problemem, który chcesz rozwiązać, zastanów się nad nim spokojnie, pamiętaj, że wiele Aplikacji osiągnęło swój sukces dzięki ich propozycjom rozwiązania.

Twórz i badaj Po zdefiniowaniu problemu nadszedł czas, aby rozpocząć tworzenie mapy doświadczeń, użyj jej do pobrania wszystkich informacji, które mogą pomóc użytkownikowi w rozwiązaniu problemu, a także wariantów, które mogą pojawić się po drodze. Pamiętaj, że Twoi „gracze” muszą osiągnąć cel! Mając to zdefiniowane, nadszedł czas, aby rozpocząć dochodzenie, podjąć się zadania sprawdzenia, czy są inni ludzie, którzy rozwiązują to samo, co ty, a jeśli tak, to spójrz na to, co stworzyli, poszukaj luk, które ich propozycje mają i wymyślić wyróżnik dla twojej propozycji. Jeśli z drugiej strony jesteś pierwszy, poszukaj tych, które rozważasz, aby rozwiązać problemy podobne do twojego. Na koniec, wykorzystując wszystkie informacje z badań, stwórz moodboard, który może służyć jako punkt odniesienia i inspiracja. Szkice Przejrzyj swój przepływ, aby zobaczyć, czy są jakieś luki. Jeśli ich nie znalazłeś, to teraz tak, zacznij tworzyć szkice swoich ekranów, które mają cechy, które uważasz za ważne. Czy Twoje ekrany rozwiązują Twój cel? Czy jesteś zadowolony z wyglądu swojego szkicu? Cyfryzacja Przenieś swoje szkice do Adobe XD. Eksploruj ścieżki wizualne, aż dojdziesz do ścieżki, którą lubisz najbardziej. Pamiętaj, że wszystko musi być spójne, czyli staraj się używać tej samej czcionki i rozmiaru na wszystkich ekranach. Mając pod ręką tablicę nastroju, wybierz czcionki, ikony, wszystko. Pamiętaj, aby zachować porządek i zadbać o to, aby wszystko było na ekranie. Narodziny prototypu Wiesz już, jak będzie wyglądał Twój produkt, teraz nadszedł czas na powiązanie przycisków z ekranami docelowymi. Aby to zrobić, uporządkuj swoje ekrany w Adobe Xd. Podczas testowania działania Twoich przycisków nie martw się, jeśli się pomylisz, możesz się wszystkiego nauczyć. Zorganizuj swój przepływ! Co jest pierwsze, a co następne? Animuj swój prototyp W programie Adobe XD przejdź do opcji Autoanimuj, dzięki czemu zaczniesz ożywiać swój prototyp. Upewnij się, że elementy ekranu docelowego zostały powtórzone z poprzednimi ekranami. Sprawdź, czy to, co przygotowujesz, zostało faktycznie zrobione. Bądź cierpliwy i uporządkowany, to ułatwi animację! Wszystko działa! Używanie mirrora z komputerem i telefonem komórkowym do testowania prototypu, będzie to bardzo ważne, ponieważ pomoże ci zidentyfikować niektóre obszary możliwości. Pamiętaj również, że możesz wyeksportować swój prototyp w celu wykonania niektórych testów użytkowników. Jeśli zdecydujesz się na test użytkownika, upewnij się, że wiesz, czy Twój prototyp rozwiązuje problem i czy Twoje doświadczenie jest dobre, skorzystaj również z okazji, aby uzyskać więcej informacji, które dodadzą do Twojego projektu. Twój prototyp jest gotowy! Pamiętaj, że nie ma znaczenia, jeśli nie masz projektu pod drzwiami, możesz przećwiczyć realizację hipotetycznego problemu. Zapraszam do nie przerywania budowania lub rozwijania innych prototypów. Nie zniechęcaj się, jeśli za pierwszym razem nie jest idealnie, zawsze znajdziesz coś do poprawy, to pomaga nam się rozwijać, uczyć się i być lepszymi. Nie przestawaj tworzyć, testować, błądzić i uczyć się! Z serca doceniam, że jesteś częścią tego kursu. Ćwicz dalej, nie poddawaj się. Będę czekał na Twój projekt, odpowiem na forum najszybciej jak to możliwe. Do zobaczenia wkrótce! ”

Częściowa transkrypcja wideo

“Projekt końcowy Zróbmy podsumowanie kursu. Najpierw opowiedziałem Ci o sobie i moich wpływach i rozmawiamy o projekcie, nad którym będziemy pracować na kursie. Definiujemy, czym jest produkt cyfrowy i w jaki sposób wchodzimy z nim w interakcję. a także czym jest prototyp i dlaczego warto go animować. Przedstawiłem Ci zalety Adobe XD do tworzenia animowanych prototypów. Później podnieśliśmy projekt i stworzyliśmy mapę nawigacyjną. Określamy cel główny i szukamy możliwych rozwiązań. Szkicujemy ekrany, aby przejrzeć doświadczenie a następnie przekazujemy szkice do Adobe XD do pracy nad nimi. N...”

Transkrypcje są generowane automatycznie, stąd mogą pojawić się błędy.

Podsumowanie kursu: Interaktywne prototypowanie za pomocą Adobe XD

• Poziom: Podstawowy
• 96% pozytywnych ocen (78)
• Liczba uczestników: 1965
• Liczba części dydaktycznych: 5
• 17 lekcji (2 h 36 min)
• liczba dodatkowych zasobów: 11

• Kategoria

  Web & App Design

• Oprogramowanie

  Adobe XD

• Dziedziny

  Projektowanie aplikacji, Projektowanie cyfrowe, Projektowanie interaktywne, UX / UI, Web design