Prototypowanie, jako koncepcja, istnieje od czasów sprzed Internetu. Zazwyczaj ludzie opracowujący nowy produkt fizyczny będą najpierw budować rzeczy i upewnić się, że działały zgodnie z przeznaczeniem. Pierwsza wersja byłaby prawdopodobnie opatentowana i pokazana potencjalnym inwestorom. Jeśli wynalazca miał dostęp do swoich własnych środków produkcji (jeśli pracowali na przykład w istniejącej firmie), po prostu posuwali się do przodu i opracowywali błędy, dopóki nie mieli modelu gotowego do produkcji.

Pamiętasz te stare dyski demonstracyjne? No wiesz, te, które pojawiły się z programami o ograniczonej funkcjonalności, lub z pierwszym lub dwoma poziomami w grze? Prototypy są bardzo podobne do tych demonstracji, ale jeszcze prostsze.

Tworzysz prototyp strony internetowej lub aplikacji, aby upewnić się, że koncepcja będzie działać zgodnie z przeznaczeniem

Ich celem jest nie tyle przyciągnięcie potencjalnych klientów do zakupu produktu, co pomóc w stworzeniu lepszego produktu. Tworzysz prototyp strony internetowej lub aplikacji, aby upewnić się, że koncepcja będzie działać zgodnie z przeznaczeniem. Używasz go również do pokazania swoim klientom lub potencjalnym inwestorom, jak to działa.

Niedawno widzieliśmy wiele aplikacji nastawionych na tworzenie prototypów do internetu i aplikacji mobilnych. Teraz Adobe Experience Designer został wydany, łącząc funkcjonalność "aplikacji projektowej" opartej na sieci i na komórkach z aplikacją do prototypowania. Biorąc pod uwagę reputację firmy Adobe i jej udział w rynku w sektorze profesjonalnym, ma się rozumieć, że wiele osób, które nie wykonały wcześniej wielu prototypów, może teraz podjąć ten krok.

Tak jak większość innych ostatecznych poradników, ten jest dla początkujących. Jest przeznaczony dla osób, które dopiero zaczynają budować prototypy regularnie, bez względu na ich wcześniejsze doświadczenia (lub ich brak) w branży projektowej.

W tym przewodniku staraliśmy się przede wszystkim objąć podstawowe zasady. Później znajdują się linki do przewodników z dalszymi informacjami i oczywiście długa lista aplikacji i narzędzi, z którymi możesz pracować.

Modele szkieletowe i makiety a prototypy

Teraz projektant, który jest już od jakiegoś czasu, prawdopodobnie pracował już z modelami szkieletowymi i / lub projektował makiety w edytorze obrazów. Czy to nie są prototypy?

Nie. W każdym razie nie zawsze.

Problem z makietami i statycznymi makietami polega na tym, że są ... cóż ... statyczne. Jest wiele informacji, których po prostu nie można przekazać o funkcjonalności rzeczy. Może to prowadzić do nieporozumień w umysłach klientów, a nawet twoich programistów, o tym, jak to wszystko ma działać. Z tego powodu prototypy są w pewien sposób interaktywne.

Najczęstszymi wyjątkami są prototypy koncepcyjne i wyjątkowo dobrze udokumentowane statyczne prototypy. Różnica polega nie tylko na interaktywności, ale na przekazywaniu informacji o zamierzonej funkcjonalności produktu.

Mimo to, szkielety i makiety są często używane do tworzenia prototypów, więc nikt ich nie porzuca.

Kiedy potrzebujesz prototypu?

Kiedykolwiek musisz pokazać, jak coś ma działać. to jest to!

Oczywistym przykładem jest aplikacja internetowa lub mobilna. Aplikacje mają zazwyczaj sporo funkcji, których nie można łatwo zobaczyć ani wydedukować z makiet. Jednak nawet dość statyczne witryny z treścią mogą wymagać prototypu.

Przede wszystkim kazałem klientom przeglądać makietę prostego serwisu biznesowego i pytać "Dobrze, więc jeśli klikają te rzeczy na górze," O nas "," Usługi "i inne rzeczy, które przenoszą je do innych strony? "lub" Kiedy klikną Wyślij w formularzu kontaktowym, otrzymam wiadomość e-mail? "

Nawet proste ... zadania są często obarczone niepewnością ... prototypy mogą pomóc w wyeliminowaniu niepewności

