Sketch, et veletablert designverktøy, har hatt fenomenal vekst siden introduksjonen i 2010. I 2016 introduserte Adobe XD som en formidabel konkurrent. Etter nesten tre års utvikling, tilbyr Adobe XD nok av en utfordring for designere å vurdere en endring?

UX-designprosessen er kompleks og krever bruk av spesifikke verktøy, metoder og rammer. Brukerundersøkelse, analyse, wireframing, mockups, iterasjon, brukervennlighetstesting og UI-prototyping er bare noen få av gjenstandene og prosessene designere jobber med mens de kommuniserer med utviklere, interessenter og andre teammedlemmer.

To anerkjente designverktøy som UX-designere stoler på er Adobe XD og Skisse .

Sketch har blitt de facto-standarden for et stort flertall digitale designere på grunn av det enkle grensesnittet, det store antallet plugins, den komplette verktøysettfunksjonaliteten og hyppige oppdateringer.

Mens Sketch ble det valgte verktøyet for UX-designere Adobe, lenge kjent for sin prisbelønte designprogramvare og dype bånd til designfellesskapet, hadde ikke et lignende alternativ. De hadde Photoshop, Illustrator og Fireworks, men designere hadde ingen lyst til å bruke tre verktøy for å utføre oppgaver som Sketch kunne gi i en applikasjon.

I 2016 introduserte Adobe XD (Experience Design). En seriøs konkurrent til Sketch, de hadde fortsatt mye å ta igjen. På den tiden var Sketch seks år gammel, hadde en bred brukerbase og et helt økosystem med plugins, noe som gjorde det til et kraftig designverktøy. Rivaliseringen eskalerte i løpet av de neste to årene, og Adobe XD vokste fra en kvikk konkurrent til et høyt ansett designverktøy som har vunnet mange profesjonelle designere.

ApeeScape Design Blog publiserte en artikkel om Sketch vs Adobe XD i 2017 da den fremdeles var i beta. Nå, to år senere, har Adobe XD sett flere revisjoner med et klart mål: Tilby alt en UX-designer trenger naturlig og med god ytelse.

Er det på tide at UX-designere bytter fra Sketch til Adobe XD?

Adobe XD vs Sketch

La oss utforske hvordan Adobe XD kan sammenlignes med Sketch. Vi vil sammenligne følgende funksjoner:

• Brukergrensesnitt
• Gjenta rutenett
• Symboler og aktivitetspaneler
• Responsive designverktøy
• Tillegg og plugins
• Prototyping med Auto-Animate
• Deling og kommentarer
• Arbeide med utviklere
• Versjonskontroll og sanntidssamarbeid

Brukergrensesnitt

Designere som er kjent med verktøy som Photoshop, bør ikke ha problemer med å lære Adobe XD eller Sketch, siden de alle deler et lignende brukergrensesnitt.

En bemerkelsesverdig UI-forskjell er fraværet av en Verktøylinje i Adobe XD. Verktøylinjen, som ligger øverst i brukergrensesnittet, er en nyttig funksjon i Sketch med tilpassbare snarveier til ofte brukte funksjoner og verktøy, for eksempel gruppering av objekter. Adobe tilbyr en lignende, redusert funksjon som heter verktøykasse , plassert på høyre side av programvaren.

Skisse vs XD : Sketch har kanten for den nyttige verktøylinjen.

Gjenta rutenett

En bemerkelsesverdig funksjon i Adobe XD er repeteringsrutenettet. Dette er et praktisk verktøy som gjør det enkelt å lage justerbare lister og rutenettbaserte skjermer. Mens Sketch mangler denne funksjonen, kan den mer eller mindre replikeres med plugins.

Skisse vs XD : Adobe XD har kanten med repeteringsrutenettet som er innfødt i programvaren.

Symboler og aktivitetspaneler

Symboler var en tidlig funksjon som hadde et betydelig bidrag til suksessen til Sketch. Symboler er å skisse som CSS (Cascading Style Sheets) er å utforme nettstedet. De lar designere enkelt gjenbruke og masseredigere eiendeler, noe som sparer mye tid, bidrar til å lage et ferdigdesignet system og sørger for konsistens på tvers av alle skjermer.

Adobe startet med grunnleggende symboler og introduserte deretter eiendelepanel som kombinerte symboler, skrifttyper og farger til ett sted. Redigering av noen av disse elementene viser de resulterende oppdateringene i sanntid. Sketch har disse funksjonene, men Adobe XD har gitt en mer sammenhengende og forbedret brukeropplevelse.

Skisse vs XD : Adobe XD har en liten kant på grunn av de kombinerte UI-elementene i aktivitetspanelet.

Responsive designverktøy

