Sketch, dobro uspostavljeni alat za dizajn, doživio je fenomenalan rast od svog predstavljanja 2010. Godine 2016. Adobe je predstavio XD kao strašnog konkurenta. Nakon gotovo tri godine razvoja, nudi li Adobe XD dovoljan izazov dizajnerima da razmotre promjenu?

Proces dizajniranja UX složen je i zahtijeva upotrebu određenih alata, metodologija i okvira. Istraživanje, analiza korisnika, postavljanje žičanih okvira, makete, iteracija, testiranje upotrebljivosti i izrada prototipa korisničkog sučelja samo su neki od artefakata i procesa s kojima dizajneri rade dok komuniciraju s programerima, dionicima i ostalim članovima tima.

Dva su široko priznata dizajnerska alata na koja se oslanjaju UX dizajneri Adobe XD i Skica .

Sketch je postao de facto standard za veliku većinu digitalnih dizajnera zbog svog jednostavnog sučelja, opsežnog broja dodataka, cjelovite funkcionalnosti alata i čestih ažuriranja.

Dok je Sketch postao sredstvo izbora za UX dizajneri , Adobe, dugo poznat po nagrađivanom softveru za dizajn i dubokim vezama s dizajnerskom zajednicom, nije imao sličnu mogućnost. Imali su Photoshop, Illustrator i Fireworks, ali dizajneri nisu imali apetita za korištenje tri alata za izvršavanje zadataka koje je Sketch mogao pružiti u jednoj aplikaciji.

Adobe je 2016. predstavio XD (Experience Design). Ozbiljan kandidat za Sketch, morali su još puno toga nadoknaditi. U to je vrijeme Sketch imao šest godina, imao je široku bazu korisnika i čitav ekosustav dodataka, što ga čini moćnim alatom za dizajn. Rivalstvo je eskaliralo u sljedeće dvije godine i Adobe XD izrastao je od okretnog konkurenta do visoko cijenjenog dizajnerskog alata koji je osvojio mnoge profesionalne dizajnere.

Blog dizajna ApeeScape objavio je članak o Sketch vs Adobe XD 2017. godine kada je još bio u beta verziji. Sada, dvije godine kasnije, Adobe XD vidio je više revizija s jasnim ciljem: ponuditi sve što UX dizajneru treba nativno i uz izvrsne performanse.

Je li vrijeme da UX dizajneri prijeđu sa Sketcha na Adobe XD?

Adobe XD vs Sketch

Istražimo kako se Adobe XD uspoređuje sa Sketchom. Usporedit ćemo sljedeće značajke:

• Korisničko sučelje
• Ponovite mrežu
• Simboli i paneli imovine
• Responzivni alati za dizajn
• Dodaci i dodaci
• Izrada prototipa s automatskom animacijom
• Dijeljenje i komentari
• Rad s programerima
• Kontrola verzija i suradnja u stvarnom vremenu

Korisničko sučelje

Dizajneri koji su upoznati s alatima poput Photoshopa ne bi trebali imati problema s učenjem Adobe XD ili Sketch jer svi dijele slično korisničko sučelje.

Jedna značajna razlika u korisničkom sučelju je odsutnost a Alatna traka u Adobe XD. Alatna traka, smještena na vrhu korisničkog sučelja, korisna je značajka u programu Skica s prilagodljivim prečacima do često korištenih funkcija i alata, poput grupiranja objekata. Adobe nudi sličnu, smanjenu značajku nazvanu kutija s alatima , koji se nalazi na desnoj strani softvera.

Skica vs XD : Skica ima prednost za korisnu alatnu traku.

Ponovite mrežu

Značajna značajka u Adobe XD je mreža ponavljanja. Ovo je praktičan alat koji omogućuje lako stvaranje prilagodljivih popisa i zaslona zasnovanih na mreži. Iako Sketchu nedostaje ova značajka, može se više ili manje preslikati pomoću dodataka.

Skica vs XD : Adobe XD ima prednost s mrežom za ponavljanje koja je izvorna za softver.

Simboli i paneli imovine

Simboli su rano obilježje koje je imalo značajan doprinos uspjehu Skice. Simboli su Sketch kao CSS (Cascading Style Sheets) dizajn web stranica. Omogućuju dizajnerima lako ponovnu upotrebu i masovno uređivanje materijala što štedi puno vremena, pomaže u stvaranju gotovog sustava dizajna i osigurava dosljednost na svim zaslonima.

Adobe je započeo s osnovnim simbolima, a zatim predstavio ploča imovine koja je kombinirala simbole, fontove i boje na jednom mjestu. Uređivanje bilo kojeg od ovih elemenata prikazuje rezultirajuća ažuriranja u stvarnom vremenu. Sketch ima ove značajke, ali Adobe XD pružio je kohezivnije i poboljšano korisničko iskustvo.

Skica vs XD : Adobe XD ima blagu prednost zbog kombiniranih elemenata korisničkog sučelja unutar ploče s imovinom.

Responzivni alati za dizajn

