Prototypowanie wysokiej wierności i niskiej wierności: co, jak i dlaczego?

w rzeczywistości terminy „high fidelity” i „low fidelity” zostały po raz pierwszy użyte w muzyce rockowej, aby opisać dźwięk i umiejętności gry rock and rolla pod koniec lat 80. Z biegiem lat są one również stosowane w projektowaniu stron internetowych/aplikacji, aby odnieść się do różnych poziomów szczegółów i funkcjonalności wbudowanych w prototyp.

jednak jakie są rzeczywiste różnice między nimi, jak i dlaczego powinniśmy wybrać prototyp high lub low fidelity dla lepszego projektu lub badań użytkowników?

poniżej przedstawię wam podstawy i różnice leżące w high fidelity i low fidelity oraz wyjaśnię, dlaczego i jak je wybrać, aby stworzyć doskonałe prototypy dla lepszego projektu lub badań użytkowników.

spis treści:

• po pierwsze, co to jest prototyp
• co to jest prototyp o niskiej wierności
• Co to jest prototyp o wysokiej wierności
• różnica między prototypem o wysokiej wierności i niskiej wierności
• jak i dlaczego wybrać prototyp hi-fi lub low-fi, aby uzyskać lepszy projekt
• najlepsze narzędzie do prototypowania dla twojego projektu www/aplikacji

po pierwsze, co to jest prototyp?

„prototyp to wczesna próbka, model lub wydanie produktu zbudowane w celu przetestowania koncepcji lub procesu. Jest to termin używany w różnych kontekstach, w tym semantyki, projektowania, elektroniki i programowania oprogramowania.”- – – – z Wikipedii.

jeśli chodzi o projektowanie UI/UX, prototyp pomaga projektantom przełożyć swoje pomysły projektowe na cyfrowy i namacalny model. Mogą one bezpośrednio testować części lub wszystkie interfejsy użytkownika, interakcje i przepływy UX, aby sprawdzić, czy są one wykonalne i przewidywalne.

co więcej, ponieważ potrzeby zespołów są różne, wykonują również prototyp low fidelity lub high fidelity prototype, aby przetestować swoje pomysły projektowe do różnych celów.

Co To jest prototyp o niskiej wierności?

prototyp niskiej wierności-znany jako low – tech, low-fi lub lo-fi prototype, jest półproduktem, który koncentruje się na funkcji, strukturze, procesie i zapewnia najprostszy framework i elementy sieci/aplikacji. Jest często używany do przekształcania pomysłów projektowych w sprawdzalne i namacalne artefakty w celu zbierania i analizy wymagań użytkowników na wczesnym etapie.

czym więc jest prototyp High Fidelity?

high-fidelity prototype – znany jako high-tech, high-fi lub hi-fi prototype, jest kompleksowym i interaktywnym prototypem, który jest dość blisko produktów końcowych z wieloma funkcjami, interakcjami i szczegółami. Jest często używany w późniejszej ocenie użyteczności, aby odkryć potencjalne problemy, które Projekt strony internetowej/aplikacji może nadal istnieć.

różnica między High Fidelity a low Fidelity Prototype

nadal nie znasz różnic między prototypami low-fidelity i high-fidelity? Nie martw się! Oto 3 przykłady prototypów low-fi, które pomogą Ci dowiedzieć się więcej o prototypach low-fi:

1. Przykład prototypu low Fidelity Motion

ten prototyp low-fi wyraźnie pokazuje drugi ruch menu, nie skupiając się zbytnio na szczegółach interfejsu użytkownika.

2. Przykład prototypu UX Low Fidelity dla Kreatora Stron Internetowych

ten prototyp UX o niskiej wierności prezentuje układy stron, systemy nawigacji i przepływy interakcji użytkowników wyraźnie bez zbyt wielu szczegółów interfejsu użytkownika. Pomaga projektantom przetestować założenia i szybko znaleźć niewidoczne problemy z UX.

3.Przykładowy przetarg prototypu Lo-fi

