Opanuj swoje rzemiosło dzięki tym najlepszym narzędziom UX

Posiadanie odpowiednich narzędzi UX może być kluczową różnicą między wspólnym, płynnym i ogólnie wysoce efektywnym przepływem pracy przy projektowaniu a przepływem pracy, który jest powolny, nieproduktywny i niemożliwy do odpowiedzialności.

Ważne jest, aby być na bieżąco z najnowszymi narzędziami i technologiami oraz poznawać ciekawe sposoby, w jakie projektanci mogą z nich korzystać, aby efektywniej tworzyć i współpracować. Niektóre narzędzia są bardziej efektywne niż inne, w zależności od wielkości zespołu, etapu procesu projektowania i wszelkich innych narzędzi, które są już częścią przepływu pracy.

Przyjrzyjmy się najlepszym narzędziom UX, od tworzenia szkieletów i prototypowania po badania i analizy UX, które pomagają zespołom robić niesamowite rzeczy w 2018 roku.

Projektowanie + prototypowanie + narzędzia do przekazywania projektów

InVision/InVision Studio

Platforma: web (integruje się ze Sketch i Photoshop) i macOS
Cena: od 13 USD/miesiąc dla osób indywidualnych lub 89 USD/miesiąc dla zespołów pięcioosobowych

Uwaga: cena dotyczy podstawowej aplikacji internetowej InVision, a nie InVision Studio, która jest bezpłatna.

InVision jest prawdopodobnie najpotężniejszym dotychczas narzędziem UX. Umożliwia projektantom Sketch i Photoshop importowanie ich statycznych ekranów i przekształcanie ich w dynamiczne prototypy, a interesariuszom oferowanie konstruktywnych informacji zwrotnych, które można następnie przekształcić w wykonalne, łatwe do wykonania zadania. Połącz to z testowaniem użytkowników i technologią współpracy z tablicami, a aplikacja internetowa InVision stanie się nieocenionym, naprawdę imponującym narzędziem.

W 2017 r. InVision udostępnił nowe funkcje przekazywania projektów, a teraz w 2018 r. InVision stał się kompletnym, kompleksowym rozwiązaniem, ponieważ wprowadza własne narzędzie do projektowania UX, Studio, które jest bezpłatne i zawiera zaawansowane funkcje animacji i prototypowania.

Dla zespołów, które chcą mieć w pełni zaopatrzony zestaw narzędzi w ramach jednej subskrypcji, InVision jest tutaj.

Cieśla konstrukcyjny

Platforma: macOS
Cena: 12 USD miesięcznie dla użytkowników indywidualnych lub od 250 USD miesięcznie dla zespołów trzyosobowych

Pod względem oferty Framer jest narzędziem, które najbardziej przypomina InVision, ponieważ oba łączą dojrzały interfejs sieciowy z zupełnie nowym narzędziem do projektowania UX. Sprowadza się to do osobistych preferencji z tymi dwoma, ale tam, gdzie Framer jest nieco tańszy dla osób fizycznych, InVision jest wyraźnie większym bratem, jeśli chodzi o współpracę projektową.

Figma

Platforma: WWW, macOS i Windows
Cena: bezpłatnie dla początkujących zespołów lub 12 USD/miesiąc

Figma wyróżniała się na tle innych na wczesnym etapie tworzenia jako wiodące narzędzie do projektowania dla wielu graczy, umożliwiając wielu projektantom pracę nad tym samym plikiem projektowym jednocześnie. Dzięki możliwości tworzenia responsywnych projektów i dodanym funkcjom przekazywania, imponujące jest to, jak zaoferowali te funkcje w Internecie, w wersjach macOS i Windows produktu.

Jeśli lubisz energiczny, oparty na współpracy proces projektowania, Figma jest dla Ciebie.

Adobe XD

Platforma: Windows i macOS
Cena: bezpłatnie za 1 prototyp lub 20,99 USD miesięcznie za nieograniczoną liczbę prototypów

