Prototypingskamp: Adobe XD vs Sketch + InVisions håndværk

redigeringer:
Opdateret Adobe XD-prisfastsættelse, januar 2018 - $ 9.99 / måned
Opdateret både Adobe XD og InVisions priser, maj 2018

-

I et par måneder har jeg brugt Adobe (XD) Experience Design til at oprette wireframes, designundersøgelser og prototyper. Det er en god, hurtig og let, 'noget gratis' software, der gør jobbet.

For mig var det let at bruge Adobe XD, fordi jeg har været en Photoshop-bruger i lang tid, læringskurven for at bruge den er næsten nul for mig, især tastaturgenveje.al

Efter et stykke tid besluttede vores team på First Circle at bruge Sketch på grund af dets brede samfundsstøtte. Der er en masse nyttige plugins derude med kontinuerlig udvikling og support, som Adobe XD stadig ikke har lige nu. En af dem er InVisions Craft Prototype-plugin. Det var let at bruge. Installationen var en leg, genvejen var temmelig enkel, og synkroniseringen er ikke kompliceret. Men hvilken er bedre? Her er de få ting, som du måske vil overveje, før du vælger en.

Prisfastsættelse
Da Adobe XD stadig var i beta-periode, var det gratis at oprette ubegrænsede prototyper, som både er tilgængelige offline og online. Nu (maj 2018) tilbyder begge to en '1' prototype som en gratis prøveversion, og hvis du har brug for ubegrænsede prototyper (hvilket du sandsynligvis vil have), skal du betale for mindst $ 13 / måned for Adobe XD og $ 25 / måned for InVisions håndværk.

Adobe XD-prisnet (starter og abonnement)InVision-prissætningsnet (Starter & Professional)

Her er Adobe XD stadig billigere end at købe Sketch, der er $ 99 med 1 års opdateringer, plus InVision-abonnementet. Det kan også nemt føjes til dit abonnement, hvis du allerede bruger andre Adobe-produkter.

Prototype-test
I Adobe XD skal du blot trykke på CMD / CTRL + Enter for at køre og teste din prototype på farten. Du kan stadig uploade det senere til web (Creative Cloud), hvis du har brug for det.

I InVisions håndværk skal du synkronisere tavlerne hver gang du har brug for at teste din prototype og derefter åbne den angivne URL i en browser. Det er 2 ekstra trin, og hvis du er ligesom mig, der tester mikroændringer, vil det være en meget langsom proces. Dog er jeg dog retfærdigt, hvordan InVision indsætter et par instruktioner til vejledning af testere, og hvordan prototypen opfører sig mere realistisk, når den åbnes ved hjælp af den korrekte enhed / skærm.

Indstilling af en startskærm
I Adobe XD kan du nemt vælge startskærmen til din prototype. I Sketch + InVision skal du manuelt arrangere dine skærme i lagpanelet for at sikre dig, at dine skærme vises, når de skulle være.

Indbygget skærmoptagelse
Én funktion, selvom Sketch / Craft ikke har det, du kan gøre i Adobe XD, er, at du kan optage en video af interaktionerne i din prototype, mens du tester den uden at installere yderligere software på din maskine. Det mangler dog stadig mikrofonsupport, hvilket vil være nyttigt til optagelse af præsentationsdemoer.

Skærmovergange
Adobe XD har meget begrænset måde at håndtere overgang på. Du kan vælge, hvilken slags overgang der vil ske fra skærm A til B som opløsning eller glid til venstre. Dette betyder hele skærmen, så hvis skærmen har en navigation, og du indstiller overgangen til at glide, går navigationen med det.

I InVisions håndværk har du mere fin kontrol med dette:

  • Link til en skærm eller bare overlejring.
  • Link en ekstern URL eller link tilbage / luk.
  • Indstil gestus separat til skrivebordet som svæver og i mobil, dobbelthaner og svej i forskellige retninger.

Sky lagring
Adobe XD understøttes af Creative Cloud, og igen koster det i øjeblikket intet. Selvom jeg ikke har været i stand til at bruge det hyppigt og omfattende, er det en lettelse at have dine prototyper der og klar til at blive delt. På den anden side tilbyder InVisions håndværk en måde at administrere dine Sketch-aktiver på. Dette er meget nyttigt, specielt hvis du allerede har et designsystem og vil genbruge og dele disse aktiver i dit team. Plus, Craft som et andet plug-in kaldet Freehand, hvor du og din klient / chef / kollega kan samarbejde eksternt i realtid.

Jeg ved, at jeg sandsynligvis har savnet et par flere ting om Adobe XD, Sketch og InVisions håndværk, men indtil videre er det de ting, som jeg synes er værd at overveje, hvis du vil sammenligne de to.

Dom
Begge to gør jobbet, når de opretter UI-prototyper. Hvis du har et stramt budget, arbejder solo med et team eller en freelancer og hovedsageligt på små projekter, vil jeg helt anbefale Adobe XD, men hvis du ikke er den eneste designer i dit team og håndterer mellemstore til store projekter, skits er bestemt et must af de grunde, som jeg allerede har nævnt ovenfor.

InVisions håndværk er kun et af de sketch-plugins, der kan hjælpe dig med at forbedre din arbejdsgang, og der er bestemt masser af nyttige plugins derude, frigivet og eller stadig udvikles. For at være ærlig, vil jeg gerne se mere om fremskridt, men stadig let at bruge prototype-værktøjer, der skal bygges oven på Sketch. Med funktioner som at kunne acceptere input, oprette betingelser osv., Måske en dag?

Tak fordi du læste!

P. S. Dine klapper og dele ville bestemt gøre mig lidt gladere!