jest to kolejny dobry przykład (stworzony w Mockplus, łatwiejszym i inteligentniejszym narzędziu do prototypowania), aby pokazać główne układy i miejsca umieszczenia elementów aplikacji. Nawet bez szczegółów elementów pomaga projektantom wykrywać i rozwiązywać potencjalne problemy na wcześniejszym etapie.

widzisz? Nawet bez szczegółów interfejsu, prototyp low-fi pomaga przekazać pomysły projektowe i łatwo pokazać główne funkcje, struktury, przepływy i interakcje z siecią/aplikacją. Przynosi projektantom wiele korzyści.

zalety prototypów o niskiej wierności:

• niski koszt. Koszt prototypu o niskiej wierności jest niezwykle niski.
• szybko. Bez skupiania się na każdym szczególe interfejsu, projektanci mogą po prostu podążać za swoimi pomysłami projektowymi i stworzyć prosty i testowalny prototyp w ciągu kilku minut.
• łatwe do zademonstrowania, współpracy i iteracji. Bez zbyt wielu szczegółów interfejsu, prototyp low-fi nie wymaga wielu umiejętności zawodowych. I więcej osób może dołączyć i współpracować w tym samym projekcie. Projektantom łatwo jest również wprowadzić zmiany i iterację prototypu podczas współpracy.
• łatwo uzyskać opinię. Ponieważ prototyp o niskiej wierności jest łatwy do przenoszenia i demonstrowania, projektanci mogą również bezpośrednio udostępniać go innym osobom (w tym członkom zespołu i interesariuszom) w celu zebrania opinii o projekcie.
• łatwe do wykrycia i rozwiązania potencjalnych problemów. Prototyp o niskiej wierności umożliwia również projektantom łatwe testowanie przepływów użytkownika, interakcji i menu nawigacji w sieci/aplikacji. Projektanci mogą szybko wykrywać i rozwiązywać potencjalne problemy z interfejsem użytkownika / UX.

wady prototypów o niskiej wierności:

• ograniczone szczegóły interfejsu/animacje/interakcje. Aby szybko przekazywać pomysły, często tworzy się prototyp o niskiej wierności z ograniczonymi szczegółami interfejsu użytkownika, funkcjami, animacjami i interakcjami itp. Tak więc nie jest dobrze dla innych projektantów lub członków zespołu, aby mieć pełne zrozumienie projektu sieci/aplikacji.
• wyniki badań są ograniczone i niedokładne. Bez wystarczającej liczby szczegółów konstrukcyjnych prototyp o niskiej wierności do pewnego stopnia nie może dokładnie symulować rzeczywistych scenariuszy użytkownika. Wyniki badań są również nieuchronnie naruszone i niedokładne. Nie trzeba dodawać, że kiedy prototyp zostanie dramatycznie zmodyfikowany na późniejszym etapie, wyniki testów mogą być zupełnie inne.

tak więc, jeśli masz tylko kilka pomysłów projektowych, chcesz przedstawić im prosty prototyp, omówić i współpracować z innymi projektantami lub członkami zespołu przed kopaniem, prototyp o niskiej wierności jest idealny dla ciebie.

a następnie, Oto 3 prawdziwe przykłady prototypów high-Fi, które pomogą Ci dowiedzieć się więcej o prototypach high-fi:

1. Lista zadań High Fidelity Prototype Example

ten prototyp high fidelity nie tylko pokazuje szczegóły interfejsu użytkownika, ale także wyraźnie wyświetla przepływy użytkownika i interakcje. Projektanci mogą łatwo sprawdzić i przetestować bardzo małe szczegóły, aby sprawdzić, czy nadal występują problemy z interfejsem użytkownika/UX.

2. Przykład Prototypu High Fidelity

3. Przykład prototypu projektu produktu High Fidelity

prototyp wysokiej wierności pozwala przekazać pomysły projektowe za pomocą bogatych kolorów, przycisków, zdjęć, ikon, animacji, interakcji i innych szczegółów.

zalety prototypów wysokiej jakości:

• bogate szczegóły konstrukcyjne. Prototypy high-fidelity są zbudowane z większej liczby zdjęć HQ, kolorów, animacji, ikon, przycisków i innych elementów. Każdy element jest zaprojektowany dokładnie tak,jakby był w prawdziwej stronie internetowej / aplikacji.
• lepszy efekt wizualny. Dzięki świetnej kolorystyce, żywym animacjom, układom i nie tylko, prototyp o wysokiej wierności często ma lepsze efekty wizualne niż prototyp o niskiej wierności.
• dokładniejsze wyniki testów. Dzięki bogatym detalom prototyp wysokiej jakości wygląda jak prawdziwa sieć/aplikacja. Projektanci mogą łatwo symulować rzeczywiste scenariusze użytkownika i testować produkt ze wszystkich możliwych aspektów, w tym interakcji, przepływów użytkownika, efektów elementów i schematów kolorów, a także UX. Wyniki testów są również znacznie dokładniejsze.
• skuteczniejsza informacja zwrotna. Oczywiście, po udostępnieniu innym projektantom i członkom zespołu, otrzymane informacje zwrotne są również skuteczniejsze w rozwiązywaniu istniejących problemów.
• bardziej atrakcyjne dla klientów i interesariuszy. Dobrze jest również, aby projektanci jasno zaprezentowali, w jaki sposób ostateczna strona internetowa / aplikacja ma działać i pomóc przyciągnąć więcej klientów, interesariuszy i inwestorów.

wady prototypów wysokiej jakości:

• wyższy koszt. Prototyp wysokiej jakości często wymaga stworzenia profesjonalnego narzędzia do prototypowania. W porównaniu z prototypem low-fidelity jego koszt jest z pewnością znacznie wyższy.
• trudne do zmiany i iteracji. Gdy wprowadza się pewne zmiany, seria stron lub elementów w prototypie high-fidelity również musi zostać zmodyfikowana w tym samym czasie. Może to być kłopotliwe i czasochłonne.

tak więc prototyp High-fidelity jest wysoce funkcjonalny i interaktywny dla Ciebie i Twojego zespołu, aby znaleźć i rozwiązać drobne problemy UI/UX, a także pozyskać więcej akcjonariuszy i klientów na końcowym etapie projektowania.

jak i dlaczego wybrać Hi-fi lub low-fi Prototype dla lepszego projektu?

jak już wspomnieliśmy, ponieważ high fidelity i low fidelity odgrywają bardzo różną rolę w tworzeniu udanych projektów, lepiej używać ich również do różnych zakupów lub na różnych etapach projektowania:

1.Dlaczego prototyp o niskiej wierności jest lepszy dla Ciebie na wczesnym etapie projektowania?

oczywiście prototyp low fidelity skupia się bardziej na koncepcjach na wysokim poziomie produktów końcowych i pomaga odkryć potencjalne problemy, a także rozwiązać je na bardzo wczesnym etapie.

pomaga upewnić się, że ty i twój zespół wybraliście i postępowaliście zgodnie z właściwym motywem i kierunkiem projektu przed rozpoczęciem kopania.

tak więc na wczesnym etapie projektowania, kiedy ty i twój zespół dążycie do szybkiego przełożenia pomysłów na wizualizowane prototypy, skrócenia iteracji i zebrania opinii użytkowników, prototyp o niskiej wierności jest znacznie lepszym wyborem.

krótko mówiąc, kiedy jest odpowiedni czas na użycie prototypu low-fi?

• kiedy pomysł projektowy pojawia się w twoim umyśle i chcesz szybko przekształcić go w konkretny model
• kiedy chcesz jak najszybciej omówić swoje pomysły projektowe z partnerami
• kiedy chcesz sprawdzić, czy pomysły projektowe są wykonalne i spełniają potrzeby użytkowników
• kiedy chcesz uzyskać informacje zwrotne od innych członków zespołu

dlaczego prototypowanie high fidelity jest lepsze dla Ciebie na końcowym etapie projektowania?

a następnie, ponieważ prototyp high fidelity często zwraca dużą uwagę na szczegóły i funkcje strony internetowej/aplikacji, często lepiej jest dla projektantów przetestować wykonalność projektów internetowych/aplikacji i przyciągnąć więcej użytkowników/interesariuszy na końcowym etapie projektowania.

krótko mówiąc, kiedy jest najlepszy czas na użycie prototypu high-fi?