Nawet proste czynności związane z przeglądaniem często są obarczone niepewnością niektórych użytkowników i potencjalnych klientów, więc prototypy mogą pomóc w usunięciu niektórych domysłów z procesu podpisywania.

Dodatkowo są zawsze przydatne w testowaniu użytkowników. W końcu, jeśli masz zamiar przeprowadzić testy użytkowników, najlepiej zacząć od wczesnego podglądu projektu. Ostatnią rzeczą, którą chcesz zrobić, jest konieczność wprowadzenia dużych zmian po wykonaniu większości zadań.

4 rodzaje prototypów

Zanim zaczniesz prototypować, będziesz chciał określić, jakiego rodzaju chcesz użyć. Zawsze możesz użyć więcej niż jednego rodzaju w dowolnym projekcie; większość projektantów, w pewnym momencie.

Rodzaj wybranego prototypu musi być odpowiedni dla Ciebie, Twojego klienta, projektu, a nawet konkretnego etapu projektu, w którym się znajdujesz. To może brzmieć skomplikowanie, ale naprawdę nie jest tak źle.

Każda z nich ma być używana na różnych etapach w fazie projektowania. Reszta zależy od Twoich preferencji i od tego, jak dobry jest Twój klient w zrozumieniu abstrakcyjnych wizualizacji.

Klienci mniej doświadczeni w nowoczesnych procesach projektowania mogą spodziewać się czegoś, co będzie wyglądało na bardziej "wypolerowane", dzięki czemu będą mogli powiedzieć, aby powiększyć logo, przesunąć linię o cal w lewo, a ich strona nie będzie po łacinie , więc możesz włożyć trochę angielskiego?

Jeśli masz z tym problemy, bardziej szczegółowe prototypy - i dużo kawy - są najlepszym rozwiązaniem. Jeśli nie, możesz użyć czegoś nieco bardziej niejasnego i skupić się na kpieniu z zamierzonej funkcjonalności.

1: Koncepcyjne prototypy

Często nie wyglądają one jak gotowy produkt w jakikolwiek sposób pod względem kształtu lub formy. Dzięki konceptualnym prototypom szczegóły i układ interfejsu nie mają znaczenia. Jedyne , nad czym pracujesz, to interakcje i procesy.

Celem każdego prototypu jest pokazanie, jak coś działa lub będzie działało. W tym sensie jest to prototypowanie w najczystszej postaci. Dosłownie chodzi tutaj o funkcję, a forma nawet w nią nie wchodzi.

Na tym etapie mogą wyglądać prawie jak nic. Możesz użyć schematu blokowego, notatek post-it, prezentacji PowerPoint, wideo wyjaśniającego proces z prostymi ikonami na ilustracjach lub nagrania twojego głosu mówiącego do kamery i dziko machającego rękami. Wszystko, co ma na to wpływ, zrobi.

Koncepcyjne prototypy są zwykle używane na najwcześniejszym etapie każdego projektu. Twój projekt może nie mieć nawet nazwy. To tylko pomysł na aplikację lub stronę internetową, a będziesz mówił takie rzeczy jak: "Tak, myślę, że powinno to działać w ten sposób ..."

2: Prototypy Low-Fi

Prototypy Low-Fi zaczynają obejmować takie elementy, jak układ i rozmiar ekranu oraz inne, bardziej namacalne problemy. Są one zwykle wykonane szybko i odrzucane szybciej.

Ich celem jest zapewnienie najszybszego możliwego sposobu na powtórzenie swoich pomysłów, dopóki Ty i / lub Twój klient nie będziecie zadowoleni z podstaw. Więc nie przywiązuj się. Większość z nich nie potrwa długo, a to dobrze.

Jak wcześniej wspomniano, termin "prototypy o niskiej wierności" jest często wymienny z "szkieletowymi". Rzeczywiście, ten etap często odbywa się na papierze.

Gdy jest to zrobione w aplikacji, zaleca się korzystanie z takiego, który ma podstawowe funkcje prototypowania, takie jak łączenie z innymi ekranami, adnotacje itp. Aplikacje Wireframing mają tę zaletę, że umożliwiają łatwiejszą współpracę przez Internet, ale często są nieco wolniejsze. posługiwać się.

