Proiectați cu precizie – O revizuire Adobe XD

Publicat: 2022-03-11

Pe măsură ce încheiem 2018 și intrăm în 2019, să trecem în revistă starea actuală a industriei de design, rolul designerului, instrumentele de design UX și fluxul de lucru.

De la construirea unui sistem de proiectare coeziv la proiectarea fluxurilor pentru următoarea inovație a dispozitivului sau la prototiparea interfețelor complexe pentru testarea utilizatorilor, designerii pot alege dintr-o abundență de instrumente de design UX. Fie că este unul dintre cele mai populare programe precum Sketch, Figma bazat pe web, Adobe XD în creștere agresivă sau recent introdus InVision Studio, familiaritatea cu instrumentele de design UX potrivite, inclusiv această recenzie Adobe XD, va accelera procesul de proiectare a produsului.

Există o supraabundență de instrumente de design UX.

Alegerea instrumentului de design UX potrivit

În timp ce se uită la instrumentele pe care le folosesc designerii, este important să rețineți că responsabilitățile designerilor se schimbă și se extind în mod constant. Cu doar 6-7 ani în urmă, puțini oameni au înțeles măcar ce a făcut un designer de experiență de utilizator. În zilele noastre, este de așteptat ca fiecare designer să facă cel puțin un fel de cercetare, prototipare și analiză competitivă a utilizatorilor.

Aceste schimbări afectează modul în care designerii trebuie să își privească fluxul de lucru, cunoștințele de domeniu, tehnicile și instrumentele. Clienții de astăzi se așteaptă să vadă nu numai un produs final lustruit, ci totul, de la wireframing până la prototipare până la o interfață de utilizare cu animare fără probleme.

Extinderea domeniului de expertiză nu este doar o modalitate de a câștiga mai mulți bani, ci a devenit o cerință de muncă. Procesele noi de proiectare a produselor înseamnă, de obicei, noi instrumente, ceea ce înseamnă că designerii trebuie să petreacă timp învățând cum să le folosească – motiv pentru care apariția noilor instrumente de proiectare s-a accelerat atât de mult în ultimii câțiva ani.

Un prototip Adobe XD
Ecrane legate într-un proiect prototip Adobe XD.

Zilele designerilor care se bazau pe Photoshop ca instrument principal de design au trecut de mult. Acum este o cursă pentru platformele software de proiectare pentru a atrage atât începători, cât și profesioniști. Sketch a fost un jucător important de câțiva ani, iar Figma, după ce a primit sprijin financiar de peste 46 de milioane de dolari, ajunge din urmă cu instrumentul său de prototipare interactiv bazat pe web.

Recent, platforma de prototipare InVision a decis să intre în spațiu cu propriul instrument de design, InVision Studio. Nu s-a mișcat atât de repede pe cât speraseră toată lumea, așa că, deși Studio pare destul de solid, este încă oarecum dezamăgitor și notoriu de probleme, în ciuda hype-ului inițial.

După ce a dominat atât de mult universul designului digital, Adobe este în urmă în această cursă pentru instrumentul suprem de design UX/UI. Neavând luxul de a rămâne în acea poziție pentru mult timp... intrați în Adobe XD. Deși puțin întârziat la cursă, Adobe XD a crescut în popularitate și a devenit un candidat promițător de la lansarea sa în 2016.

Adobe XD Review: caracteristici și beneficii

Unii ar putea spune că un gigant al industriei precum Adobe este un dinozaur și nu poate fi la fel de agil ca concurenții săi mai tineri. Cu toate acestea, o companie precum Adobe are resursele pentru a evolua rapid, precum și stabilitatea financiară care ar face din stăpânirea Adobe XD o investiție bună. Acesta este un avantaj imens, ceea ce face ca Adobe XD să fie foarte valoros și, potențial, instrumentul principal de proiectare UX pentru viitor.

O recenzie Adobe XD
Adobe Design Library Manager face fluxul de lucru al creării activelor de design perfect.

Înainte de a ne aprofunda în revizuirea funcțiilor Adobe XD, să ne oprim și să ne întrebăm: „merită măcar timpul pentru a învăța un nou instrument care oferă funcționalități similare instrumentelor pe care le cunoaștem deja?” Pentru a răspunde la asta, să ne uităm la patru criterii: preț, ușurință în utilizare, ecosistem și cota de piață.

