Sketch, vakiintunut suunnittelutyökalu, on kasvanut huomattavasti sen käyttöönoton jälkeen vuonna 2010. Vuonna 2016 Adobe esitteli XD: n suurena kilpailijana. Tarjoaako Adobe XD lähes kolmen vuoden kehityksen jälkeen suunnittelijoille riittävän haasteen harkita muutosta?

UX-suunnitteluprosessi on monimutkainen ja edellyttää tiettyjen työkalujen, menetelmien ja kehysten käyttöä. Käyttäjätutkimus, analyysi, langanpuitteet, mallinnukset, iterointi, käytettävyystestaus ja käyttöliittymän prototyypit ovat vain muutama niistä artefakteista ja prosesseista, joiden kanssa suunnittelijat työskentelevät keskustellessaan kehittäjien, sidosryhmien ja muiden tiimin jäsenten kanssa.

Kaksi laajalti tunnustettua suunnittelutyökalua, joihin UX-suunnittelijat luottavat, ovat Adobe XD ja Luonnos .

Luonnoksesta on tullut tosiasiallinen standardi suurimmalle osalle digitaalisia suunnittelijoita sen yksinkertaisen käyttöliittymän, suuren määrän laajennuksia, täydellisen työkalupaketin toiminnallisuuden ja usein tapahtuvien päivitysten ansiosta.

Vaikka Sketchistä tuli valinta UX-suunnittelijat , Adobella, joka tunnetaan pitkään palkittuista suunnitteluohjelmistoistaan ​​ja syvistä siteistään suunnitteluyhteisöön, ei ollut vastaavaa vaihtoehtoa. Heillä oli Photoshop, Illustrator ja ilotulitus, mutta suunnittelijoilla ei ollut halua käyttää kolmea työkalua tehtävien suorittamiseen, jotka Sketch pystyi tarjoamaan yhdessä sovelluksessa.

Vuonna 2016 Adobe esitteli XD: n (Experience Design). Vakava kilpailija Sketchille, heillä oli vielä paljon tekemistä. Tuolloin Sketch oli kuusi vuotta vanha, sillä oli laaja käyttäjäkunta ja koko laajennusten ekosysteemi, mikä teki siitä tehokkaan suunnittelutyökalun. Kilpailu lisääntyi seuraavien kahden vuoden aikana, ja Adobe XD kasvoi ketterästä kilpailijasta arvostettuun suunnittelutyökaluun, joka on voittanut monet ammattisuunnittelijat.

ApeeScape-suunnittelublogi julkaisi artikkelin Sketch vs Adobe XD: stä vuonna 2017, kun se oli vielä beetaversiossa. Nyt, kaksi vuotta myöhemmin, Adobe XD on nähnyt useita versioita, joilla on selkeä tavoite: Tarjoa kaikkea, mitä UX-suunnittelija tarvitsee natiivisti ja erinomaisella suorituskyvyllä.

Onko UX-suunnittelijoiden aika siirtyä Sketchistä Adobe XD: ksi?

Adobe XD vs Sketch

Tutkitaan, miten Adobe XD verrataan Sketchiin. Vertaamme seuraavia ominaisuuksia:

• Käyttöliittymä
• Toista ruudukko
• Symbolit ja omaisuuspaneelit
• Reagoivat suunnittelutyökalut
• Lisäosat ja laajennukset
• Prototyyppien tekeminen automaattisella animoinnilla
• Jakaminen ja kommentit
• Yhteistyö kehittäjien kanssa
• Versiohallinta ja reaaliaikainen yhteistyö

Käyttöliittymä

Suunnittelijoilla, jotka tuntevat työkalut, kuten Photoshop, ei pitäisi olla ongelmaa oppia Adobe XD: tä tai Sketchia, koska heillä kaikilla on samanlainen käyttöliittymä.

Yksi merkittävä käyttöliittymän ero on a: n puuttuminen Työkalurivi Adobe XD: ssä. Työkalupalkki, joka sijaitsee käyttöliittymän yläosassa, on hyödyllinen ominaisuus Sketchissä mukautettavilla pikakuvakkeilla yleisesti käytettyihin toimintoihin ja työkaluihin, kuten kohteiden ryhmittelyyn. Adobe tarjoaa samanlaisen, pienennetyn ominaisuuden nimeltä työkalupakki , joka sijaitsee ohjelmiston oikealla puolella.

Luonnos vs. XD : Luonnoksessa on hyödyllinen työkalurivi.

Toista ruudukko