Kiedy Sketch stał się narzędziem nr 1 do tworzenia szkieletów i projektowania interfejsów, Adobe prawie nie miał innego wyjścia, jak tylko przyznać, że Photoshop nigdy nie będzie narzędziem do projektowania interfejsu użytkownika, którego potrzebowali projektanci. Firma Adobe zdecydowała się udostępnić Adobe XD użytkownikom systemu Windows, w których nie było programu Sketch, a także wbudowała możliwość prototypowania przepływów użytkowników i sprawdzania projektów, pomagając doświadczonym projektantom zaznajomionym z ekosystemem Adobe trzymać się znanego przepływu pracy.

UXPin

Platforma: internetowa
Cena: od 8,10 USD miesięcznie za jednego użytkownika, z innymi opcjami dla zespołów

UXPin to kompletna platforma do projektowania produktów, oferująca wszystko, od projektowania, tworzenia szkieletów, prototypowania, współpracy, testowania użytkowników i przekazywania w ramach jednej aplikacji internetowej. Minusem jest to, że UXPin jest jednym z trudniejszych narzędzi w użyciu ze względu na liczbę funkcji, zagracony interfejs i (czasami) opóźnienie wydajności, które często prześladuje nieporęczne aplikacje internetowe. Jednak zespoły korporacyjne potrzebujące imponujących funkcji, takich jak systemy projektowania i możliwość korzystania z platform internetowych i technologii, takich jak Bootstrap i Google Fonts, nie powinny tego zbyt szybko przeoczyć.

Narzędzia do projektowania + prototypowania

Naszkicować

Platforma: macOS
Cena: 99 USD/rok

Photoshop przekazał koronę Sketchowi, który stał się wiodącym narzędziem do projektowania zarówno szkieletów, jak i projektowania interfejsów w 2015 roku, a od 2017 roku nadal przewodzi. Innowacyjne podejście Sketch do projektowania ekranów wprowadziło nieocenione funkcje, takie jak obszary robocze, symbole i eksporty, które następnie zainspirowały falę nowych narzędzi do projektowania, takich jak Adobe XD, Framer Studio i InVision Studio. To niezwykle intuicyjne (i lekkie) narzędzie wektorowe pomaga projektantom interfejsu użytkownika w iteracji znacznie szybciej niż kiedykolwiek wcześniej.

Oto jednak „ale” (i to duże ale): Sketch nie jest dostępny dla systemu Windows, a ich decyzja o zaimplementowaniu narzędzi dla projektantów prototypów na tak późnym etapie gry oznacza, że ​​ich konkurenci szybko przejęli ten rynek dzięki InVision będąc prawdopodobnie najbardziej dynamicznym dostępnym obecnie narzędziem do prototypowania. Chociaż funkcjonalność Sketch można dostosować za pomocą imponującego katalogu wtyczek (w tym integracji z takimi jak Flinto, Zeplin, Marvel, Principle, a nawet samych InVision), niektórzy projektanci mogą preferować bardziej natywne wrażenia dzięki tym funkcjom łatwo dostępnym poza skrzynka.

Podsumowując, Sketch doskonale nadaje się do tworzenia pomysłów i tworzenia szkieletów lub tych, którzy nie mają nic przeciwko uzupełnianiu swojego zestawu narzędzi, aby dodać lepsze narzędzia do prototypowania i współpracy.

Webflow

Platforma: internetowa
Cena: różne opcje skierowane do osób z jednej witryny, wielu witryn i zespołów

Webflow to edytor WYSIWYG dla współczesnego projektanta, który chce tworzyć responsywne strony internetowe bez kodu, a nawet je hostować, a wszystko to w ramach jednej subskrypcji. Webflow generuje czysty, semantyczny kod, dzięki czemu nie musisz tego robić, i zapewnia niezawodne funkcje, które pozwalają projektantom stron internetowych tworzyć wszystko, od statycznych witryn internetowych po sklepy eCommerce, w których nawet zawartość i zapasy są zarządzane z tego samego pulpitu nawigacyjnego.

Zasada

Platforma: macOS
Cena: 129 USD/rok

Chociaż bardziej jest to narzędzie do tworzenia prototypów niż narzędzie do projektowania, wysoko oceniana aplikacja Principle jest przeznaczona dla projektantów, którzy koncentrują się na prototypach o wysokiej wierności i wykorzystują animację na osi czasu, aby pomóc w projektowaniu zaawansowanych mikrointerakcji, których nie ma w programie Sketch i Adobe XD. Jeśli cechy projektu nie są wystarczająco wyrafinowane dla Twoich potrzeb, Principle integruje się z Sketch.

