Adobe XD kontra Sketch – które narzędzie UX jest dla Ciebie odpowiednie?

Projektant UX potrzebuje wielu narzędzi, aby ukończyć wiele etapów przepływu pracy UX, od badań, przez projektowanie, po prototypowanie i przekazanie. Jeśli pracujesz na komputerze, prawdopodobnie prześladuje Cię ciągła wzmianka o Sketchu, popularnym, usprawnionym edytorze grafiki wektorowej z niezliczonymi przydatnymi wtyczkami, który szybko staje się standardem branżowym — ale dostępnym tylko w systemie Mac OS . Oznacza to, że jeśli nie masz komputera Apple, jesteś pominięty. Ale teraz Adobe aktywnie pracuje nad odpowiednim międzyplatformowym konkurentem Sketch (i sobowtórem?), po latach nieobecności: Adobe XD.

Co to jest Adobe XD?

Adobe Experience Design CC lub Adobe XD to lekki edytor grafiki wektorowej i narzędzie do prototypowania, które zostało ogłoszone na targach Adobe MAX 2015 jako Project Comet. Oprogramowanie zostało uruchomione w wersji zapoznawczej w marcu 2016 roku w ramach usługi Creative Cloud, a obecnie znajduje się w fazie beta i prawie co miesiąc otrzymuje aktualizacje.

Wcześniej firma Adobe pracowała nad dodaniem funkcji dla projektantów UX w swoich uznanych narzędziach, takich jak Photoshop i Illustrator. Chociaż oba są świetnymi programami, nie są ani lekkie, ani usprawnione do tego typu pracy. Z biegiem lat — a zwłaszcza po wycofaniu w 2013 r. Adobe Fireworks (klasycznego internetowego narzędzia do prototypowania przejętego od firmy Macromedia) — coraz więcej projektantów UX uważało, że Creative Cloud nie spełnia oczekiwań rynku. Więc przeskoczyli do Sketch (jeśli mieli Maca). Chociaż odpowiedź Adobe na ten masowy exodus była nieco spóźniona (Bohemian Coding uruchomiła Sketch całe 6 lat temu), warto poczekać, zwłaszcza jeśli ograniczyłeś się do używania mniej odpowiednich narzędzi na swoim komputerze. Porównajmy Adobe XD i Sketch

Interfejs użytkownika i ekskluzywne funkcje

Po otwarciu Adobe XD pierwsze wrażenie, jakie odniesiesz, jest takie, że interfejs jest bardzo znajomy, zarówno dla użytkowników programu Sketch, jak i długoletnich fanów Adobe. Firma Adobe odeszła od oczekiwanych ciemniejszych przycisków i menu Creative Cloud i zdecydowała się zaoferować to, co najlepsze z dwóch światów. W przeciwieństwie do Szkicu, po lewej stronie ekranu zobaczysz zestaw narzędzi, ale także panel wyższych warstw i właściwości dynamiczne po prawej stronie, jak widać na Szkicu. Jest prosty w użyciu i łatwy do nauczenia, bez względu na to, jakiego narzędzia używałeś wcześniej.

Powtórz siatkę

Adobe XD ma również zestaw unikalnych funkcji, takich jak Repeat Grid, narzędzie, które umożliwia replikację grupy obiektów, takich jak karta Material Design, ze zmiennymi danymi i konfigurowalnymi odstępami między kopiami.

Prototypowanie

W XD możesz stworzyć interaktywny prototyp bez konieczności używania wtyczek innych firm, tak jak w programie Sketch. Edytor prototypów firmy Adobe umożliwia projektantom wizualne łączenie obszarów interaktywnych z innymi ekranami za pomocą przewodów i konfigurowanie przejść. Po przygotowaniu interaktywnego prototypu możesz opublikować i udostępnić prototyp, który można przeglądać w Internecie lub w aplikacji mobilnej Adobe XD. Jednak prototypy XD nie obsługują jeszcze gestów ani stałych sekcji, takich jak nagłówki, co jest możliwe w InVision i innych narzędziach przeznaczonych tylko do prototypowania, które łączą się ze Sketch.

Panel zasobów

W aktualizacji z sierpnia 2017 r. firma Adobe dodała panel Zasoby, sprytny sposób na połączenie interaktywnego przewodnika po stylach z kolorami, stylami znaków i symbolami. Po zmianie czegoś w panelu Zasoby następuje każde użycie zasobu w kompozycji. Sketch ma również zmienne kolorów, style znaków i symbole, ale każdy z nich znajduje się w osobnym panelu.

Firma Adobe ogłosiła na blogu produktowym niektóre z kolejnych funkcji, które pojawią się w XD. Jedna z nich rozszerza funkcję Assets, umożliwiając projektantowi opublikowanie przewodnika po stylu projektu z czcionkami, zasobami i kodami szesnastkowymi kolorów, które można pobrać, wraz z interaktywnym prototypem i funkcją kontroli dla dewelopera badania elementów wewnątrz prototypu. Nazywa się to „przekazaniem dla programistów” i jest już możliwe w Sketch (i Photoshopie) przy użyciu wtyczek takich jak Zeplin. Inną przyszłą funkcją, która będzie dokuczana, jest współpraca w czasie rzeczywistym wewnątrz XD, coś, co przypomina funkcję współpracy obecną w Dokumentach Google i już dostępną w innych narzędziach do projektowania UX, takich jak Figma.

Sketch (i jego wtyczki) a Adobe XD

Kiedy zobaczysz szerszy obraz, staje się jasne, że Adobe zamierza sprawić, aby XD nie tylko robił wszystko, co Sketch robi jako narzędzie do grafiki wektorowej, ale także jego wtyczki, obejmujące cały przepływ pracy przy projektowaniu UX. Od projektu, przez prototypowanie, aż po przekazanie, Adobe XD będzie prawdopodobnie najlepszym narzędziem do projektowania UX, ale co z dzisiejszym?

Czy nadszedł czas na zmianę?

Adobe XD jest przede wszystkim dla użytkowników systemu Windows (którzy nie mogą korzystać ze Sketcha tylko dla macOS) i obecnych subskrybentów Adobe Creative Cloud (którzy nie musieliby płacić więcej za XD oprócz Photoshopa, Illustratora itp.).

Wielu projektantów UX już robi skok, albo dlatego, że są subskrybentami Creative Cloud nawet na macOS, albo ponieważ wierzą, że XD będzie kolejnym standardem i są zadowoleni z obecnego zestawu funkcji. Jeśli jesteś doświadczonym użytkownikiem Sketch, będziesz cieszyć się ogólnie lepszym interfejsem, unikalnymi funkcjami XD, ale będziesz musiał również poradzić sobie z obecnymi ograniczeniami i brakiem obsługi wtyczek. W każdym razie spróbuj i podziel się z nami swoimi wrażeniami!

• • •

Dalsza lektura na blogu Toptal Design:

• eCommerce UX – przegląd najlepszych praktyk (z infografiką)
• Znaczenie projektowania zorientowanego na człowieka w projektowaniu produktu
• Najlepsze portfolio projektantów UX – inspirujące studia przypadków i przykłady
• Zasady heurystyczne dla interfejsów mobilnych
• Projekt przewidujący: jak tworzyć magiczne doświadczenia użytkownika