Adobe XD: n merkittävä ominaisuus on toistoruudukko. Tämä on kätevä työkalu, jonka avulla voidaan helposti luoda säädettäviä luetteloita ja ruudukkopohjaisia ​​näyttöjä. Vaikka Sketchiltä puuttuu tämä ominaisuus, se voidaan enemmän tai vähemmän kopioida laajennuksilla.

Luonnos vs. XD : Adobe XD: llä on reuna toistoruudukon kanssa, joka on natiivi ohjelmistolle.

Symbolit ja omaisuuspaneelit

Symbolit olivat varhainen piirre, jolla oli merkittävä vaikutus Sketchin menestykseen. Symbolien on luonnosteltava kuten CSS (Cascading Style Sheets) on verkkosivujen suunnitteluun. Niiden avulla suunnittelijat voivat helposti käyttää ja muokata resursseja helposti, mikä säästää paljon aikaa, auttaa luomaan valmiin suunnittelujärjestelmän ja tarjoaa yhtenäisyyden kaikissa näytöissä.

Adobe aloitti perussymboleilla ja esitteli sitten omaisuuspaneeli joka yhdisti symbolit, fontit ja värit yhdeksi sijainniksi. Näiden elementtien muokkaaminen näyttää tuloksena olevat päivitykset reaaliajassa. Sketchillä on nämä ominaisuudet, mutta Adobe XD on tarjonnut yhtenäisemmän ja paremman käyttökokemuksen.

Luonnos vs. XD : Adobe XD: llä on pieni etu resurssipaneelin yhdistettyjen käyttöliittymäelementtien ansiosta.

Reagoivat suunnittelutyökalut

Adobe XD tarjoaa vankan joukon reagoivia suunnittelutyökaluja. Yksi standout-ominaisuus, reagoiva auto muoti , arvaa, kuinka näytön tulisi vastata laitekokoja.

Tämä on uskomattoman hyödyllinen ominaisuus, joka voidaan kytkeä päälle ja pois päältä yksinkertaisella liukusäätimellä. Jos automaattitila ei vastaa odotettua käyttäytymistä, suunnittelija voi muuttaa reagoivia ominaisuuksia manuaalisesti.

Sketchissä ei ole tätä ominaisuutta sisäänrakennettuna, mutta siinä on monia laajennuksia, kuten Anima Toolkit jotka tekevät työn hyvin.

Luonnos vs. XD: Adobe XD: llä on tässä etu. Ne tarjoavat sisäänrakennetun tavan nähdä reagoivat vaikutukset käyttöliittymän elementteihin.

Lisäosat ja laajennukset

plugin-ekosysteemi luonnoksessa on kiistatta yksi sen suurimmista piirteistä. On satoja laajennuksia, jotka laajentavat Sketchin toiminnallisuutta ja antavat suunnittelijoiden käyttää parannettuja ominaisuuksia pysyessään Sketch-ekosysteemissä.

Lisäosat ovat Adobe XD: n vastaavia lisäosia. Adobe aloitti lisäosaekosysteeminsä vuonna 2018, joten se ei ole yhtä vankka kuin Sketch. Tämä ei ole Adoben huolenaihe, koska heidän tavoitteenaan on yrittää vähentää lisäosien tarvetta ja keskittyä tekemään ohjelmistoon sisäänrakennettuja ominaisuuksia.

Luonnos vs. XD: Sketchillä on etuna laaja laajennuskirjasto.

Prototyyppien tekeminen automaattisella animoinnilla

Adobe päivitti äskettäin XD: n, jolla on uskomattoman hyödyllinen ominaisuus UX-suunnittelijoille: animoituja autoja . Se toimii tekemällä älykkäitä, sujuvia siirtymiä eri näyttöjen elementtien välillä. Tulokset ovat vaikuttavia, mikä tekee prototyyppien luomisesta miellyttävän kokemuksen potentiaalisten asiakkaiden houkuttelemiseksi. Sketch ei tarjoa tätä toimintoa edes laajennuksella.

Toinen loistava prototyyppitoiminto, jonka Adobe esitteli, on tuki mikrovuorovaikutuksille, esimerkiksi paneelin vetäminen näytön reunasta tai näppäimistön näyttäminen. Adobe XD tukee myös äänipohjaisten käyttöliittymien (kuten Alexa tai Google Home) prototyyppejä.

Luonnos vs. XD: Adobe XD: llä on tässä etu: aikaa säästävät automaattiset animointiominaisuudet ja tuki mikrovuorovaikutuksille, joista Sketch puuttuu.

Jakaminen ja kommentoiminen