Narzędzia do prototypowania (tylko)

Flinto

Platforma: macOS
Cena: 99 USD/rok

Flinto przenosi przejścia i mikro-interakcje na wyższy poziom dzięki zaawansowanym narzędziom do animacji, w tym sprężynom i luzom, rotacji 3D, efektom przewijania, a nawet pozwala modnym projektantom eksportować animacje jako filmy, GIF-y i ujęcia Dribbble.

Chociaż Flinto koncentruje się wyłącznie na interakcjach związanych z prototypowaniem, robi to dobrze. Połącz z aplikacją Sketch, aby uzyskać najlepsze wyniki.

Origami

Platforma: macOS
Cena: za darmo/open source

Origami to narzędzie do prototypowania aplikacji opracowane przez zespół projektowy Facebooka. Chociaż jest podobny do Flinto (bez ceny), nie jest utrzymywany tak często, jak podobne narzędzia, a jego oparte na logice podejście do projektowania interakcji skutkuje bardziej stromą krzywą uczenia się.

Dla projektantów z ograniczonym budżetem Origami jest warte obejrzenia.

Prototypowanie + narzędzia do przekazywania projektów

Podziwiać

Platforma: internetowa
Cena: 0-12 USD/miesiąc dla osób indywidualnych lub 42-84 USD/miesiąc dla zespołów

Zespoły korporacyjne wymagające logowania jednokrotnego i funkcji przekazywania powinny zapytać bezpośrednio.

Marvel to narzędzie do tworzenia prototypów online znane z tego, że jest jednym z najłatwiejszych do opanowania, jednak kompromis polega na tym, że nie jest tak wyrafinowany jak InVision, jeśli chodzi o dynamiczne funkcje prototypowania i wymaga integracji ze Sketch, aby stać się kompletnym rozwiązaniem do projektowania + prototypowania . Biorąc to pod uwagę, integruje się z funkcją Lookback, przenosząc testy użytkowników do stołu i zawiera funkcje przekazywania projektów.

Marvel pozwala również zespołom (nawet nieprojektantom) wybrać obszar roboczy i zilustrować pomysł o niskiej wierności za pomocą kształtów i tekstu, co czyni go idealnym do sprintów projektowych (zwłaszcza, że ​​pozwala również użytkownikom konwertować prototypy papierowe na prototypy Marvela o niskiej wierności).

Narzędzia przekazywania projektu (tylko)

Zeplin

Platforma: internetowa
Cena: za darmo za jeden projekt, 17 USD/miesiąc i 26 USD/miesiąc za trzy i 12 projektów z szacunkiem

W przypadku dużych organizacji opcja 7,65 USD/użytkownika miesięcznie oferuje bardziej zaawansowane uprawnienia użytkownika oraz możliwość kopiowania stylów koloru i tekstu między projektami.

Zeplin konsekwentnie przewyższał konkurentów Sympli i Avocode, gdzie ostatnio dodał integracje Adobe XD i Figma wraz z już istniejącymi integracjami Sketch i Photoshop CC. Podczas gdy wiele narzędzi typu „wszystko w jednym” dodało do swojej listy funkcji przekazywanie projektu, Zeplin wypełnia lukę dla narzędzi, które tego nie zrobiły (Sketch, Photoshop) oraz tych, które wciąż eksperymentują z funkcjami przekazywania (Adobe XD, Figma).

Szkielet + narzędzia do prototypowania

Axure

Platforma: Windows i macOS
Cena: 29 USD/49/99 USD/użytkownik/miesiąc odpowiednio dla użytkowników Pro/Team/Enterprise

Jednorazowe zakupy Axure RP 8 są również dostępne od 495 USD.