Adobe XD nudi robustan set alata za brzi dizajn. Jedna istaknuta značajka, responzivna auto mode , pretpostavlja kako bi zaslon trebao reagirati na različite veličine uređaja.

Ovo je nevjerojatno korisna značajka koja se može uključiti i isključiti jednostavnim klizačem. Ako automatski način rada ne ispunjava očekivano ponašanje, dizajner može ručno promijeniti svojstva odziva.

Sketch nema ugrađenu ovu značajku, ali ima mnogo dodataka poput Anima Toolkit koji dobro rade posao.

Skica u odnosu na XD: Adobe XD ovdje ima prednost. Oni nude ugrađeni način za uvid u reaktivne učinke na elemente korisničkog sučelja.

Dodaci i dodaci

The dodatak ekosustav unutar Skice nedvojbeno je jedno od njezinih najvećih obilježja. Postoje stotine dodataka koji proširuju funkcionalnost Sketcha i omogućuju dizajnerima upotrebu poboljšanih značajki dok ostaju u ekosustavu Sketch.

Dodaci su Adobe XD ekvivalent dodacima. Adobe je svoj dodatak ekosustav započeo 2018. godine, pa nije tako robustan kao Sketch. To Adobe ne brine jer im je cilj pokušati smanjiti potrebu za dodacima i usredotočiti se na stvaranje značajki koje su ugrađene u softver.

Skica u odnosu na XD: Sketch ima prednost s velikom bibliotekom dodataka.

Izrada prototipa s automatskom animacijom

Adobe je nedavno ažurirao XD s nevjerojatno korisnom značajkom za UX dizajnere: animirani automobili . Djeluje vršeći pametne, glatke prijelaze između elemenata različitih zaslona. Rezultati su impresivni, što prototipiranje čini krasnim iskustvom za angažiranje potencijalnih klijenata. Sketch ne nudi ovu funkcionalnost, čak ni s dodatkom.

Još jedna izvrsna značajka prototipiranja koju je Adobe predstavio je podrška za mikro-interakcije, na primjer, povlačenjem ploče s ruba zaslona ili pojavljivanjem tipkovnice. Adobe XD također podržava izradu prototipova korisničkih sučelja zasnovanih na glasu (poput Alexa ili Google Home).

Skica u odnosu na XD: Adobe XD ovdje ima prednost zahvaljujući značajkama automatske animacije koje štede vrijeme i podršci za mikro interakcije koje nedostaju programu Sketch.

Dijeljenje i komentiranje

Dizajneri se često uključuju s ostalim članovima tima, programerima i dionicima - sposobnost dijeljenja dizajna i primanja povratnih informacija presudan je dio procesa dizajniranja. Kao takav, Adobe XD uključuje ugrađenu funkcionalnost za makete i prototipove koji se dijele na mreži, tako da svatko može dodati općenite komentare ili ukazati na određena mjesta na izgledu i ostaviti povratne informacije.

Te se značajke, u kombinaciji s Adobe XD-ovim dinamičkim načinom izrade prototipa, mogu testirati i na mobilnim telefonima s matičnom aplikacijom Adobe XD ili čak snimiti za neinteraktivne demonstracije.

Skica može koristiti dijeljenje i komentiranje pomoću alata za suradnju, poput Žeplin ili integracije s alatima trećih strana kao što je Invision.

Skica u odnosu na XD: Adobe ovdje ima malo prednosti s ugrađenim internetskim dijeljenjem i komentiranjem.

Specifikacije dizajna

Tijekom dizajnerskog projekta, UX dizajneri često trebaju podijeliti specifikacije dizajna s programerima. Adobe je ovu funkcionalnost uključio u XD, dok će korisnici Sketcha morati koristiti integracije poput Žeplin ili InVision .

Skica u odnosu na XD: Adobe ima prednost nad Sketch-om jer su ugrađene specifikacije dizajna i ne zahtijevaju integraciju treće strane.

Kontrola verzija i suradnja u stvarnom vremenu

Dvije važne značajke na koje se dizajneri i programeri oslanjaju su kontrola verzija i suradnja u stvarnom vremenu. Veliki dizajnerski timovi koji zajedno rade na istom projektu moraju biti u mogućnosti vidjeti kada su napravljene promjene i pristupiti povijesti tih promjena.

Adobe se suradnjom pozabavio uvođenjem dokumenti u oblaku . To svima u timu, uključujući programere, daje centralno mjesto za rad. Prema Adobeu, sljedeći korak za značajku dokumenata u oblaku bit će kontrola verzija.

Sketch nudi kontrolu verzija i suradnju s dodacima u stvarnom vremenu, ali ove značajke nisu ugrađene u proizvod.

Skica u odnosu na XD: Skica osvaja ovu. Imaju kontrolu nad verzijama, iako s dodacima; ovo se trenutno ne nudi u XD-u.

Sažetak značajke: Adobe XD vs. Sketch

Postoje sličnosti, kao i razlike između trenutne verzije Adobe XD i Sketcha. Evo usporedbe svakog proizvoda:

Značajke	Adobe XD	Skica
Vektorska grafika	Da (i uključuje Adobe Illustrator u CC pretplatu)	Da
Uređivanje slika	Ne (ali uključuje Adobe Photoshop u CC pretplati)	Da, osnovno uređivanje
Lagana	Da	Ne
Izrada prototipa	Da, uključujući automatsko animiranje i prototipiranje glasa	Da
Izvoz imovine	Da	Da
Primopredaja s mrežnim inspektorom	Da	Ne (ali dostupno s dodatcima nezavisnih proizvođača)
Simboli i stilovi	Da	Da
Ponovite mrežu	Da	Ne (ali dostupno s dodatcima nezavisnih proizvođača)
Značajke	Adobe XD	Skica
Rasporedna mreža	Da	Da
Alati prilagodljivog dizajna	Da	Ne (ali dostupno s dodatcima nezavisnih proizvođača)
Suradnja u stvarnom vremenu	Ne (najavljeno kao buduća značajka)	Ne (dostupno s dodacima treće strane)
Verziranje	Ne (najavljeno kao buduća značajka)	Ne (dostupno s dodacima treće strane)
Dodaci / dodaci	Da	Da, s vrhunskom raznolikošću
MacOS verzija	Da	Da
Verzija sustava Windows	Da (Windows 10)	Ne
Cijena i licenciranje	Početni plan je besplatan sa svim značajkama i jednim aktivnim dijeljenim prototipom. Premium verzija iznosi 9,99 USD mjesečno s neograničenim dijeljenim prototipovima. CC pretplata na sve ostale Adobeove aplikacije iznosi 52,99 USD mjesečno.	USD 99 USD za godinu dana ažuriranja, ali i nakon toga možete ih koristiti bez ažuriranja.

Je li vrijeme za promjenu alata za UX dizajn?

Usporedbom značajki, Sketch i XD su bliski. Sketchu nedostaju neke značajke poput auto-animiranja, dizajna koji automatski reagira i mreže ponavljanja koje su sve porijeklom iz XD-a.

Jedina važna stvar koja Adobe XD još uvijek nedostaje je kontrola verzija, koju Sketch ima zahvaljujući dodacima. Očekujte da će ovo stići u XD čim Adobe nastavi razvijati skup značajki dokumenata u oblaku.

Lakši je prijelaz sa Sketcha (i Photoshopa ili Illustratora) na XD nego obrnuto, jer XD može otvoriti Sketch datoteke s izvrsnom vjernošću. Mogli biste naići na neke probleme ako ovisite o dodacima samo za Sketch, kao što su Abstract ili InVision Craft.

U nekim je scenarijima izbor očit: za korisnike Windowsa Sketch nije dostupan, a za pretplatnike Adobe Creative Cloud XD je uključen besplatno s neograničenim dijeljenim prototipovima. To se nije dogodilo slučajno.

Ali Sketch uzvraća. The tvrtka je nedavno zatvorila 20 milijuna dolara financiranja , i obećava važne značajke poput timske suradnje, izvornog primopredaje i web verzije aplikacije u 2019.

Ako kontrola verzija nije kritičan problem, tada nikad nije bilo bolje vrijeme za razmatranje upotrebe Adobe XD. Adobeova posvećenost zajednici dizajna za korisničko iskustvo očita je sa značajkama poput načina automatskog reagiranja, ponovljene mreže i ugrađenih prototipova. Unatoč kasnom pokretanju, Adobe je dokazao da Sketchu mogu pružiti strahovit izazov.

• • •

Daljnje čitanje na blogu ApeeScape Design:

• Adobe XD vs. Sketch - Koji je UX alat pravi za vas?
• Atomski dizajn i skica - vodič za poboljšanje tijeka rada
• Precizno dizajnirajte - Adobe XD pregled
• Stvari koje možda ne znate o tipografiji u Skici
• Upoznavanje s razvojem dodatka za skice

Razumijevanje osnova

Koje alate koriste UX dizajneri?

Ovisno o ciljevima i fazi procesa dizajniranja, UX dizajner će koristiti alate za istraživanje korisnika, izradu žičanih okvira, makete i izradu prototipa te za rad s programerima. Popularni alati su Sketch, Adobe XD, InVision, Zeplin i Figma.

Što je UX softver za dizajn?

UX softver za dizajn pruža UX dizajnerima mogućnost komunikacije, žičanog okvira, prototipa i dizajna makete. UX softver za dizajn sve više olakšava stvaranje dizajnerskih sustava.

Što je Sketch?

Sketch, predstavljen 2010. godine, je alat za vektorski grafički dizajn za dizajnere UX i UI. Sketch je aplikacija samo za Mac i omogućuje dizajnerima stvaranje žičanih okvira, maketa i prototipova. Također ima opsežnu biblioteku dodataka koja proširuje funkcionalnost aplikacije.

Što je Adobe XD?

Adobe XD, predstavljen 2017. godine, noviji je alat za dizajn vektorske grafike za dizajnere UX i UI. XD radi na Macu, Windowsu i Android platformi. Koristi se za izradu žičanih okvira, makete i jednostavne prototipe s klikom. XD također ima sve veću knjižnicu dodataka za proširene mogućnosti.