Są one również używane na początku projektu, ale prawdopodobnie masz już model biznesowy i pomysł na nazwę. Czas uporządkować miriady pomysłów unoszących się wokół głowy i powtarzać aż do momentu, w którym będziesz miał pewność, że zadziała.

3: Prototypy średniej długości

Czasami prototyp niskiej wierności po prostu nie przejdzie dostatecznie dobrze, a wysoka wierność to za dużo pracy na chwilę. Być może nie doszlifowałeś całkowicie przewodnika po stylach lub jeszcze nie wszystkie zasoby graficzne zostały wykonane.

W każdym razie jest to prototyp, którego można użyć na początku do połowy fazy projektowania. Często są tworzone z aplikacjami do prototypowania, które intensywnie wykorzystują symulowaną interakcję. Można je również budować za pomocą HTML i CSS, zwykle za pomocą frameworka CSS.

Yup, Bootstrap i Foundation to prawdopodobnie dwa z największych narzędzi prototypowania.

Powinieneś użyć tych oznaczeń, jeśli masz je, ale zdjęcia zrobią. Podstawowe elementy interfejsu użytkownika są zwykle używane do szybszego tworzenia symulowanego interfejsu. Wiele aplikacji do tworzenia prototypów zawiera biblioteki tych elementów, które przyspieszają pracę.

Tego rodzaju prototypy są świetne dla bardziej dosłownych myślicieli, którzy muszą zobaczyć przybliżone przybliżenie tego, jak będzie wyglądał i działał. Łatwiej im zignorować nagłówek "jeszcze nie skończony", niż szkicowo wyglądający kształt, który nie przypomina nagłówka strony, tak jak go znają.

W przypadku tych klientów możesz szybko opracować swoje pomysły i nigdy nie pokazywać ich klientom. Następnie stwórz prototyp o średniej wierności, który ułatwi im zorientowanie się, dokąd zmierzasz.

4: Prototypy High-Fi

Cóż, jesteśmy tutaj. I taki jest twój projekt. Masz swoje makiety na każdym ekranie i wszystko wygląda świetnie. Czas pokazać ludziom, jak to działa, w całej okazałości, kiedy ktoś w końcu integruje go z back-endowym kodem.

Prototypy o wysokiej wierności są zwykle używane do uzyskania ostatecznego podpisu na projekcie od klienta. Ale nie możesz po prostu wysłać im PSD. Te rzeczy muszą być interaktywne.

Zwykle jest to realizowane na jeden z dwóch sposobów. Niektórzy używają statycznego HTML i CSS, aby umieścić sfinalizowane wizualizacje w sposób, który jest częściowo interaktywny. Inni używają aplikacji, które importują obrazy, a nawet surowe pliki PSD i dodają pseudointeraktywne funkcje, aby naśladować końcową funkcjonalność aplikacji.

W zależności od aplikacji możesz nawet demonstrować te prototypy w Internecie (lub na urządzeniu mobilnym, jeśli pracujesz nad aplikacją).

Metody prototypowania

Teraz, kiedy już przeszliśmy przez główne rodzaje prototypów, które możesz wykonać, nadszedł czas, aby objąć narzędzia używane do ich wykonania. Wspomniałem większość z nich w poprzedniej sekcji i ich podstawowe użycie; ale chciałbym zagłębić się w szczegóły.

Ponownie, wybrana metoda powinna zależeć od tego, z czym zarówno Ty, jak i klient czujesz się komfortowo.

Prototypy wideo lub prezentacji

Często są one sprzedawane, zanim ktokolwiek wykona konkretną pracę. Dlatego zazwyczaj są skierowane do potencjalnych inwestorów. Mogą być również wykorzystywane przez klientów; ale często są skuteczniejsze sposoby komunikowania się z klientem. Twój przebieg może się różnić.

Prototypy oparte na wideo i prezentacji, które są tworzone na stanowiska sprzedaży, zwykle mają formułę w stylu komercyjnym:

  1. Przedstaw problem, z którym widz może się utożsamiać.
  2. Zademonstruj, jak twój produkt rozwiąże ten problem.
  3. (Opcjonalny krok) cyfrowo renderowana korporacyjna maskotka wykonuje radosny taniec, wykrzykując hasło.

Niektóre z tych prototypów używają tylko ikon, tekstu i ilustracji. Inni mają animację; a jeszcze inni używają akcji na żywo, aby uzyskać punkt przekreślony. I to jest ... o to chodzi. Dopóki sprzedajesz swój pomysł, zrobiłeś to dobrze.

