Miro Prototypes pomagają zespołom produktowym przekształcać wczesne pomysły w interaktywne prototypy szybciej — przechodząc od koncepcji do jasnego kierunku przed fazą projektowania lub kodowania.
Wskazówka: Twórz swój prototyp z pomocą współpracowników AI, aby włączyć historię czatu AI, która zapamiętuje twoje prompty, umożliwiając przegląd opcji, które już eksplorowałeś i wznowienie pracy na dowolnej tablicy. Aby uzyskać więcej informacji, zobacz Współpracownicy AI: Ewolucja tworzenia z AI w Miro i Przegląd Miro Prototypes.
Ten przewodnik pokazuje, jak skuteczne zespoły myślą i pracują z prototypowaniem opartym na AI: planowanie w kontekście, umyślne generowanie, iteracja jako zespół i testowanie tego, co istotne. Gdy poznasz podstawy działania Miro Prototypes, oto jak używać ich jak profesjonalista:
Krok 1: Myślenie w kontekście
Najlepsze prompty AI zaczynają się od rzeczywistej pracy. Użyj planszy jako bazy, wybierając karteczki, dokumenty z wymaganiami produktu, przepływy użytkowników, zrzuty ekranu lub jakiekolwiek artefakty, które uchwycą myślenie Twojego zespołu.
Zaczynaj tam, gdzie Twój zespół skończył
Wybierz zawartość planszy , która definiuje Twój pomysł. AI wykorzystuje ten kontekst do ukształtowania struktury i logiki. Możesz skorzystać z tego prompta, aby rozpocząć, dostosowując jedynie zawartość do swojego wyboru.
Przykład prompta:
„Stwórz mobilny prototyp z pięcioma ekranami na podstawie wybranego PRD i mapy możliwości.”
Iteruj istniejące produkty
Wprowadź dowolny zrzut ekranu produktu. Miro AI konwertuje go na edytowalną makietę, dzięki czemu możesz wprowadzać zmiany i ulepszenia bez zaczynania od zera.
💡 Wybierz swój zrzut ekranu i użyj konwertuj obraz na prototyp z menu kontekstowego. Żaden prompt nie jest potrzebny.
Alternatywnie możesz użyć zrzutu ekranu lub wybranego prototypu jako kontekstu do kolejnej iteracji w czacie z AI również.
Przykład promptu:
"Wybrany zrzut ekranu to lista indeksów giełdowych i ich dzisiejszy rozwój cenowy. Utwórz wersję ekranu z listą podobnego rozwoju cenowego największych kryptowalut poniżej obecnej listy. Reszta aktualnego projektu ekranu powinna pozostać dokładnie taka sama jak na tym ekranie. Pamiętaj, aby rozwinąć stopkę, aby zrobić miejsce na nowy segment listy. Zmień tekst na angielski dla całego ekranu."
Prototyp utworzony i zmodyfikowany na podstawie zrzutu ekranu
Idź dalej
- Określ kroki: Z grubsza naszkicuj przebieg za pomocą karteczek lub diagramów i zdefiniuj, ile ekranów potrzebujesz (np. Rejestracja → Pulpit → Kasa).
- Ustal klimat lub temat: Dodaj zrzut ekranu lub przewodnik stylu, aby AI dopasowało się do Twojego zamierzonego wyglądu i tonu.
- Szczegółowe prompty dają lepsze wyniki: Im bardziej szczegółowy Twój prompt, tym bliżej wygenerowany prototyp będzie tego, czego chcesz. Możesz podać na przykład konkretne kody hex dla kolorów różnych elementów.
Przykład promptu:
„Stwórz mobilny prototyp z 5 ekranami oparty na wybranym PRD i ćwiczeniu mapowania szans. Stylizacja i temat projektu powinny dokładnie odpowiadać stylowi wybranego zrzutu ekranu.”
Krok 2: Pauzuj przed umieszczaniem
Trudno jest uzyskać poprawne wizualizacje już w pierwszym prompcie, więc bądź gotów na edycję i iterację kilka razy. Chociaż nie potrzebujesz obszernego promptu, Miro AI generuje ekrany zbliżone do twojego promptu tak bardzo, jak to możliwe. Warto być konkretnym w strukturze, kolorach, hierarchii wizualnej itd., jeśli jest to dla Ciebie ważne.
Iteruj w krokach
Obszar roboczy jest Twoim placem zabaw. Zatrzymaj to, co klika, regeneruj to, co nie działa. Wybierz dowolną ramkę i użyj Miro AI, aby dokonać zmian przed umieszczeniem.
Przykład promptu:
„Uprość ten układ i podkreśl główną akcję.”
Porównaj kierunki
- Przełączaj się między wersjami: Klikaj przez iteracje, aby wybrać najlepszy kierunek.
- Obok siebie: Możesz skopiować jedną wersję i wkleić obok drugiej, aby porównać wizualnie.
Idź dalej
- Pracuj w pętlach: Generuj → dopracowuj → udostępniaj. Nie oczekuj perfekcji za pierwszym razem.
- Dodaj notatki dla kontekstu: Przed umieszczeniem, stwórz notatkę samoprzylepną, aby uchwycić to, co testowałeś lub badałeś.
✏️ Iteruj swobodnie z AI przed przedstawieniem swoich pomysłów zespołowi. Kliknij Zastosuj na planszy, gdy jesteś gotowy, by wszyscy mogli zobaczyć i edytować.
Krok 3: Iteruj jako zespół
Gdy twój prototyp znajduje się na tablicy, przeanalizuj, dopracuj i rozwijaj koncepcję wspólnie (z AI lub ręcznie), aż osiągniesz zgodę co do tego, co działa i dlaczego.
Przejdź przez to razem
- Połącz ekrany, aby znaleźć luki logiczne i określić kolejne kroki.
- Wykorzystaj Format prototypu i tryb skupienia, aby udostępnić tylko prototyp, bez rozpraszającego wpływu całej tablicy. Przypnij Format, aby zapewnić jego automatyczne otwieranie się dla innych, gdy otworzą tablicę.
- Przełącz się na tryb podglądu podczas prezentacji, aby wszyscy mogli podążać za tym samym przepływem, z pełnym kontekstem dostępnym po jednym kliknięciu.
Komentuj bezpośrednio na ekranach, reaguj naklejkami i zapisuj to, co działa (i co nie działa). Adnotacje pomagają upewnić się, że cały zespół jest w zgodzie.
Dokonuj ręcznych edycji, gdy to ma znaczenie
Nie każda zmiana wymaga nowego promptu. Czasami szybciej i czytelniej jest po prostu dostosować coś samodzielnie. Użyj Biblioteki Prototypowania, aby zamieniać komponenty, dostosowywać odstępy lub przepisać tekst.
Każdy członek zespołu może przejąć kontrolę, dokonywać edycji i posuwać pomysł dalej.
Idź dalej
- Stylista z celem — Uwzględnij kolory swojej marki w prompt'cie. Alternatywnie, prześlij zrzut ekranu swojego produktu, aby AI automatycznie zastosowała styl. Dzięki temu prototypy wyglądają autentycznie.
Przykład promputu:
"Użyj naszych wytycznych: #0052CC dla głównych akcji"
💡 Wybierz ekrany i zaimportuj styl z obrazu za jednym razem przez menu kontekstowe. Zastosuj motyw z obrazu.
- Dodaj Talktracki dla asynchronicznego feedbacku: Nagrywaj szybkie przejścia, aby wyjaśnić swoje myślenie i zbierać opinie bez spotkań (lub jako przygotowanie przed spotkaniem).
- Rejestruj decyzje w komentarzach: Podsumuj kluczowy feedback lub następne kroki bezpośrednio na tablicy, aby nic nie zginęło w wątkach e-mailowych lub Slacku.
Krok 4: Testuj i dopracowuj
Przeprowadzaj testy, zbieraj obserwacje i wprowadzaj wnioski.
Zapytaj swoich współpracowników AI
Zanim przejdziesz do projektowania lub rozwoju, zweryfikuj swój koncept za pomocą współpracowników AI i szybkich przeglądów zespołu. Skorzystaj z współpracownika AI ds. badań UX lub współpracownika AI ds. projektowania treści dla szybkiej oceny z innej perspektywy. Traktuj to jako lekkie testy użytkownika.
Przykład zapytania dla współpracownika AI ds. badań UX:
"Przeanalizuj wybrany prototyp i przygotuj raport zawierający 5 najistotniejszych problemów użyteczności oraz jasne rekomendacje, jak je rozwiązać.
Uprzejmie proszę o podsumowanie 5 rekomendacji w raporcie wykonawczym na początku, z jedną wypunktowaną rekomendacją dla każdej z nich"
Wykorzystaj zdobyte informacje
Popraw układy, dopracuj teksty i usuń punkty tarcia, aż opowieść stanie się płynna. Wypróbuj Współpracownika AI do Prototypów Projektowych, aby wprowadzać iteracje.
Przykład:
"Proszę stworzyć nową wersję wybranego prototypu z wdrożonymi kluczowymi rekomendacjami z wybranego raportu."
Używaj przepływów, aby utrzymać pracę połączoną
Używaj przepływów AI, aby automatyzować powtarzalne zadania, usprawniać procesy i poprawiać produktywność bezpośrednio na planszy Miro. Zmień pomysły swojego zespołu w interaktywne materiały wizualne, które możesz testować, udostępniać i porównywać obok siebie, jak warianty tłumaczeń.
Wypróbuj szablon Lokalizacja prototypów, aby przetestować to samemu.
Krok 5: Udostępnij i powtórz
Przekaż dalej, gdy logika jest solidna
Używaj Miro Prototypes, aby uzgodnić kierunek przed przystąpieniem projektantów do narzędzi projektowych lub rozpoczęciem budowy przez deweloperów (lub vibe coding). Zapobiega to kosztownym przeróbkom i gwarantuje, że wszyscy zgadzają się co do rozwiązania, zanim zainwestujesz godziny w realizację na wysokim poziomie szczegółowości.
💡 Użyj formatu prototypu i trybu skupienia, aby udostępnić tylko prototyp, bez rozpraszania uwagi całej tablicy.
Podsumowanie
Prototypowanie nie polega na tworzeniu perfekcyjnych projektów finalnych. Chodzi o postęp w kierunku użytecznego produktu. Miro Prototypes pomaga zespołom szybciej dostrzegać pomysły, szybciej się zgrywać i wspólnie budować właściwy produkt.
Im szybciej Twój zespół zobaczy pomysł, tym szybciej możecie się zgrać i zbudować odpowiednie rozwiązanie.