Adobe XD vs. Sketch – Ce instrument UX este potrivit pentru tine?

Un designer UX are nevoie de multe instrumente pentru a finaliza numeroasele etape ale fluxului de lucru UX, de la cercetare la proiectare la prototip și transfer. Dacă vă faceți munca pe un computer, probabil că sunteți bântuit de mențiunea constantă a Sketch, un editor de grafică vectorială popular, simplificat, cu nenumărate plugin-uri utile, care devine rapid un standard în industrie, dar disponibil numai pe Mac OS . Aceasta înseamnă că, cu excepția cazului în care aveți un aparat Apple, sunteți lăsat afară. Dar acum Adobe lucrează activ la un concurent Sketch cross-platform adecvat (și asemănător?), după ani de absență: Adobe XD.

Ce este Adobe XD?

Adobe Experience Design CC, sau Adobe XD, este un editor ușor de grafică vectorială și un instrument de prototipare care a fost anunțat la Adobe MAX 2015 sub numele de Project Comet. Software-ul a fost lansat în previzualizare în martie 2016 ca parte a Creative Cloud, iar în prezent este în fază beta, primind actualizări aproape în fiecare lună.

Înainte de asta, Adobe lucra la adăugarea de funcții pentru designerii UX pe instrumentele lor consacrate, cum ar fi Photoshop și Illustrator. Deși ambele sunt programe grozave, nu sunt nici ușoare, nici simplificate pentru acest tip de muncă. De-a lungul anilor – și mai ales după deprecierea din 2013 a Adobe Fireworks (instrumentul clasic de prototipare orientat pe web achiziționat de la Macromedia) – tot mai mulți designeri UX au simțit că Creative Cloud nu se potrivește așteptărilor pieței. Deci, au sărit la Sketch (dacă aveau un Mac). În timp ce răspunsul Adobe la acest exod în masă a fost puțin întârziat (Bohemian Coding a lansat Sketch cu 6 ani în urmă), merită să așteptați, mai ales dacă ați fost limitat să utilizați instrumente mai puțin adecvate pe computer. Să comparăm Adobe XD cu Sketch

Interfață cu utilizatorul și caracteristici exclusive

Când deschideți Adobe XD, prima impresie pe care o veți avea este că interfața este foarte familiară, atât pentru utilizatorii Sketch, cât și pentru fanii de mult timp Adobe. Adobe a renunțat la butoanele și meniurile mai întunecate de așteptat Creative Cloud și a ales să ofere cel mai bun din două lumi. Spre deosebire de Sketch, veți vedea un set de instrumente în partea stângă a ecranului, dar și panoul de straturi mai înalte și proprietăți dinamice în dreapta, așa cum se vede pe Sketch. Este ușor de folosit și ușor de învățat, indiferent de instrumentul pe care l-ați folosit anterior.

Repetați Grila

Adobe XD are, de asemenea, un set de caracteristici unice, cum ar fi Repeat Grid, un instrument care vă permite să replicați un grup de obiecte, cum ar fi un card Material Design, cu date variabile și distanță configurabilă între copii.

Prototiparea

În XD, puteți crea un prototip interactiv fără a avea nevoie de pluginuri terță parte, așa cum ați face în Sketch. Editorul de prototipuri Adobe le permite designerilor să conecteze vizual zonele interactive la alte ecrane folosind fire și configurarea tranzițiilor. Cu prototipul interactiv gata, puteți publica și partaja prototipul, care poate fi vizualizat pe web sau cu aplicația mobilă Adobe XD. Prototipurile XD, totuși, nu au încă suport pentru gesturi sau secțiuni fixe, cum ar fi anteturile, lucru care este posibil pe InVision și alte instrumente numai pentru prototip care se conectează cu Sketch.

Panoul de active

În actualizarea din august 2017, Adobe a adăugat panoul Active, o modalitate inteligentă de a reuni un ghid de stil interactiv cu culori, stiluri de caractere și simboluri. Când modificați ceva în panoul Elemente, urmează fiecare utilizare a materialului în opera de artă. Sketch are, de asemenea, variabile de culoare, stiluri de caractere și simboluri, dar fiecare conținute în propriul panou.

Adobe a anunțat câteva dintre următoarele caracteristici care vor apărea pe XD pe blogul produsului. Unul dintre ele extinde caracteristica Elemente, permițând designerului să publice ghidul de stil al proiectului cu fonturi descărcabile, elemente și coduri hexazecimale de culori, alături de prototipul interactiv și o funcție de inspecție pentru cercetarea de către dezvoltatori a elementelor din interiorul prototipului. Aceasta se numește „handoff pentru dezvoltatori” și este deja posibilă în Sketch (și Photoshop) folosind plugin-uri precum Zeplin. O altă caracteristică viitoare care este tachinată este colaborarea în timp real în interiorul XD, ceva care seamănă cu caracteristica de colaborare prezentă pe Google Docs și disponibilă deja pe alte instrumente de design UX precum Figma.

Sketch (și pluginurile sale) vs. Adobe XD

Când vedeți imaginea de ansamblu, devine clar că Adobe intenționează să facă XD să nu facă doar tot ceea ce face Sketch ca instrument de grafică vectorială, ci și pluginurile sale, acoperind întregul flux de lucru de proiectare UX. De la proiectare la prototipare la transfer, Adobe XD va fi probabil instrumentul definitiv de proiectare UX, dar cum rămâne cu astăzi?

Este timpul să comutați?

Adobe XD este în primul rând pentru utilizatorii de Windows (care nu pot folosi Sketch-ul doar pentru macOS) și actualii abonați Adobe Creative Cloud (care nu ar trebui să plătească mai mult pentru XD în plus față de Photoshop, Illustrator etc.).

Există mulți designeri UX care fac deja saltul, fie pentru că sunt abonați Creative Cloud chiar și pe macOS, fie pentru că cred că XD va fi următorul standard și sunt mulțumiți de setul de caracteristici actual. Dacă sunteți un utilizator Sketch cu experiență, vă veți bucura de o interfață generală mai bună, de caracteristici unice XD, dar va trebui, de asemenea, să faceți față limitărilor actuale și lipsei suportului pentru pluginuri. În orice caz, încercați și împărtășiți-vă impresiile cu noi!

• • •

Citiri suplimentare pe Blogul Toptal Design:

• eCommerce UX – O privire de ansamblu asupra celor mai bune practici (cu infografic)
• Importanța designului centrat pe om în proiectarea produsului
• Cele mai bune portofolii de designeri UX – Studii de caz și exemple inspiratoare
• Principii euristice pentru interfețele mobile
• Design anticipator: Cum să creați experiențe magice pentru utilizator