Oto wspaniały przykład która łączy prototypowanie wideo z prototypowaniem papieru.

Model szkieletowy

Modele szkieletowe można wykonywać na papierze lub w aplikacjach. Są prawie zawsze uważane za prototypy o niskiej wierności, choć można je uaktualnić do średniej wierności, jeśli poświęcisz im wystarczająco dużo czasu. Jednak rzadko jest to warte wysiłku.

Zazwyczaj modele szkieletowe są zaprojektowane tak, aby można je było szybko narysować i wyrzucić. Jest to jedna z rzeczy, która sprawia, że ​​rysowanie ich na papierze jest tak atrakcyjne. Aplikacje mogą być znacznie bardziej precyzyjne i można łatwo edytować istniejące szkielety; ale nic nie przebije szybkości szkicu, którego nikt nie powinien widzieć, tylko ty sam ... kiedykolwiek.

Jednak, jak wspomniano wcześniej, oparte na aplikacjach modele wire-wire mają tę zaletę, że łatwiej naśladują funkcjonalność interfejsu. Dotknięcie na drucianej ramie z drutu spowoduje przyjemny odgłos thunk-thunk-thunk.

To może być zabawne, ale może nie oddawać twojego znaczenia.

Możesz użyć obu: papieru do przyswojenia najbardziej podstawowych pojęć i aplikacji, by je dopracować i łatwo udostępnić.

Prototypy papieru

Różnią się one od modeli szkieletowych tym, że są czymś więcej niż rysunkami. W tym rodzaju prototypu papier jest używany do stworzenia fizycznego, choć wciąż płaskiego modelu interfejsu. Możesz zobaczyć jeden z nich w wideo powyżej.

Elementy interfejsu są zwykle rysowane, wycinane, czasami kopiowane w celu uzyskania dodatków, a następnie montowane na innej kartce papieru. Daje im to przewagę elastyczności. Tam, gdzie możesz wyrzucić całą kartkę papieru z siatką, możesz po prostu ponownie rozmieścić elementy papierowego modelu, aż będziesz zadowolony. Masz element, który ma nieprawidłowy rozmiar, po kilkukrotnym przeprogramowaniu rzeczy? Po prostu wytnij nową wersję.

Czują się też bardziej "realni" niż ramka z drutu. Nawet jeśli nic ciekawego się nie wydarzy, klient może dotknąć papierowego modelu. Czują to. Ta wrażliwość dotykowa może czasem wyjaśnić klientowi coś więcej niż cokolwiek, co mógłbyś kiedykolwiek pokazać.

Każdy potrzebuje fizycznego kontaktu, aby uzyskać lepsze zrozumienie dowolnego obiektu. Połowa projektowania UX polega na ponownym tworzeniu poczucia fizycznej interakcji z cyfrowym interfejsem.

Średnio i wysoko-wierne prototypy wykonane z aplikacji

Ma to wiele wspólnego z prototypami papieru. Prototypy stworzone za pomocą aplikacji takiej jak Invision lub jednej z wielu innych opcji (patrz poniższa lista), są zazwyczaj wykonane z gotowych elementów interfejsu, a następnie połączone w celu naśladowania produktu końcowego.

Różnica polega oczywiście na tym, że wszystko dzieje się na ekranie. Aha, i możesz to zrobić z ostateczną grafiką i brandingiem, dzięki czemu prototyp wygląda dokładnie tak , jak gotowy produkt. Potem, jak wspomniałem wcześniej, niektóre aplikacje mogą demonstrować produkt w przeglądarce i na urządzeniach mobilnych.

To sprawia, że ​​dotykowe uczucie wraca do gry, a ty tego chcesz. Jeśli możesz dać swoim klientom to uczucie i im się to podoba, w zasadzie uzyskałeś ich ostateczną zgodę.

Kod

Oczywiście, jeśli interakcja jest tym, czego potrzebujesz, budowanie prototypów interfejsu za pomocą kodu jest dobrym sposobem na uzyskanie tego. Teraz możesz wybrać prototypy oparte na kodzie z jednego z kilku powodów:

  • po prostu lepiej pasuje do twojego przepływu pracy (tak, jak gdybyś zaprojektował w przeglądarce);
  • Twoja witryna lub aplikacja ma wiele przycisków i innych rzeczy do interakcji;
  • możesz użyć kodu prototypowego w produkcie końcowym, oszczędzając czas;
  • chcesz zademonstrować funkcjonalność interfejsu w przeglądarce bez kłopotów z aplikacją;
  • lubisz naciskać klawisze i nienawidzić klikania.

