Precyzyjne projektowanie — recenzja Adobe XD

Gdy kończymy rok 2018 i wkraczamy w rok 2019, przyjrzyjmy się aktualnemu stanowi branży projektowej, roli projektanta, narzędziom do projektowania UX i przepływowi pracy.

Projektanci mogą wybierać spośród wielu narzędzi do projektowania UX, od budowania spójnego systemu projektowego po projektowanie przepływów dla kolejnych innowacji w urządzeniu lub prototypowanie złożonych interfejsów do testowania przez użytkowników. Niezależnie od tego, czy jest to jeden z bardziej popularnych programów, takich jak Sketch, internetowa Figma, dynamicznie rozwijający się Adobe XD, czy nowo wprowadzony program InVision Studio — znajomość odpowiednich narzędzi do projektowania UX, w tym ta recenzja Adobe XD, przyspieszy proces projektowania produktu.

Wybór odpowiedniego narzędzia do projektowania UX

Patrząc na narzędzia używane przez projektantów, należy zauważyć, że obowiązki projektantów stale się zmieniają i rozszerzają. Jeszcze 6-7 lat temu niewiele osób w ogóle rozumiało, co robił projektant doświadczenia użytkownika. W dzisiejszych czasach oczekuje się, że każdy projektant wykona przynajmniej jakieś badania użytkowników, prototypowanie i analizę konkurencyjną.

Te zmiany wpływają na to, jak projektanci muszą patrzeć na swój przepływ pracy, wiedzę domenową, techniki i narzędzia. Klienci oczekują dziś nie tylko dopracowanego produktu końcowego, ale także wszystkiego, od tworzenia szkieletów, przez prototypowanie, po płynnie animowany interfejs użytkownika.

Poszerzanie obszaru specjalizacji to nie tylko sposób na zarobienie większych pieniędzy — to wymóg pracy. Nowe procesy projektowania produktów zwykle oznaczają nowe narzędzia, co oznacza, że ​​projektanci muszą spędzać czas na nauce ich obsługi – dlatego pojawianie się nowych narzędzi do projektowania tak bardzo przyspieszyło w ciągu ostatnich kilku lat.

Czasy projektantów, którzy polegali na Photoshopie jako głównym narzędziu do projektowania, już dawno minęły. Teraz trwa wyścig o platformy oprogramowania do projektowania, które przyciągną zarówno początkujących, jak i profesjonalistów. Sketch jest głównym graczem od kilku lat, a Figma, otrzymawszy wsparcie finansowe w wysokości ponad 46 milionów dolarów, nadrabia zaległości w swoim internetowym, interaktywnym narzędziu do prototypowania.

Niedawno platforma prototypowa InVision zdecydowała się wkroczyć w przestrzeń z własnym narzędziem projektowym, InVision Studio. Nie poruszało się tak szybko, jak wszyscy się spodziewali, więc chociaż Studio wydaje się całkiem solidne, wciąż jest nieco rozczarowujące i notorycznie błędne, pomimo początkowego szumu.

Po tak długim zdominowaniu świata projektowania cyfrowego, Adobe jest w tyle w wyścigu o najlepsze narzędzie do projektowania UX/UI. Nie mając luksusu pozostania w tej pozycji przez długi czas… wejdź do Adobe XD. Choć trochę spóźniony do wyścigu, Adobe XD zyskał na popularności i stał się obiecującym pretendentem od premiery w 2016 roku.

Recenzja Adobe XD: funkcje i zalety

Niektórzy mogą powiedzieć, że gigant branżowy, taki jak Adobe, jest dinozaurem i nie jest tak zwinny, jak jego młodsi konkurenci. Jednak firma taka jak Adobe ma zasoby do szybkiej ewolucji, a także stabilność finansową, dzięki której opanowanie Adobe XD byłoby dobrą inwestycją. To ogromna zaleta, która sprawia, że ​​Adobe XD jest bardzo wartościowy i potencjalnie będzie wiodącym narzędziem do projektowania UX w przyszłości.

Zanim przejdziemy do przeglądu funkcji Adobe XD, zatrzymajmy się i zapytajmy: „czy warto poświęcić czas na poznanie nowego narzędzia, które zapewnia podobną funkcjonalność do narzędzi, które już znamy?” Aby odpowiedzieć na to pytanie, spójrzmy na cztery kryteria: cena, łatwość użytkowania, ekosystem i udział w rynku.