• gdy projekt graficzny produktu został wykonany
• gdy chcesz przetestować szczegóły swojej strony/aplikacji, takie jak elementy interfejsu użytkownika, schematy kolorów i kopie stron itp
• gdy chcesz przetestować interakcję, przepływ pracy, przepływ użytkownika, animację przejścia, efekty wizualne lub podobne pomysły projektowe z pełnymi szczegółami interfejsu użytkownika
• gdy chcesz poznać opinie od inni projektanci i użytkownicy

jak wybrać odpowiednie narzędzie do prototypowania, aby uzyskać lepszy projekt?

bez względu na to, czy wybierzesz prototyp high fidelity, czy low fidelity, jedynym celem jest bardziej żywe przedstawienie fantastycznych pomysłów projektowych i zbudowanie doskonałych prototypów internetowych/aplikacji, prawda? Jeśli Twoja odpowiedź brzmi „tak”, następnym krokiem jest wybór odpowiedniego narzędzia do prototypowania.

ale nadal nie wiesz jak? Oto kilka wskazówek dotyczących referencji:

• Cena. Cena jest zawsze najważniejszym czynnikiem, aby wybrać narzędzie do prototypowania low-fi lub high-fi. Jednak nie jest to jedyny czynnik, który należy wziąć pod uwagę. Niska lub droga cena nic nie wskazuje. Potrzebujesz tylko tego, który najbardziej Ci odpowiada.
• krzywa uczenia się. Przy wyborze odpowiedniego narzędzia do prototypowania zawsze liczy się czas potrzebny Tobie i Twojemu zespołowi na nauczenie się nowego narzędzia. Tak więc, jeśli nie chcesz tracić czasu na odkrywanie nowych funkcji Narzędzia, najlepiej jest wybrać łatwiejszy.
• Obecnie istnieje wiele narzędzi do prototypowania, które zapewniają zupełnie inne funkcje. Aby wybrać najbardziej odpowiedni dla Ciebie i Twojego zespołu, najlepiej wiedzieć, jakie funkcje będą dokładnie potrzebne w procesie projektowania produktu. Dlatego konieczne jest wcześniejsze poznanie rzeczywistych potrzeb członków zespołu z różnych działów.
• praca zespołowa. Aby omówić pomysły projektowe i uzyskać informacje zwrotne od innych członków zespołu w odpowiednim czasie, większość projektantów/zespołów projektowych woli wybrać narzędzie do prototypowania, które wspomaga pracę zespołową. Też tego potrzebujesz? Jeśli tak, lepszym rozwiązaniem jest narzędzie, które pozwala Tobie i Twojemu zespołowi swobodnie komunikować się i współpracować online.
• wierność. Cóż, wybierając narzędzie do prototypowania, należy również wziąć pod uwagę wierność.
• Integracja. Innym czynnikiem, który należy wziąć pod uwagę, jest sprawdzenie, jak dobrze narzędzie do prototypowania pasuje do procesu projektowania. W dzisiejszych czasach, w przypadku, gdy użytkownicy muszą często przełączać narzędzia podczas projektowania, wiele narzędzi do prototypowania jest zintegrowanych z innymi narzędziami, takimi jak Sketch, PS, Facebook, Slack i inne.

Ogólnie rzecz biorąc, mam nadzieję, że te wskazówki pomogą Ci wybrać odpowiednie narzędzie.

3 najlepsze narzędzia do prototypowania o niskiej wierności

Oto 3 najlepsze narzędzia do prototypowania o niskiej wierności dla Twoich referencji:

Papier i długopisy

dzięki najszybszemu i prostemu narzędziu długopisy i papier pomogą łatwo i szybko narysować Twoje pomysły, a także ułatwią wewnętrzną dyskusję między członków zespołu. Nawet jeśli czasami muszę użyć oprogramowania do tworzenia prototypów do rysowania, Zwykle wolę używać długopisów i papieru, aby najpierw wyjaśnić moje pomysły.

plusy:

• całkowicie za darmo
• szybko
• Łatwy start

wady:

• brak inteligentnych interakcji i animacji
• nie możesz jasno pokazać wszystkich swoich pomysłów
• nie możesz dyskutować i testować każdego szczegółu

Mockplus

Mockplus jest potężnym narzędziem do prototypowania o niskiej wierności, które przyciąga wiele uwagi w ostatnich latach. Pozwala na łatwe tłumaczenie pomysłów projektowych na interaktywne prototypy,testowanie, udostępnianie i iterację. Funkcja współpracy zespołowej i zarządzania pomaga również bez wysiłku poprawić wydajność pracy.

plusy:

• Udostępnij ponad 200 gotowych komponentów i 3000 gotowych ikon
• twórz interakcje za pomocą prostego przeciągania i upuszczania
• Zapewnij wiele opcji eksportowania stron i prototypów
• Zapewnij liczne próbki i projekty
• Zapewnij wiele sposobów udostępniania i testowania prototypu online lub na urządzeniach mobilnych
• komunikuj się, komentuj i współpracuj z prototypem online
• zintegruj ze szkicem

cons:

• nie do końca darmowe

makiety Balsamiq

Basamiq to proste narzędzie do prototypowania o niskiej wierności, które pozwala na szkicowanie pomysłów projektowych bezpośrednio na tablicy. Jest to naprawdę przydatne, gdy skupiasz się tylko na strukturach i ogólnej koncepcji swojego projektu.

:

• Zapewnij wbudowaną ręcznie malowaną bibliotekę interfejsu użytkownika
• Eksportuj projekty bezpośrednio do obrazów PNG/PDF

wady:

• brak podstawowych interakcji podczas prototypowania projektów

2 najlepsze narzędzia do prototypowania O Wysokiej Wierności

Marvel App

Marvel app to potężne narzędzie do prototypowania o wysokiej wierności, które obsługuje tworzenie szkieletów, prototypów i makiet wspólnie online. Umożliwia bezpośrednie przesyłanie obrazów (w tym JPF, GIF i PSD) i dodawanie animacji do nich, aby szybko tworzyć interaktywne prototypy.

Mockplus Cloud

Mockplus Cloud to profesjonalne narzędzie do współpracy w zakresie projektowania online, które umożliwia menedżerom produktów, projektantom i programistom współpracę online z automatycznymi specyfikacjami, zasobami i fragmentami kodu.

jest również używany jako uniwersalne narzędzie do prototypowania wysokiej wierności. Możesz łatwo przesyłać projekty z zasobami i szczegółami specyfikacji ze Sketch / PS / Adobe XD i dodawać rozbudowane polecenia interakcji, aby tworzyć interaktywne i wierne prototypy.

W przypadku zespołu ds. produktu nowo utworzony prototyp można również udostępnić za pomocą jednego linku i uzyskać opinię w czasie rzeczywistym.

krótko mówiąc, w dzisiejszych czasach, aby przyciągnąć znacznie więcej użytkowników, stworzono wiele narzędzi do prototypowania, aby zaspokoić potrzeby jak największej liczby użytkowników. Wydaje się, że nie ma wyraźnej granicy między narzędziem do prototypowania low-fi i high-fi.

aby wybrać odpowiednie narzędzie do prototypowania, najlepiej dla Ciebie i Twojego zespołu wybrać więcej opcji narzędzi do testowania.

Wrap Up

bez względu na różnice w prototypowaniu low fidelity i high fidelity, jak i dlaczego wybierzesz prototypowanie low fidelity lub high fidelity dla lepszego projektu lub badań użytkowników, dobre narzędzie do prototypowania, takie jak łatwiejsze i szybsze, Mockplus, często oznacza wiele dla ciebie, aby stworzyć doskonałą stronę internetową/aplikację z pięknymi interfejsami i dobrymi doświadczeniami użytkownika. Mam nadzieję, że ten artykuł może cię zainspirować.

Możesz również polubić:

jakie narzędzia do prototypowania są potrzebne do projektowania UX?

jakie są zalety prototypowania? Jak to wykorzystać?

współpraca zespołowa narzędzi do prototypowania: Axure VS Mockplus

Wireframe vs Mockup vs Prototype & wybór narzędzi do prototypowania