Prototypowanie w przeglądarce może być nieco wolniejsze, zwłaszcza w przypadku, gdy nadal są wprowadzane główne wersje. Nie polecałbym go na wczesne etapy projektu, dlatego najlepiej jest go stosować w przypadku prototypów wierności średnich i wysokich.

Mimo to jest to jeden z najlepszych sposobów na pokazanie prawie ukończonego projektu, jeśli już chcesz pracować z HTML i CSS.

Prototypowanie za pomocą frameworków

Należy zauważyć, że zastosowanie architektury do budowy prototypów może znacznie przyspieszyć prototypowanie oparte na kodach. Jako bonus, jeśli korzystasz z frameworka, który ma być używany w produkcie końcowym, generalnie mniej jest kodowania.

Na marginesie niektórzy ludzie stworzyli edytory stron internetowych typu "przeciągnij i upuść" oparte na bardziej popularnych frameworkach, takich jak Bootstrap i Fundacja . Używając ich, kiedyś można by stworzyć wszystko, od prototypów o niskiej wierności do produktu końcowego za pomocą kodu.

Jednak niektórzy po prostu używają ich do szybkiego tworzenia prototypów, a następnie używają niestandardowego kodu do końcowego projektu. Działa w dowolny sposób.

Samouczki i przewodniki prototypowania

Teraz, gdy omawialiśmy już wszystkie podstawy, nadszedł czas, aby naprawdę zagłębić się w szczegóły. Podobnie jak w przypadku niemal wszystkich innych elementów w projektowaniu i życiu, nie ma jednego właściwego sposobu na zbudowanie prototypu. Jest tylko sposób, który działa dla ciebie. Mimo to udane procesy projektowania mają zazwyczaj kilka cech wspólnych.

Oto kilka różnych poradników dotyczących prototypowania, które koncentrują się na różnych metodach i wiernościach, abyś mógł zacząć. Weź od nich to, co działa dla ciebie, zignoruj ​​to, co nie.

(Nie będziemy uwzględniać samouczki aplikacji, ponieważ jest ich po prostu zbyt wiele.)

Projektuj lepiej i szybciej dzięki szybkiemu prototypowaniu

Ten przewodnik z Smashing Magazine skupia się na metodologii szybkiego budowania prototypów i częstych iteracji.

Jak szybko prototypuję strony internetowe

To jest więcej osobistego artykułu Petera na blogu Treehouse, który przedstawia własne podejście do prototypowania.

Jak szybko tworzyć strony internetowe dzięki szybkiemu przepływowi prototypów

Tutaj jest trzeci artykuł w sprawie szybkiego prototypowania. Wydaje się być popularny. Ten jest właśnie tutaj, na Webdesigner Depot, i przedstawia kilka wskazówek i pułapek związanych z tym procesem.

Przewodnik sceptyka do prototypowania o niskiej wierności

Kolejny artykuł Smashing Magazine , ten bardziej szczegółowo opisuje prototypowanie o niskiej wierności.

Jak prototypujemy

W tym dogłębnie i szczerze mówiąc fascynujący artykuł agencja Newfangled opisuje ich proces dogłębnie. Obraca się wokół prototypowego greyscreen opartego na przeglądarce i stanowi przekonujący argument do wypróbowania go.

Jak przetestować użyteczność prototypów jak profesjonalista

Kolejny tutaj na WDD , ten artykuł dotyczy upewnienia się, że twoje prototypowanie ma sens. Jeśli przeprowadzasz testy użyteczności dopiero po ukończeniu projektu końcowego, prawdopodobnie robisz to źle.

Bezpłatny ebook: The Ultimate Guide to Prototyping, autor: UXPin

Będziesz musiał przekazać część swoich danych osobowych (lub po prostu kłamać), aby uzyskać ten ebook , ale hej, nie proszą o pieniądze! zawiera więcej informacji na temat popularnych metod prototypowania, samouczków w aplikacjach i najlepszych praktyk z głównych firm takich jak Google, Apple, Zurb i innych.

