--- title: "Prototyp: co to jest? Słownik pojęć" description: "Prototyp to klikalna symulacja strony albo aplikacji. Przyciski i przejścia między ekranami działają, choć za nimi nie ma jeszcze działającego systemu." url: https://fluostudio.pl/baza-wiedzy/slownik/prototyp/ --- [Strony www](https://fluostudio.pl/baza-wiedzy/slownik/?dzial=www) # Prototyp Inaczej prototyp interaktywny, klikalna makieta, prototype Prototyp to klikalna symulacja strony albo aplikacji. Przyciski i przejścia między ekranami działają, choć za nimi nie ma jeszcze działającego systemu. Służy do sprawdzenia pomysłu przed programowaniem. ## Usługi - [Makietowanie](https://fluostudio.pl/uslugi/product-design/makietowanie/) - [Testowanie](https://fluostudio.pl/uslugi/product-design/testowanie/) Najdroższy moment, żeby się przekonać, że klienci nie rozumieją procesu zamówienia, to tydzień po starcie sklepu. Najtańszy to dzień, w którym ktoś spoza firmy pierwszy raz przechodzi przez prototyp i zatrzymuje się na drugim ekranie. Prototyp powstaje z [makiet](https://fluostudio.pl/baza-wiedzy/slownik/makieta/) albo z gotowych ekranów, połączonych tak, żeby dało się po nich poruszać. Użytkownik naciska „Dodaj do koszyka” i trafia do koszyka. Wypełnia formularz i widzi potwierdzenie. Wszystko zachowuje się jak gotowy produkt, tylko nic się naprawdę nie zapisuje i nikt nie płaci. ## Do czego się przydaje - **Testy z użytkownikami.** Kilka osób z grupy docelowej dostaje zadania i przechodzi przez prototyp. Widać, gdzie się gubią, zanim ktokolwiek napisze linijkę kodu. Jak taki test poprowadzić, opisuje hasło [testy użyteczności](https://fluostudio.pl/baza-wiedzy/slownik/testy-uzytecznosci/). - **Decyzje w firmie.** Zarząd, sprzedaż i dział IT widzą to samo. Łatwiej rozmawiać o przycisku na drugim ekranie, gdy ten ekran istnieje. - **Instrukcja dla programistów.** Prototyp pokazuje zachowanie: co się dzieje po zatwierdzeniu zamówienia, jak wygląda błąd, co widzi ktoś bez konta. Przy wdrożeniu jest mniej zgadywania. Prototyp nie musi być ładny. Do sprawdzenia, czy ścieżka zakupu ma sens, wystarczy szary prototyp z makiet. Gdy test ma pokazać, czy klient rozumie ofertę i ufa marce, potrzebny jest prototyp z gotowym wyglądem. W branży mówi się na te dwie wersje lo-fi i hi-fi. ## Prototyp a MVP Prototyp udaje produkt. [MVP](https://fluostudio.pl/baza-wiedzy/slownik/mvp/) jest produktem: najmniejszą wersją, która naprawdę działa i trafia do prawdziwych klientów. Prototyp sprawdza, czy ludzie zrozumieją, jak czegoś używać. MVP sprawdza, czy w ogóle będą tego używać i czy za to zapłacą. Dobrze, gdy do MVP trafia już ścieżka sprawdzona wcześniej na prototypie. ## Zobacz też - [Strony www Makieta Makieta to uproszczony schemat strony lub ekranu aplikacji. Pokazuje, gdzie stoją treści, przyciski, formularze i zdjęcia, bez kolorów i ostatecznej grafiki, żeby ustalić układ przed projektem graficznym.](https://fluostudio.pl/baza-wiedzy/slownik/makieta/) - [Strony www Testy użyteczności Testy użyteczności to badanie, w którym prawdziwi użytkownicy wykonują na stronie, w aplikacji albo na prototypie konkretne zadania, a badacz obserwuje, gdzie się wahają, mylą i rezygnują.](https://fluostudio.pl/baza-wiedzy/slownik/testy-uzytecznosci/) - [Strony www MVP MVP (minimum viable product) to najprostsza wersja produktu, którą da się oddać prawdziwym użytkownikom, żeby sprawdzić, czy pomysł działa, zanim firma wyda budżet na pełną wersję.](https://fluostudio.pl/baza-wiedzy/slownik/mvp/) - [Strony www UX UX (user experience) to doświadczenie człowieka, który korzysta ze strony, aplikacji albo usługi: czy szybko znajduje to, czego szuka, rozumie, co ma zrobić, i kończy sprawę bez frustracji.](https://fluostudio.pl/baza-wiedzy/slownik/ux/) - [Strony www UI UI (user interface) to interfejs, czyli wszystko, co człowiek widzi na ekranie i czego używa: przyciski, pola formularzy, menu, ikony, typografia i kolory.](https://fluostudio.pl/baza-wiedzy/slownik/ui/) - [Strony www Product design Product design to projektowanie produktów cyfrowych, np. aplikacji, platform i paneli dla klientów, na całej drodze: od zbadania problemu i użytkowników, przez UX i UI, po testy i kolejne wersje.](https://fluostudio.pl/baza-wiedzy/slownik/product-design/) - [Strony www Mikrointerakcja Mikrointerakcja to drobna reakcja interfejsu na jedno działanie użytkownika, np. zmiana przycisku po naciśnięciu albo animacja licznika w koszyku. Pokazuje, że system przyjął polecenie i co dzieje się dalej.](https://fluostudio.pl/baza-wiedzy/slownik/mikrointerakcja/) Hasło pojawia się też w: [Aplikacja webowa](https://fluostudio.pl/baza-wiedzy/slownik/aplikacja-webowa/), [Mockup](https://fluostudio.pl/baza-wiedzy/slownik/mockup/), [UX writing](https://fluostudio.pl/baza-wiedzy/slownik/ux-writing/) ## Strona ma sprzedawać, działać szybko i dawać się łatwo edytować. Porozmawiajmy o Twojej. Na pierwszej rozmowie sprawdzimy, czy i jak możemy pomóc, bez zobowiązań. [Porozmawiajmy](https://fluostudio.pl/kontakt/) [Umów 30 minut konsultacji](https://calendly.com/anita-fluo/darmowa-konsultacja-30-minut)