Suunnittelijat ovat usein tekemisissä muiden tiimin jäsenten, kehittäjien ja sidosryhmien kanssa - kyky jakaa malleja ja saada palautetta on tärkeä osa suunnitteluprosessia. Sellaisena Adobe XD sisältää sisäänrakennetun toiminnon mallinnuksia ja prototyyppejä varten jaettavaksi verkossa, jotta kuka tahansa voi lisätä yleisiä kommentteja tai osoittaa asettelun tiettyihin sijainteihin ja jättää palautetta.

Nämä ominaisuudet yhdistettynä Adobe XD: n dynaamiseen prototyyppitilaan voidaan myös testata matkapuhelimilla, joissa on natiivi Adobe XD -sovellus, tai jopa tallentaa muita kuin vuorovaikutteisia esittelyjä varten.

Sketch voi hyödyntää jakamista ja kommentoimista yhteistyötyökaluilla, kuten Zeplin tai integraatiot kolmansien osapuolten työkalujen, kuten Invision, kanssa.

Luonnos vs. XD: Adobella on tässä pieni etu sisäänrakennetulla online-jakamisella ja kommentoinnilla.

Suunnittelutiedot

Suunnitteluprojektin aikana UX-suunnittelijoiden on usein jaettava suunnittelutiedot kehittäjien kanssa. Adobe sisällytti tämän toiminnon XD: hen, kun taas Sketch-käyttäjien on käytettävä integraatioita, kuten Zeplin tai InVision .

Luonnos vs. XD: Adobella on etu Sketchiin nähden, koska suunnittelun tekniset tiedot ovat sisäänrakennettuja eivätkä vaadi kolmansien osapuolten integrointia.

Versiohallinta ja reaaliaikainen yhteistyö

Kaksi tärkeää ominaisuutta, joihin suunnittelijat ja kehittäjät luottavat, ovat versionhallinta ja reaaliaikainen yhteistyö. Suurten suunnittelutiimien, jotka työskentelevät yhdessä saman projektin kanssa, on kyettävä näkemään, milloin muutokset on tehty, ja pääsemään tutustumaan muutosten historiaan.

Adobe käsitteli yhteistyötä esittelemällä pilviasiakirjat . Tämä antaa kaikille tiimin jäsenille, myös kehittäjille, keskeisen työpaikan. Adoben mukaan pilviasiakirjaominaisuuden seuraava vaihe on versionhallinta.

Sketch tarjoaa versionhallinnan ja reaaliaikaisen yhteistyön laajennusten kanssa, mutta näitä ominaisuuksia ei ole rakennettu tuotteeseen.

Luonnos vs. XD: Sketch voittaa tämän. Heillä on versionhallinta, vaikkakin laajennuksilla; tätä ei tällä hetkellä tarjota XD: ssä.

Ominaisuuden yhteenveto: Adobe XD vs. luonnos

Adobe XD: n nykyisen version ja Sketchin välillä on yhtäläisyyksiä ja eroja. Tässä on vertailu kustakin tuotteesta:

ominaisuudet	Adobe XD	Luonnos
Vektorigrafiikka	Kyllä (ja sisältää Adobe Illustratorin CC-tilauksessa)	Joo
Kuvan muokkaus	Ei (mutta sisältää Adobe Photoshopin CC-tilauksessa)	Kyllä, perusmuokkaus
Kevyt	Joo	Ei
Prototyyppien tekeminen	Kyllä, mukaan lukien automaattinen animointi ja puheprototyypit	Joo
Varojen vienti	Joo	Joo
Kanavanvaihto online-tarkastajan kanssa	Joo	Ei (mutta saatavilla kolmannen osapuolen laajennuksilla)
Symbolit ja tyylit	Joo	Joo
Toista ruudukko	Joo	Ei (mutta saatavilla kolmannen osapuolen laajennuksilla)
ominaisuudet	Adobe XD	Luonnos
Asetteluruudukko	Joo	Joo
Reagoivat suunnittelutyökalut	Joo	Ei (mutta saatavilla kolmannen osapuolen laajennuksilla)
Reaaliaikainen yhteistyö	Ei (ilmoitettu tulevana ominaisuutena)	Ei (saatavana kolmannen osapuolen laajennuksilla)
Versiointi	Ei (ilmoitettu tulevana ominaisuutena)	Ei (saatavana kolmannen osapuolen laajennuksilla)
Laajennukset / lisäosat	Joo	Kyllä, erinomaisella monimuotoisuudella
MacOS-versio	Joo	Joo
Windows-versio	Kyllä (Windows 10)	Ei
Hinta ja lisensointi	Aloitussuunnitelma on ilmainen kaikilla ominaisuuksilla ja yhdellä aktiivisella jaetulla prototyypillä. Premium-versio on 9,99 dollaria kuukaudessa rajoittamattomilla jaetuilla prototyypeillä. CC-tilaus kaikkien muiden Adobe-sovellusten kanssa on 52,99 USD / kk.	99 dollaria päivityksiin vuodessa, mutta voit jatkaa käyttöä sen jälkeen ilman päivityksiä.