Teraz robią to ludzie, którzy stoją za UXPin, aplikacją do prototypowania, więc mogą być lekko stronniczy w kwestii tego, której aplikacji powinieneś użyć. Mimo to ma mnóstwo dobrych informacji.

Narzędzia i aplikacje do prototypowania

Okej, więc masz teorię. Czas zacząć pękać na prototypach budynków. Zakładając, że nie zamierzasz trzymać się modeli papierowych lub kodu, w pewnym momencie użyjesz aplikacji.

Dobra wiadomość: istnieje wiele świetnych aplikacji do wyboru. Złe wieści: istnieje wiele świetnych aplikacji do wyboru.

Po raz kolejny wszystko sprowadza się do sposobu, w jaki pracujesz. Czy potrzebujesz możliwości demonstrowania aplikacji mobilnych? Czy chcesz zsynchronizować swoje pliki z Dyskiem Google, Dropbox lub inną usługą? A co z integracją Github? Low-fi, medium czy high-fi? Zaawansowane skrypty?

Wymienione poniżej aplikacje będą zawierały niektóre lub wszystkie z tych opcji. Wymienię najbardziej odpowiednie funkcje dla każdego, aby dać ci wyobrażenie, gdzie szukać.

Należy zauważyć, że wiele z nich jest znanych przede wszystkim jako narzędzia do drutu. Oprogramowanie szkieletowe często integruje funkcje potrzebne do interaktywnych prototypów. Twój przebieg w tych aplikacjach może się różnić.

Adobe Experience Design CC

To to obecnie najnowsza oferta na rynku i jest gotowa dostarczyć poważną konkurencję na nieco nasyconym rynku. To nie jest tylko aplikacja do oprawy drutu lub do prototypowania; to aplikacja do projektowania. To jest jak Naszkicować lub teraz martwy Fajerwerki , ale to idzie o krok dalej, umożliwiając tworzenie prototypów ze wszystkiego, co właśnie zaprojektowałeś.

Obecnie jest to tylko system Mac, a na etapie podglądu to, ale wersja Windows jest wymagana przed końcem roku.

Wersja przedpremierowa jest darmowa, a po jej ostatecznej wersji będzie częścią planu subskrypcji Creative Cloud Adobe.

Oprogramowanie do prezentacji

Microsoft PowerPoint , Apple Keynote , LibreOffice Impress , i Prezentacje Google wszystkie mogą być użyte do tworzenia prototypów. Przeważnie prototypy te byłyby odmianą koncepcyjną. Możesz jednak naśladować pewną interaktywność, łącząc ze sobą slajdy.

Może równie dobrze działać w przypadku prototypowania witryn opartych na treści i istnieje duże prawdopodobieństwo, że używasz już co najmniej jednego z tych programów. Jeśli nie, Impress i Prezentacje są bezpłatne.

Invision

Invision to kolejna z "wielkich nazwisk", z bardziej prototypowaniem o wysokiej wierności. Podkreśla kontrolę wersji i szczyci się swoją współpracą w czasie rzeczywistym i funkcjami zwrotnymi. Podobnie jak w przypadku aplikacji Marvel, ma również animację, prototypowe osadzanie, demonstracje na urządzeniu i wiele innych.

Ponadto niedawno kupili Silver Flows, narzędzie integrujące funkcję prototypowania ze Szkicem. Zamierzają użyć go do zintegrowania Sketch z ich oprogramowaniem online.

Jest darmowy plan, ale możesz stworzyć tylko jeden prototyp. Potem możesz zacząć od 15 USD za miesiąc.

Justinmind

Justinmind wydaje się celowo nastawiony na tworzenie prototypów aplikacji o wysokiej wierności. Strona wspomina również o prototypowaniu responsywnych stron internetowych. Dostępne są także demonstracje w aplikacji.

Ceny zaczynają się od 19 USD za użytkownika miesięcznie, jeśli płacisz rocznie.

Aplikacja Marvel

Aplikacja Marvel to ogromna aplikacja (jedna z "wielkich nazwisk" w prototypowaniu) z darmowym planem i umiarkowaną ceną za wszystkie ulepszenia. Do ważnych funkcji należą: obsługa Photoshopa i Szkiców, synchronizacja z Dyskiem i Dropbox, osadzanie prototypów na stronach internetowych) oraz funkcje, które przekształcają twoje prototypy w animowane prezentacje.