Preț

Unul dintre factorii în succesul timpuriu al favoriților din industrie precum Sketch și Figma a fost accesibilitatea relativă a acestora. Adobe XD face parte din abonamentul Adobe Creative Cloud, care vă oferă acces la peste 20 de aplicații precum Photoshop, Illustrator, Premiere Pro etc. pentru 50 USD/lună, așa că este greu să separați prețul special pentru acel produs. Cu excepția cazului în care aveți deja un abonament, poate fi dificil să justificați cheltuielile atât de mari pentru încercarea unui nou instrument.

Cu toate acestea, în mai 2018, Adobe a anunțat un plan de pornire care permite utilizarea gratuită a Adobe XD! Este limitat la un singur proiect activ, dar este o modalitate perfectă de a testa apele și de a încerca tot ce are de oferit.

Ușurință în utilizare

Majoritatea designerilor digitali au folosit la un moment dat o aplicație Adobe și sunt familiarizați cu interfața generală: panoul de instrumente în stânga, zona principală în centru, straturi etc. în dreapta. Frumusețea Adobe XD este că te vei simți ca acasă de îndată ce vei începe să-l folosești. Curba de învățare este ușoară și are loc mai ales în jurul unor sisteme de proiectare mai complexe și a unor înlocuiri de simboluri.

La fel ca instrumente similare, Adobe XD gestionează sisteme complexe de design și biblioteci de simboluri. De asemenea, oferă instrumente intuitive pentru conectarea cu ușurință a ecranelor și crearea de prototipuri interactive care pot fi utilizate în testarea utilizatorilor fără a fi nevoie de cod. Lansarea recentă a auto-animate face ca prototiparea interacțiunilor bogate să fie și mai ușoară prin animarea automată a microinteracțiunilor pe planșele de desen în Adobe XD.

Exemple de prototip Adobe XD
Adobe XD poate crea tranziții cu animație automată folosind un gest de glisare.

Ecosistem

A avea Adobe XD în ecosistemul Adobe este unul dintre cele mai puternice puncte de vânzare, deoarece sunt șanse să aveți deja Creative Cloud sau să utilizați alte produse Adobe săptămânal. De la vectori la fotografii, suita de produse Adobe are un instrument dedicat pentru majoritatea nevoilor designerilor, care va funcționa destul de bine cu Adobe XD.

Cotă de piață

În 2017, Adobe XD a avut un rang mediu pe piață și nu a putut umbri dominația lui Sketch. Doi ani înainte și Adobe ajunge din urmă rapid (cu peste 12 milioane de abonați Creative Cloud) și a demonstrat un potențial mare pentru a-și continua creșterea rapidă.

Revenind la întrebarea dacă merită să petreci timpul pentru a învăța un nou instrument de design, ne putem gândi astfel: dacă ai un ciocan, poți să dai cu ciocanul într-un cui, dar nu poți scoate un șurub – și niciodată știi când va trebui să scoți un șurub. Pe măsură ce Adobe XD câștigă în popularitate, la fel și șansele de a întâlni o echipă sau un client care se bazează exclusiv pe produsele Adobe. Cu cât un designer are mai multe instrumente în cutia sa de instrumente, cu atât va putea aborda mai multe proiecte de design și cu atât mai multe echipe cu care vor putea lucra eficient.

O listă în creștere de funcții și pluginuri Adobe XD

„Prin integrări cu Creative Cloud, ne putem face clienții mai fericiți și mai productivi, conectându-i fără probleme la toate serviciile pe care le folosesc și la o sursă nesfârșită de instrumente care extind aplicațiile noastre în moduri puternice și personalizate.” – Vijay Vachani, Director, Head al Partner Platform & Ecosystem, Adobe Creative Cloud.

Caracteristici, pluginuri și suplimente Adobe XD
Pluginurile și integrările îmbunătățesc instrumentul de prototipare Adobe XD.

Oricât de „ușoară și de bază” ar părea, interfața Adobe XD gestionează sisteme complexe de design și biblioteci de simboluri, permițând designerilor să construiască și să actualizeze cu ușurință designuri complexe. La fel de importante pentru procesul de proiectare și testare a utilizatorului sunt prototipul XD și instrumentele de animație sofisticate. Când un designer este gata să primească feedback despre design, pluginurile de la UserTesting și Userlytics îi permit să facă asta fără a părăsi programul.