Onko aika vaihtaa UX-suunnittelutyökaluja?

Ominaisuuksien vertailu, Sketch ja XD ovat lähellä. Luonnoksesta puuttuu joitain ominaisuuksia, kuten automaattinen animointi, automaattinen reagointi ja toistoruudukko, jotka kaikki ovat alkuperäisiä XD: lle.

Ainoa tärkeä asia, josta Adobe XD: llä vielä puuttuu, on versionhallinta, joka Sketchillä on laajennusten ansiosta. Oletettavasti tämä saapuu XD: lle heti, kun Adobe jatkaa pilviasiakirjojen ominaisuuksien kehittämistä.

Sketchistä (ja Photoshopista tai Illustratorista) siirtyminen XD: hen on helpompaa kuin päinvastoin, koska XD voi avata Sketch-tiedostot erinomaisella tarkkuudella. Voit kokea joitain ongelmia, jos olet riippuvainen vain Sketch-laajennuksista, kuten Abstract tai InVision Craft.

Joissakin skenaarioissa valinta on ilmeinen: Windows-käyttäjille Sketch ei ole käytettävissä, ja Adobe Creative Cloud -tilaajille XD sisältyy ilmaiseksi rajoittamattomasti jaettujen prototyyppien kanssa. Se ei tapahtunut vahingossa.

Mutta Sketch taistelee takaisin. Yhtiö sulki äskettäin 20 miljoonan dollarin rahoituksen , ja lupaa tärkeitä ominaisuuksia, kuten tiimin yhteistyö, alkuperäinen yhteysvastuun vaihto ja sovelluksen verkkoversio vuonna 2019.

Jos versionhallinta ei ole kriittinen asia, Adobe XD: n käyttöä ei ole koskaan ollut parempi aika. Adoben sitoutuminen käyttökokemuksen suunnitteluyhteisöön käy ilmi ominaisuuksista, kuten automaattinen reagoiva tila, toistoruudukko ja sisäänrakennettu prototyyppi. Myöhäisestä aloituksestaan ​​huolimatta Adobe on osoittanut pystyvänsä tarjoamaan valtavan haasteen Sketchille.

• • •

Lue lisää ApeeScape Design Blogista:

• Adobe XD vs. Sketch - mikä UX-työkalu sopii sinulle?
• Atomic Design and Sketch - opas työnkulun parantamiseen
• Suunnittelu tarkkuudella - Adobe XD Review
• Asiat, joita et ehkä tiedä typografiasta luonnoksessa
• Tutustu Sketch-laajennuskehitykseen

Perustietojen ymmärtäminen

Mitä työkaluja UX-suunnittelijat käyttävät?

Suunnitteluprosessin tavoitteista ja vaiheesta riippuen UX-suunnittelija käyttää työkaluja käyttäjien tutkimiseen, lankakehykseen, mallintamiseen ja prototyyppien tekoon sekä kehittäjien kanssa työskentelyyn. Suosittuja työkaluja ovat Sketch, Adobe XD, InVision, Zeplin ja Figma.

Mikä on UX-suunnitteluohjelmisto?

UX-suunnitteluohjelmisto antaa UX-suunnittelijoille mahdollisuuden kommunikoida, langoittaa, kehys, prototyyppi ja mallimallit. UX-suunnitteluohjelmisto helpottaa entistä enemmän suunnittelujärjestelmien luomista.

Mikä on luonnos?

Vuonna 2010 käyttöön otettu Sketch on vektorigrafiikan suunnittelutyökalu UX- ja käyttöliittymäsuunnittelijoille. Sketch on vain Mac-sovellus, jonka avulla suunnittelijat voivat luoda lankakehyksiä, mallikuvia ja prototyyppejä. Siinä on myös laaja laajennuskirjasto, joka laajentaa sovelluksen toimintoja.

Mikä on Adobe XD?

Adobe XD, joka otettiin käyttöön vuonna 2017, on uudempi vektorigrafiikan suunnittelutyökalu UX- ja käyttöliittymäsuunnittelijoille. XD toimii Mac-, Windows- ja Android-alustoilla. Sitä käytetään langanpuitteissa, mallinnuksissa ja yksinkertaisissa napsautussuunnitelmissa. XD: llä on myös kasvava lisäosakirjasto laajennettuja ominaisuuksia varten.