Ten z pewnością dotyczy prototypów o wysokiej wierności.

Axure

Axure to trochę dziwne, z funkcjami do prototypowania low-fi i high-fi. jest jeszcze dziwniejsze, ponieważ jest to aplikacja na komputery z jednorazową ceną. Jest przeznaczony dla użytkowników korporacyjnych i dużych zespołów, z funkcjami do pisania własnej dokumentacji, zarządzania projektami i innych.

Standardowe wydania wynoszą 289 USD za licencję.

HotGloo

HotGloo chodzi o ramy i prototypy o niskiej lub średniej jakości. Początkowo była to przede wszystkim aplikacja szkieletowa, ale funkcjonalność bardziej zaawansowanych prototypów jest już dostępna.

Tam, gdzie inne aplikacje koncentrują się na aplikacjach do prototypowania, HotGloo ma swój początek dzięki projektantom stron internetowych. Tak więc, naprawdę możesz to zrobić.

Plany zaczynają się od 14 USD miesięcznie, a ten plan może obejmować do 10 osób współpracujących.

Proto.io

Annnnnnd wróciliśmy do prototypowania o wysokiej wierności z Proto.io . Ma złożone interakcje, animacje, eksportowanie, drukowanie, osadzanie i demonstracje urządzeń wbudowane. Ceny zaczynają się od 24 USD miesięcznie, ale jest 15-dniowy bezpłatny okres próbny, jeśli chcesz dać mu wir.

Zestalać

Zestalać przynosi nam Zurb, ta sama firma, która tworzy ramy Fundacji. Jest przeznaczony do obsługi (i uzyskiwania informacji zwrotnej) wszystkiego, od szkiców po prototypy i makiety o wysokiej wierności.

Zamiast skupiać się na animacji i innych narzędziach prezentacji, Solidify oferuje mnóstwo funkcji testowania użytkownika. Możesz przeprowadzać testy osobiście lub zdalnie i udostępniać wyniki zespołowi.

MUZYKA POP

MUZYKA POP odróżnia się od innych aplikacji, pomagając w tworzeniu hybrydowych szkiców i cyfrowych prototypów. Zaczynasz od zrobienia zdjęć swoich szkiców za pomocą iPhone'a, telefonu z systemem Android lub telefonu Windows i przekształcenia tych szkiców w interaktywny prototyp.

Jeśli wykonasz większość swojej pracy na papierze, może to być świetny sposób udostępniania wyników. Usługa jest bezpłatna dla dwóch projektów, a następnie plany zaczynają się od 10 USD miesięcznie.

Flairbuilder

Flairbuilder to kolejna aplikacja komputerowa, ale ma przeglądarkę online dla projektów. Wydaje się być ukierunkowany na szkielety i prototypy o średniej wierności. Posiada funkcje pozwalające na dodanie interakcji, może tworzyć dema na urządzeniu i kładzie szczególny nacisk na projektowanie oparte na siatce.

Jest wyceniony na jednorazową opłatę w wysokości 99 USD. To jest strome, jasne, ale dużo tańsze niż Axure.

Flinto

Flinto w rzeczywistości ma dwie wersje: jest to aplikacja na Maca i internetowa wersja Lite. Różnica? Wersja Mac zawiera bardziej złożone animacje, funkcje i interakcje z tabelą. Umożliwia także importowanie zasobów z Sketch, których nie może wykonać wersja internetowa.

Kosztuje 99 USD jako jednorazowy zakup. Co ciekawe, wersja Lite (która kosztuje 20 USD miesięcznie) zawiera licencję na wersję komputerową, dającą ci to, co najlepsze z obu światów.

UXPin

UXPin to aplikacja do prototypowania o średniej do wysokiej wierności ze wszystkimi funkcjami, których oczekujemy. Podobnie jak kilka innych, ma również współpracę w czasie rzeczywistym, wbudowane funkcje testowania użyteczności i zarządzanie projektami.

W przeciwieństwie do innych aplikacji, UXPin ma być sklepem z jednym punktem. W ten sposób można pominąć Photoshop, Sketch lub co-ty-ty i zamienić ramkę drucianą w makiety. Jest to co najmniej ambitne, ale jeśli działa zgodnie z obietnicą, widzę, że jest przydatna dla wielu projektantów.

Ceny zaczynają się od 19 000 USD miesięcznie na użytkownika.