Axure został stworzony specjalnie do projektowania makiet i wstępnych prototypów i jest wyposażony w funkcje, które sprawiają, że tworzenie opartych na danych, dynamicznych i adaptacyjnych makiet jest tak łatwe, że zapomnisz, że jest to narzędzie bez funkcji prototypowania UX o wysokiej wierności. Dla projektantów skupiających się wyłącznie na modelach szkieletowych i prototypowaniu, Axure jest najlepszym wyborem, używanym przez 87% firm z listy Fortune 100.

Justinmind

Platforma: Windows i macOS
Cena: 19 USD/użytkownik/miesiąc lub 39 USD/użytkownik/miesiąc w przypadku zespołów korporacyjnych

Justinmind nie otrzymuje wystarczającej miłości do tego, co oferuje, czyli zaawansowanego prototypowania UX, współpracy, kilku podstawowych narzędzi projektowych, a także ponad 500 widżetów internetowych i mobilnych do tworzenia szkieletów. Wireframing nie jest czymś, na czym koncentruje się wiele konkurencyjnych aplikacji do prototypowania, co czyni Justinmind jednym z niewielu narzędzi UX, które to robią.

Narzędzia do tworzenia szkieletów (tylko)

OmniGraffle

Platforma: macOS
Cena: 100 USD lub 200 USD za licencję Pro

OmniGraffle to narzędzie do tworzenia szkieletów z funkcjami tworzenia diagramów, przydatne w aplikacjach i witrynach internetowych, w których przepływ użytkownika lub architektura informacji mogą wymagać większej uwagi. Jako natywna aplikacja macOS interfejs jest bardzo przyjazny, dzięki czemu jest łatwym do opanowania narzędziem UX.

OmniGraffle ma bardzo przydatną funkcję: „szablony”, które są gotowymi do użycia, przeciąganymi i upuszczanymi komponentami projektowymi wielokrotnego użytku w „bibliotece szablonów”, której projektanci mogą używać do tworzenia makiet, makiet, a nawet ostatecznych projektów wizualnych. Użytkownicy mogą tworzyć własne biblioteki, a w Internecie dostępne są do pobrania tysiące bibliotek szablonów, z których wiele jest bezpłatnych, co oszczędza czas i wysiłek.

Graffletopia to jedna z największych internetowych przechowalni szablonów, zawierająca mieszankę bibliotek darmowych i płatnych. Dzięki ponad 1100 szablonom Graffletopia oferuje szablony do każdego zastosowania — projektowania aplikacji mobilnych, witryn internetowych, diagramów sieciowych, schematów blokowych i nie tylko.

Balsamiq

Platforma: WWW, macOS i Windows
Cena: od 90 USD/użytkownika/rok za dostęp do chmury lub 89 USD za aplikacje komputerowe

Balsamiq to przeciwieństwo Justinmind, skupiające się bardziej na wireframingu niż prototypowaniu. Ich wbudowane elementy interfejsu użytkownika wykorzystują naszkicowaną estetykę wizualną, aby zachęcić do burzy mózgów i są przeznaczone wyłącznie dla menedżerów produktu i programistów, a także projektantów szkieletów, dzięki czemu całe zespoły mogą być częścią procesu projektowania na wczesnym etapie.

Narzędzia do badania i testowania UX

Przegląd

Platforma: internetowa
Cena: 49 USD/użytkownik/miesiąc lub 99 USD/użytkownik/miesiąc w zależności od funkcji

Lookback wprowadza moderowane testy użytkowników na żywo do procesu projektowania UX, umożliwiając projektantom rejestrowanie twarzy, ekranu i głosu każdego na świecie. W przypadku zespołów używających Marvela jako narzędzia do prototypowania, Lookback integruje się z nim bezproblemowo.

Testowanie użytkowników

Platforma: internetowa
Cena: 49 USD/test (min. 15 testów), z dostępnymi opcjami dla przedsiębiorstw

UserTesting jest podobny do Lookback pod względem funkcji. Chociaż jest to wspaniałe samodzielne narzędzie do testowania użytkowników z ogromnym repertuarem doświadczonych testerów użytkowników (z Marvelem musisz sam znaleźć testerów użytkowników), UserTesting bezproblemowo integruje się również z InVision.

Eyequant

Platforma: internetowa
Cena: 499 USD miesięcznie dla osób fizycznych, 999 USD miesięcznie dla 10-osobowych zespołów (+ opcje dla przedsiębiorstw)