Crearea instrumentului suprem de design UX care va avea toate caracteristicile potrivite este ceea ce se străduiesc companii precum InVision, Adobe și altele. Sarcina este masivă și complicată, așa că una dintre modalitățile de a realiza acest obiectiv este ca platformele să dezvolte pluginuri (și să încurajeze pe alții să facă același lucru).

Anunțul recent al Adobe privind un fond de design de 10 milioane de dolari în acest scop demonstrează importanța sprijinirii pluginurilor și a stimularii dezvoltatorilor să le creeze. În timpul recentei conferințe Adobe MAX, au existat mai multe anunțuri importante cu privire la pluginuri, kituri UI și integrări de aplicații pentru a extinde utilitarul Adobe XD.

În timp ce Sketch este un instrument de design grozav, ceea ce îl face cu adevărat grozav este disponibilitatea pluginurilor terță parte precum Runner, Color Accessibility Check, Magic Mirror, Auto Animate etc. Adobe XD își intensifică jocul cu plugin-uri precum RenameIt, Pixel Perfect. , Data Generator etc. și integrări cu Trello, Dribbble, Google Sheets etc.

Instrument de prototipare Adobe cu un număr mare de plugin-uri disponibile
Beneficiile Adobe XD includ disponibilitatea largă a pluginurilor și suplimentelor.

Investind bani în găzduirea și sprijinirea talentelor emergente în Adobe Creative Residency, Adobe menține avantajul important al ecosistemului său. Un alt element cheie al succesului viitor este altceva pe care echipa Adobe XD o face bine: ascultarea utilizatorului final și implicarea acestuia în procesul de dezvoltare invitându-i să sugereze și să voteze în favoarea următoarelor funcții care urmează să fie dezvoltate.

Încă de la început, Adobe XD a fost poziționat ca un „produs de la designeri la designeri” și își mențin cu fidelitate acest curs. În fiecare lună, sunt lansate noi seturi de funcții. De exemplu, doar în ultimele luni, Adobe a introdus noi funcții Adobe XD, cum ar fi Responsive Resize, Timed Transitions, Spell Check, Jira integration și multe altele.

Animarea în Adobe XD, un instrument de prototipare Adobe
Instrumentul de animație automată utilizat într-un prototip Adobe XD.

De asemenea, Adobe a anunțat recent adăugarea de prototipuri vocale la setul de instrumente Adobe XD. Nu este cea mai evidentă caracteristică la care te-ai aștepta de la un instrument de proiectare a interfeței de utilizare a ecranului, dar interfețele de utilizare pentru comenzi vocale devin din ce în ce mai frecvente.

De la Siri la Alexa și alte experiențe dincolo de ecran, interacțiunea bazată pe voce câștigă teren. Prototiparea vocală unică de la Adobe XD oferă designerilor avantajul de a ține pasul cu această tendință în creștere rapidă.

Extinderea casetei de instrumente a designerului

Designerii care lucrează cu o varietate de companii și pe diferite proiecte vor avea cel mai probabil nevoie de un spectru de abilități de rezolvare a problemelor. O cutie de instrumente de proiectare mai largă poate fi un mare avantaj față de alți potențiali candidați. Acest lucru este deosebit de important pentru freelanceri care pot lucra cu diferiți clienți la câteva luni – mai devreme sau mai târziu va apărea un proiect care necesită cunoștințe de specialitate despre un instrument specific de design. A nu fi familiarizat cu acest instrument poate însemna pierderea potențialului angajament.

Există unele argumente cu privire la faptul dacă un designer ar trebui să se concentreze pe extinderea repertoriului său față de perfecționarea unei anumite specializări. Adobe XD este rapid, gratuit și ușor de învățat - nu este nimic pierdut în a face pasul și a vă extinde versatilitatea.

• • •

Citiri suplimentare pe Blogul Toptal Design:

  • Cele mai bune instrumente UX (cu infografică)
  • Figma vs. Sketch vs. Axure - o revizuire bazată pe sarcini
  • Proiectarea unei interfețe de utilizator VUI – Voice
  • Cele mai bune portofolii de designeri UX - Studii de caz și exemple inspiratoare
  • Prototip cu ușurință - Un tutorial InVision Studio