Cena £

Jednym z czynników wczesnego sukcesu ulubionych produktów z branży, takich jak Sketch i Figma, była ich względna przystępność cenowa. Adobe XD jest częścią subskrypcji Adobe Creative Cloud, która daje dostęp do ponad 20 aplikacji, takich jak Photoshop, Illustrator, Premiere Pro itp. za 50 USD miesięcznie, więc trudno jest oddzielić cenę konkretnie dla tego produktu. Jeśli nie masz już subskrypcji, usprawiedliwienie wydatków na wypróbowanie nowego narzędzia może być trudne.

Jednak w maju 2018 r. Adobe ogłosił plan startowy, który umożliwia korzystanie z Adobe XD za darmo! Ogranicza się tylko do jednego aktywnego projektu, ale jest to doskonały sposób na przetestowanie wód i wypróbowanie wszystkiego, co ma do zaoferowania.

Łatwość użycia

Większość projektantów cyfrowych korzystała w pewnym momencie z aplikacji Adobe i zna ogólny interfejs: panel narzędzi po lewej, główny obszar pośrodku, warstwy itp. po prawej. Piękno Adobe XD polega na tym, że od razu poczujesz się jak w domu. Krzywa uczenia się jest lekka i występuje głównie w przypadku bardziej złożonych systemów projektowych i nadpisań symboli.

Podobnie jak podobne narzędzia, Adobe XD obsługuje złożone systemy projektowania i biblioteki symboli. Zawiera również intuicyjne narzędzia do łatwego łączenia ekranów i tworzenia interaktywnych prototypów, które można wykorzystać w testach użytkowników bez konieczności pisania kodu. Niedawna wersja automatycznej animacji jeszcze bardziej ułatwia prototypowanie bogatych interakcji, automatycznie animując mikro-interakcje w obszarach roboczych w programie Adobe XD.

Ekosystem

Posiadanie Adobe XD w ekosystemie Adobe jest jednym z jego najmocniejszych punktów sprzedaży, ponieważ prawdopodobnie masz już Creative Cloud lub korzystasz z innych produktów Adobe co tydzień. Od wektorów po zdjęcia, pakiet produktów Adobe zawiera dedykowane narzędzie dla większości potrzeb projektantów, które będzie działać całkiem sprawnie z Adobe XD.

Udział w rynku

W 2017 roku Adobe XD miał przeciętną pozycję na rynku i nie mógł przyćmić dominacji Sketcha. Szybko do przodu dwa lata, a Adobe szybko nadrabia zaległości (z ponad 12 milionami subskrybentów Creative Cloud) i wykazuje duży potencjał do kontynuowania szybkiego wzrostu.

Wracając do pytania, czy warto poświęcić czas na naukę nowego narzędzia do projektowania, można o tym pomyśleć w ten sposób: jeśli masz młotek, możesz wbić gwóźdź, ale nie możesz wykręcić śruby – i nigdy wiedz, kiedy będziesz musiał wykręcić śrubę. Wraz ze wzrostem popularności Adobe XD, rosną szanse na spotkanie zespołu lub klienta, który polega wyłącznie na produktach Adobe. Im więcej narzędzi projektant ma w swoim zestawie, tym więcej projektów projektowych będzie w stanie wykonać i z tym większą liczbą zespołów będzie w stanie efektywnie pracować.

Rosnąca lista funkcji i wtyczek Adobe XD

„Dzięki integracji z Creative Cloud możemy sprawić, że nasi klienci będą szczęśliwsi i bardziej produktywni, łącząc ich bezproblemowo ze wszystkimi usługami, z których korzystają, oraz nieskończoną ilość narzędzi, które rozszerzają nasze aplikacje w zaawansowane i niestandardowe sposoby” – Vijay Vachani, dyrektor, dyrektor Partner Platform & Ecosystem, Adobe Creative Cloud.

Choć może się wydawać „lekki i prosty”, interfejs programu Adobe XD obsługuje złożone systemy projektowe i biblioteki symboli, umożliwiając projektantom łatwe tworzenie i aktualizowanie skomplikowanych projektów. Równie ważne w procesie projektowania i testowania przez użytkowników są wyrafinowane narzędzia do tworzenia prototypów i animacji XD. Gdy projektant jest gotowy do uzyskania opinii o projektach, wtyczki UserTesting i Userlytics pozwalają mu to zrobić bez opuszczania programu.