Eyequant wykorzystuje uczenie maszynowe, aby pomóc zespołom w podejmowaniu lepszych decyzji projektowych i usprawnianiu działań związanych z CRO. Jego wysoka cena może zniechęcić niektórych klientów, ale ci, którzy inwestują, przechodzą szkolenie w zakresie symulacji użytkowników, analizowania wskaźników, jak najlepszego wykorzystania testów A/B i nie tylko.

Hotjar

Platforma: internetowa
Cena: zmienna cena w zależności od dziennej liczby odsłon

Hotjar ułatwia zespołom optymalizację doświadczeń użytkowników, łącząc opinie użytkowników z analizami, mapami ciepła, mapami kliknięć, mapami przewijania i nagraniami odwiedzających. Tam, gdzie mapy popularności i mapy kliknięć pokazują, gdzie użytkownicy poruszają się i klikają odpowiednio myszą, mapy przewijania wskazują, w którym momencie użytkownicy mogą tracić zainteresowanie.

Szalone Jajko

Platforma: internetowa
Cena: od 29 USD miesięcznie za 20 000 odsłon

Podobnie jak Hotjar, Crazy Egg służy do optymalizacji doświadczeń użytkowników i współczynników konwersji poprzez analizę zachowań użytkowników za pomocą map popularności i nagrań odwiedzających, chociaż zawiera również łatwe w użyciu narzędzia do testowania A/B, które pomagają rozszyfrować, co działa, a co nie.

Optymalny warsztat

Platforma: internetowa
Cena: 166 USD za użytkownika miesięcznie, z dostępnymi opcjami bezpłatnymi i korporacyjnymi

Optimal Workshop to zestaw narzędzi do badania użytkowników skupiający się na sortowaniu kart, ankietach, testowaniu drzew, testowaniu pierwszego kliknięcia i odkrywaniu danych jakościowych.

Narzędzia analityczne

Google Analytics

Platforma: internetowa
Cena: gratis

Chociaż Google Analytics nie oferuje najbardziej inspirującego ani najbardziej użytecznego interfejsu, dostarcza sporą ilość danych dla bezpłatnego narzędzia, co czyni go odpowiednim punktem wyjścia do badania użytkowników i zdobywania informacji, które możesz chcieć zbadać dalej w innym narzędziu .

Mixpanel

Platforma: internetowa
Cena: od 99 USD za 1 milion punktów danych, z dostępnymi opcjami bezpłatnymi i korporacyjnymi

Mixpanel umożliwia każdemu, od kadry kierowniczej po prostych współpracowników, wykorzystanie danych do podejmowania bardziej strategicznych decyzji. Dzięki bardziej przyjaznemu interfejsowi w porównaniu do Google Analytics projektanci mogą uznać, że łatwiej jest analizować podróże użytkowników, uczyć się, w jaki sposób użytkownicy korzystają z produktu, a także rozszyfrowywać złożoną analizę behawioralną za pomocą Mixpanel.

Pendo

Platforma: internetowa
Cena: cena jest ustalana na podstawie liczby użytkowników i wymaganych funkcji

Pendo, z dużo prostszym interfejsem w porównaniu z większością innych narzędzi analitycznych, pozwala projektantom śledzić NPS (wynik promotora netto), segmentować użytkowników, optymalizować ścieżki i ścieżki użytkowników oraz wszystko, czego można oczekiwać od najlepszego narzędzia do analizy witryn. Poza tym projektanci mogą dostarczać ukierunkowane ogłoszenia, pomoc kontekstową i dostosowane doświadczenia oparte na śledzonych danych.

Wniosek

Wybór odpowiednich narzędzi UX wymaga starannego rozważenia. Musimy wziąć pod uwagę koszty, wymagany poziom współpracy z innymi projektantami i interesariuszami, platformę i wszelkie inne narzędzia, z którymi możemy potrzebować integracji, aby utrzymać płynny przepływ pracy. Gdy już zawęzisz wybór, zapisz się na bezpłatne wersje próbne i rozważ przeprowadzenie pięciodniowego sprintu projektowego w celu przetestowania wód.