Adobe XD tilbyr et robust sett med responsive designverktøy. En standout-funksjon, responsiv auto mote , gjetter hvordan skjermen skal svare på forskjellige enhetsstørrelser.

Dette er en utrolig nyttig funksjon som kan slås på og av ved hjelp av en enkel skyveknapp. Hvis automodus ikke er i samsvar med forventet oppførsel, kan en designer endre responsive egenskaper manuelt.

Sketch har ikke denne funksjonen innebygd, men den har mange plugins som Anima verktøysett som gjør jobben bra.

Skisse vs XD: Adobe XD har fordelen her. De tilbyr en innebygd måte å se responsive effekter på UI-elementene.

Tilleggsprogrammer og plugins

De plugin økosystem innen Sketch er uten tvil en av de største funksjonene. Det er hundrevis av plugins som utvider funksjonaliteten til Sketch, og lar designere bruke forbedrede funksjoner mens de holder seg innenfor Sketch-økosystemet.

Tillegg tilsvarer Adobe XD plugins. Adobe startet deres tilleggsøkosystem i 2018, så det er ikke så robust som Sketch. Det er ikke et problem for Adobe siden deres mål er å prøve å redusere behovet for tilleggsprogrammer, og fokusere på å lage funksjoner som er innebygd i programvaren.

Skisse vs XD: Sketch har fordelen med sitt omfattende bibliotek med plugins.

Prototyping med Auto-Animate

Adobe oppdaterte nylig XD med en utrolig nyttig funksjon for UX-designere: animerte biler . Det fungerer ved å lage smarte, jevne overganger mellom elementer på forskjellige skjermer. Resultatene er imponerende, og gjør prototyping til en herlig opplevelse å engasjere potensielle kunder. Sketch tilbyr ikke denne funksjonaliteten, selv med et plugin.

En annen flott prototypefunksjon som Adobe introduserte er støtte for mikrointeraksjoner, for eksempel å trekke et panel fra kanten av skjermen eller få et tastatur til å vises. Adobe XD støtter også prototyping av stemmebaserte brukergrensesnitt (som Alexa eller Google Home).

Skisse vs XD: Adobe XD har fordelen her med tidsbesparende funksjoner for automatisk animering og støtte for mikrointeraksjoner som Sketch mangler.

Deling og kommentering

Designere engasjerer seg ofte med andre teammedlemmer, utviklere og interessenter - muligheten til å dele design og motta tilbakemelding er en viktig del av designprosessen. Som sådan inkluderer Adobe XD innebygd funksjonalitet for mockups og prototyper som skal deles online, slik at alle kan legge til generelle kommentarer, eller peke på bestemte steder i et oppsett og gi tilbakemelding.

Disse funksjonene, kombinert med Adobe XDs dynamiske prototypemodus, kan også testes på mobiltelefoner med den opprinnelige Adobe XD-appen, eller til og med tas opp for ikke-interaktive demonstrasjoner.

Skisse kan bruke deling og kommentar ved hjelp av samarbeidsverktøy som Zeplin eller integrasjoner med tredjepartsverktøy som Invision.

Skisse vs XD: Adobe har en liten kant her med innebygd online deling og kommentering.

Design spesifikasjoner

I løpet av et designprosjekt må UX-designere ofte dele designspesifikasjoner med utviklere. Adobe inkluderte denne funksjonaliteten i XD, mens Sketch-brukere må bruke integrasjoner som f.eks Zeplin eller InVision .

Skisse vs XD: Adobe har en kant over Sketch fordi designspesifikasjoner er innebygd og ikke krever tredjepartsintegrasjon.

Versjonskontroll og sanntidssamarbeid

To viktige funksjoner designere og utviklere er avhengige av er versjonskontroll og sanntidssamarbeid. Store designteam som jobber sammen om det samme prosjektet, må kunne se når endringene er gjort, og få tilgang til en historie med disse endringene.

Adobe adresserte samarbeid med introduksjonen av sky-dokumenter . Dette gir alle på teamet, inkludert utviklere, et sentralt sted å jobbe. Ifølge Adobe vil neste trinn for sky-dokumentfunksjonen være versjonskontroll.

Sketch tilbyr versjonskontroll og samarbeid i sanntid med plugins, men disse funksjonene er ikke innebygd i produktet.

Skisse vs XD: Sketch vinner denne. De har versjonskontroll, om enn med plugins; dette tilbys foreløpig ikke i XD.

Funksjonssammendrag: Adobe XD vs. Sketch

Det er likheter og forskjeller mellom den nåværende versjonen av Adobe XD og Sketch. Her er en sammenligning av hvert produkt:

Egenskaper	Adobe XD	Skisse
Vektorgrafikk	Ja (og inkluderer Adobe Illustrator i CC-abonnement)	Ja
Bilderedigering	Nei (men inkluderer Adobe Photoshop i CC-abonnement)	Ja, grunnleggende redigering
Lettvekt	Ja	Nei
Prototyping	Ja, inkludert automatisk animering og stemmeprototyping	Ja
Eksport av eiendeler	Ja	Ja
Handoff med online inspektør	Ja	Nei (men tilgjengelig med tredjeparts plugins)
Symboler og stiler	Ja	Ja
Gjenta rutenettet	Ja	Nei (men tilgjengelig med tredjeparts plugins)
Egenskaper	Adobe XD	Skisse
Oppsett rutenett	Ja	Ja
Responsive designverktøy	Ja	Nei (men tilgjengelig med tredjeparts plugins)
Samarbeid i sanntid	Nei (kunngjort som en fremtidig funksjon)	Nei (tilgjengelig med tredjeparts plugins)
Versjonering	Nei (kunngjort som en fremtidig funksjon)	Nei (tilgjengelig med tredjeparts plugins)
Plugins / tillegg	Ja	Ja, med overlegen mangfold
MacOS-versjon	Ja	Ja
Windows-versjon	Ja (Windows 10)	Nei
Pris og lisensiering	Startplan er gratis med alle funksjoner og en aktiv delt prototype. Premium-versjonen er USD 9,99 dollar / måned med ubegrensede delte prototyper. CC-abonnement med alle andre Adobe-apper er USD 52,99 per måned.	USD $ 99 for et år med oppdateringer, men du kan fortsette å bruke etter det uten oppdateringer.

Er det på tide å endre UX-designverktøy?

Sammenlignende funksjoner, Sketch og XD er nærme. Skisse mangler noen funksjoner som automatisk animering, automatisk responsiv design og repeteringsrutenettet som alle er hjemmehørende i XD.

Det eneste viktige som Adobe XD fremdeles mangler, er versjonskontroll, som Sketch har takket være plugins. Forvent at dette kommer til XD snart Adobe fortsetter å utvikle sky-dokuments funksjonssett.

Det er lettere å overføre fra Sketch (og Photoshop eller Illustrator) til XD enn omvendt, siden XD kan åpne Sketch-filer med utmerket troskap. Du kan oppleve noen problemer hvis du er avhengig av Sketch-bare plugins som Abstract eller InVision Craft.

I noen scenarier er valget åpenbart: for Windows-brukere er Sketch ikke tilgjengelig, og for Adobe Creative Cloud-abonnenter er XD inkludert gratis med ubegrensede delte prototyper. Det skjedde ikke ved et uhell.

Men Sketch slår tilbake. De selskapet stengte nylig $ 20 millioner i finansiering , og lover viktige funksjoner som teamsamarbeid, native handoff og en nettversjon av appen i 2019.

Hvis versjonskontroll ikke er et kritisk problem, har det aldri vært et bedre tidspunkt å vurdere å bruke Adobe XD. Adobes forpliktelse til designmiljøet for brukeropplevelser er tydelig med funksjoner som automatisk responsmodus, repeterende rutenett og innebygd prototyping. Til tross for deres sene start har Adobe bevist at de kan gi Sketch en formidabel utfordring.

• • •

Videre lesing på ApeeScape Design Blog:

• Adobe XD vs. Sketch - Hvilket UX-verktøy er riktig for deg?
• Atomic Design and Sketch - en guide for å forbedre arbeidsflyten
• Design med presisjon - en Adobe XD Review
• Ting du kanskje ikke vet om typografi i skisse
• Bli kjent med Sketch Plugin Development

Forstå det grunnleggende

Hvilke verktøy bruker UX-designere?

Avhengig av målene og fasen i designprosessen, vil en UX-designer bruke verktøy for brukerundersøkelser, wireframing, mockups og prototyping, og for å jobbe med utviklere. Populære verktøy er Sketch, Adobe XD, InVision, Zeplin og Figma.

Hva er UX-designprogramvare?

UX-designprogramvare gir UX-designere muligheten til å kommunisere, trådramme, prototype og designmodell. UX designprogramvare forenkler i økende grad etableringen av designsystemer.

Hva er Sketch?

Sketch, introdusert i 2010, er et verktøysett for vektorgrafikkdesign for UX- og UI-designere. Sketch er et eneste program for Mac og lar designere lage wireframes, mockups og prototyper. Den har også et omfattende bibliotek med plugins som utvider programmets funksjonalitet.

Hva er Adobe XD?

Adobe XD, introdusert i 2017, er en nyere verktøysett for vektorgrafikkdesign for UX- og UI-designere. XD fungerer på Mac, Windows og Android-plattformen. Den brukes til wireframing, mockups og enkel klikk-gjennom prototyping. XD har også et voksende bibliotek med tillegg for utvidede muligheter.