Stworzenie najlepszego narzędzia do projektowania UX, które będzie miało wszystkie właściwe funkcje, jest tym, do czego dążą firmy takie jak InVision, Adobe i inne. Zadanie jest ogromne i skomplikowane, więc jednym ze sposobów osiągnięcia tego celu jest tworzenie wtyczek przez platformy (i zachęcanie innych do tego samego).

Niedawne ogłoszenie przez firmę Adobe funduszu projektowego o wartości 10 milionów dolarów na ten właśnie cel dowodzi, jak ważne jest wspieranie wtyczek i zachęcanie programistów do ich tworzenia. Podczas niedawnej konferencji Adobe MAX pojawiło się kilka ważnych ogłoszeń dotyczących wtyczek, zestawów interfejsu użytkownika i integracji aplikacji w celu rozszerzenia narzędzia Adobe XD.

Chociaż Sketch to świetne narzędzie do projektowania, to, co czyni go naprawdę świetnym, to dostępność wtyczek innych firm, takich jak Runner, Color Accessibility Check, Magic Mirror, Auto Animate itp. Adobe XD przyspiesza swoją grę dzięki wtyczkom, takim jak RenameIt, Pixel Perfect , Generator danych itp. oraz integracje z Trello, Dribbble, Arkuszami Google itp.

Przeznaczając pieniądze na hosting i wspierając wschodzące talenty w Adobe Creative Residency, firma Adobe zachowuje ważną zaletę swojego ekosystemu. Innym kluczowym elementem przyszłego sukcesu jest coś innego, co zespół Adobe XD robi dobrze — słuchanie użytkownika końcowego i angażowanie go w proces rozwoju poprzez zapraszanie go do sugerowania i głosowania kolejnych funkcji, które mają zostać opracowane.

Od samego początku Adobe XD był pozycjonowany jako „produkt od projektantów do projektantów” i wiernie trzymają się tego kursu. Co miesiąc wprowadzane są nowe zestawy funkcji. Na przykład w ciągu ostatnich kilku miesięcy firma Adobe wprowadziła nowe funkcje Adobe XD, takie jak responsywna zmiana rozmiaru, czasowe przejścia, sprawdzanie pisowni, integracja z Jira i inne.

Firma Adobe ogłosiła również niedawno dodanie prototypu głosu do zestawu narzędzi Adobe XD. Nie jest to najbardziej oczywista funkcja, jakiej można oczekiwać od narzędzia do projektowania interfejsu użytkownika na ekranie, ale interfejsy poleceń głosowych stają się coraz bardziej powszechne.

Od Siri po Alexę i inne doświadczenia poza ekranem, interakcja głosowa zyskuje na popularności. Unikalne prototypowanie głosu Adobe XD daje projektantom przewagę, aby nadążyć za tym szybko rosnącym trendem.

Rozszerzanie Przybornika Projektanta

Projektanci pracujący z różnymi firmami i nad różnymi projektami najprawdopodobniej będą potrzebować szerokiego spektrum umiejętności rozwiązywania problemów. Szerszy zestaw narzędzi do projektowania może być dużą przewagą nad innymi potencjalnymi kandydatami. Jest to szczególnie ważne dla freelancerów, którzy mogą pracować z różnymi klientami co kilka miesięcy – prędzej czy później pojawi się projekt wymagający specjalistycznej wiedzy na temat konkretnego narzędzia projektowego. Nieznajomość tego narzędzia może oznaczać utratę potencjalnego zaangażowania.

Istnieje pewna dyskusja na temat tego, czy projektant powinien skupić się na poszerzaniu swojego repertuaru, czy na doskonaleniu określonej specjalizacji. Program Adobe XD jest szybki, bezpłatny i łatwy do nauczenia — nic nie straconego, jeśli zdecydujesz się na zanurzenie i rozszerzenie swojej wszechstronności.

Dalsza lektura na blogu Toptal Design:

• Najlepsze narzędzia UX (z infografiką)
• Figma vs. Sketch vs. Axure — przegląd zadaniowy
• Projektowanie VUI – głosowy interfejs użytkownika
• Najlepsze portfolio projektantów UX — inspirujące studia przypadków i przykłady
• Łatwe prototypowanie — samouczek InVision Studio