Oikeiden UX-työkalujen käsillä oleminen voi olla ratkaiseva ero yhteistyöhön perustuvan, saumattoman ja yleisesti erittäin tehokkaan suunnittelun työnkulun ja hitaan, tuottamattoman ja vastuullisen työnkulun välillä.

On tärkeää pysyä ajan tasalla uusimmista työkaluista ja tekniikoista ja oppia mielenkiintoisista tavoista suunnittelijat voi käyttää niitä luoda ja tehdä yhteistyötä tehokkaammin. Jotkut työkalut ovat tehokkaampia kuin toiset, riippuen tiimin koosta, suunnitteluprosessin vaiheesta ja muista työkaluista, jotka ovat jo osa työnkulkua.

Katsotaanpa parhaita UX-työkaluja, kuten kehystyksestä ja prototyypeistä UX-tutkimukseen ja -analytiikkaan, jotka auttavat tiimejä tekemään uskomattomia asioita vuonna 2018.

Suunnittelu + prototyyppien luominen + suunnittelunvaihtotyökalut

InVision / InVision Studio

Alusta: verkko (integroitu Sketchin ja Photoshopin kanssa) ja macOS
Hinta: alkaen 13 dollaria kuukaudessa yksilöille tai 89 dollaria kuukaudessa viiden hengen ryhmille

Huomaa: hinta koskee ydin InVision-verkkosovellusta, ei InVision Studiota, joka on ilmainen.

InVision on epäilemättä mahtavin UX-työkalu. Se sallii Luonnos ja Photoshop-suunnittelijat tuoda staattiset näytöt ja tehdä niistä dynaamisia prototyyppejä, ja sidosryhmät tarjoavat rakentavaa palautetta, joka voidaan sitten muuntaa toimiviksi, hallittaviksi tehtäviksi. Yhdistä tämä heidän käyttäjätestauksensa ja yhteistyötauluteknologiansa kanssa, ja InVision-verkkosovelluksesta tulee korvaamaton, vakavasti vaikuttava työkalu.

Vuonna 2017 InVision toimitti uudet suunnitteluominaisuudet, ja nyt vuonna 2018 InVisionista on tullut täydellinen, kaikki yhdessä -ratkaisu, kun he esittävät oman UX-suunnittelutyökalunsa, Studio , joka on ilmainen ja sisältää edistyneitä animaatio- ja prototyyppitoimintoja.

Joukkueille, jotka haluavat täysin varustetun työkalupaketin yhdellä tilauksella, InVision on täällä.

Framer / Framer Studio

Alusta: macOS
Hinta: 12 dollaria kuukaudessa yksittäisille käyttäjille tai 250 dollaria kuukaudessa kolmen hengen ryhmille

Tarjonnan suhteen Framer on työkalu, joka muistuttaa eniten InVisionia, koska molemmissa yhdistyvät kypsä verkkokäyttöliittymä upouuteen UX-suunnittelutyökaluun. Kyse on näiden kahden henkilökohtaisesta mieltymyksestä, mutta missä Framer on yksilöille hieman halvempi, InVision on selvästi isoveli suunnittelualan yhteistyössä.

Figma

Alusta: verkko, macOS ja Windows
Hinta: ilmainen aloitusjoukkueille tai 12 dollaria / kk

Figma erottui muista varhaisessa vaiheessa kehityksessään johtavana moninpelisuunnittelutyökaluna, jonka ansiosta useat suunnittelijat voivat työskennellä saman suunnittelutiedoston kanssa kerralla. Mahdollisuuden luoda reagoivia malleja ja lisättyjä kanavanvaihto-ominaisuuksia on vaikuttavaa, kuinka he ovat tarjonneet näitä ominaisuuksia verkossa, macOS: ssa, ja Tuotteen Windows-versiot.

Jos nautit energisestä, yhteistyöhön perustuvasta suunnittelun työnkulusta, Figma on sinulle.

Adobe XD

Alusta: Windows ja macOS
Hinta: ilmainen yhdelle prototyypille tai 20,99 dollaria kuukaudessa rajoittamattomille prototyypeille

Kun Sketchistä tuli johtava kehystys- ja käyttöliittymäsuunnittelutyökalu, Adobella ei melkein ollut muuta vaihtoehtoa kuin myöntää, että Photoshop ei voisi koskaan olla suunnittelijoiden tarvitsema käyttöliittymän suunnittelutyökalu. Adobe päätti asettaa Adobe XD: n saataville Windows-käyttäjille, missä Sketch ei, ja rakensi myös kyvyn prototyyppien käyttäjävirtojen tarkastamiseen ja mallien tarkastamiseen.

UXPin

Alusta: verkko
Hinta: alkaen 8,10 dollaria kuukaudessa yhdelle käyttäjälle, muita vaihtoehtoja ryhmille

UXPin on täydellinen tuotesuunnittelualusta, joka tarjoaa kaiken suunnittelusta, langanpuitteista, prototyypeistä, yhteistyöstä, käyttäjien testauksesta ja kanavanvaihdosta yhdessä web-sovelluksessa. Haittapuoli on, että UXPin on yksi vaikeimmista työkaluista, koska se sisältää useita ominaisuuksia, sekaisin käyttöliittymän ja (joskus) suorituskyvyn viiveen, joka usein vainoaa isoja verkkosovelluksia. Yritysryhmien, jotka tarvitsevat vaikuttavia ominaisuuksia, kuten suunnittelujärjestelmät ja kyvyn hyödyntää verkkokehyksiä ja tekniikoita, kuten Bootstrap ja Google Fonts, ei pidä unohtaa sitä liian nopeasti.

Suunnittelu + prototyyppityökalut

Luonnos

Alusta: macOS
Hinta: 99 dollaria vuodessa

Photoshop antoi kruunun Sketchille, kun niistä tuli johtava suunnittelutyökalu sekä lankakehyksessä että käyttöliittymäsuunnittelussa 2015 ja alkaen 2017 he johtavat edelleen syytettä. Sketchin innovatiivinen lähestymistapa näytön suunnitteluun esitteli korvaamattomia ominaisuuksia, kuten piirtoalustoja, symboleja ja vientiä, jotka innostavat sitten uusia suunnittelutyökaluja, kuten Adobe XD, Framer Studio ja InVision Studio. Tämä uskomattoman intuitiivinen (ja kevyt) vektorityökalu auttaa UI-suunnittelijat iteroida paljon nopeammin kuin koskaan ennen.

Tässä on kuitenkin 'mutta' (ja se on iso mutta): Sketch ei ole käytettävissä Windowsille, ja heidän päätöksensä ottaa käyttöön työkaluja prototyyppien suunnittelijat niin myöhäinen peli tarkoittaa, että heidän kilpailijansa ovat nopeasti vallanneet nämä markkinat, kun InVision on kiistatta dynaamisin prototyyppityökalu, joka on saatavilla tänään. Vaikka Sketch-toiminnot voidaan räätälöidä vaikuttavalla luettelolla laajennukset (mukaan lukien integraatiot Flinton, Zeplinin, Marvelin, Principlen ja jopa itse InVisionin kaltaisten kanssa), jotkut suunnittelijat saattavat suosia alkuperäisempää kokemusta näiden ominaisuuksien kanssa, jotka ovat helposti saatavana alusta alkaen.

Kaiken kaikkiaan Sketch sopii erinomaisesti ajatuksiin ja langoittaminen tai ne, jotka eivät halua täydentää työkalupakettiaan parempien prototyyppien muodostamis- ja yhteistyötyökalujen lisäämiseksi.

Verkkovirta

Alusta: verkko
Hinta: a erilaisia ​​vaihtoehtoja kohdistettu yhden sivuston henkilöille, useille sivustoille ja ryhmille

Webflow on WYSIWYG-editori nykyajan suunnittelijalle, joka haluaa rakentaa reagoivia verkkosivustoja ilman koodia ja jopa isännöidä niitä kaikkia yhdellä tilauksella. Webflow tuottaa puhtaan, semanttisen koodin, jotta sinun ei tarvitse, ja tarjoaa vankat ominaisuudet, joiden avulla web-suunnittelijat luoda mitä tahansa staattisista verkkosivustoista verkkokaupat , jossa jopa sisältöä ja mainosjakaumaa hallitaan samasta hallintapaneelista.

Periaate

Alusta: macOS
Hinta: 129 dollaria vuodessa

Vaikka enemmänkin prototyyppityökalu kuin suunnittelutyökalu, erittäin arvostettu Principle-sovellus on tarkoitettu suunnittelijoille, jotka keskittyvät erittäin tarkkoihin prototyyppeihin ja käyttävät aikajanan animaatiota kehittyneiden mikrovuorovaikutusten suunnitteluun siellä missä Sketch ja Adobe XD eivät. Jos suunnitteluominaisuudet eivät ole tarpeeksi kehittyneitä tarpeidesi mukaan, Principle integroituu Sketchiin.

Prototyyppityökalut (vain)

Flinto

Alusta: macOS
Hinta: 99 dollaria vuodessa

Flinto vie siirtymät ja mikrovaikutukset seuraavalle tasolle kehittyneillä animaatiotyökaluilla, mukaan lukien jouset ja helpotukset, 3D-kierto, vieritysefektit ja jopa trendikkäiden suunnittelijoiden viedä animaatioita videoina, GIF-tiedostoina ja Dribbble-kuvina.

Vaikka Flinto keskittyy yksinomaan prototyyppien vuorovaikutus , se tekee sen hyvin. Yhdistä Sketchin kanssa parhaan tuloksen saavuttamiseksi.

Origami

Alusta: macOS
Hinta: ilmainen / avoin lähdekoodi

Origami on sovelluksen prototyyppityökalu, jonka on kehittänyt suunnittelutiimi Facebookissa. Vaikka se on samanlainen kuin Flinto (miinus hintalappu), sitä ei ylläpidetä yhtä usein kuin vastaavia työkaluja, ja sen logiikkapohjainen lähestymistapa vuorovaikutusten suunnitteluun johtaa jyrkempään oppimiskäyrään.

Budjetin suunnittelijoille Origami on näkemisen arvoinen.

Prototyyppien luominen + Suunnittelun vaihdon työkalut

Ihme

Alusta: verkko
Hinta: 0-12 dollaria kuukaudessa yksilöille tai 42-84 dollaria kuukaudessa joukkueille

Yritysryhmien, jotka tarvitsevat SSO: ta ja kanavanvaihtotoimintoja, pitäisi tiedustele suoraan .

Marvel on online-prototyyppityökalu, joka tunnetaan yhtenä helpoimmin hallittavista, mutta kompromissi on, että se ei ole yhtä hienostunut kuin InVision, kun on kyse dynaamisista prototyyppitoiminnoista, ja se vaatii integroinnin Sketchin kanssa, jotta siitä tulee täydellinen suunnittelu + prototyyppiratkaisu . Tästä huolimatta se integroituu Katso taakse , tuo käyttäjien testauksen pöydälle ja sisältää suunnittelunvaihtotoiminnot.

Marvel antaa tiimien (jopa muiden kuin suunnittelijoiden) valita piirrostaulun ja havainnollistaa heikkolaatuisen idean muotojen ja tekstin avulla, mikä tekee siitä ihanteellisen suunnittelu sprintit (varsinkin kun se antaa myös käyttäjille mahdollisuuden muuntaa paperin prototyypit heikkolaatuisiin Marvel-prototyyppeihin).

Suunnittelun luovutustyökalut (vain)

Zeplin

Alusta: verkko
Hinta: ilmaiseksi yhdelle projektille, 17 dollaria kuukaudessa ja 26 dollaria kuukaudessa kolmelle ja 12 projektille kunnioittavasti

Suurille organisaatioille 7, 65 dollaria / käyttäjä / kuukausi -vaihtoehto tarjoaa edistyneemmät käyttöoikeudet ja mahdollisuuden kopioida väri- ja tekstityylit projektien välillä.

Zeplinillä on jatkuvasti parempia kilpailijoita Sympli ja Avokoodi , johon se on äskettäin lisännyt Adobe XD- ja Figma-integraatiot jo olemassa olevien Sketch- ja Photoshop CC -integraatioiden rinnalle. Vaikka monet all-in-one-työkalut ovat lisänneet suunnittelunvaihdon ominaisuuksien luetteloon, Zeplin täyttää aukon työkaluille, joita ei ole (Sketch, Photoshop), ja edelleen kokeileville kanavanvaihto-ominaisuuksille (Adobe XD, Figma).

Lankakehys + prototyyppityökalut

Axure

Alusta: Windows ja macOS
Hinta: $ 29/49/99 / käyttäjä / kuukausi Pro / Team / Enterprise-käyttäjille

Kertaluonteisia Axure RP 8 -ostoksia on saatavana myös 495 dollaria.

Axure on rakennettu erityisesti lankakehysten ja karkeiden prototyyppien suunnitteluun, ja siinä on ominaisuuksia, jotka tekevät datalähtöisten, dynaamisten ja mukautuvien mallien luomisen niin helpoksi, että unohdat, että se on työkalu, jolla ei ole tarkkoja UX-prototyyppitoimintoja. Suunnittelijoille, jotka keskittyvät yksinomaan lankakehyksiin ja prototyyppien valmistamiseen, Axure on paras valinta, jota 87% käyttää Fortune 100 -yrityksistä.

Justinmind

Alusta: Windows ja macOS
Hinta: 19 dollaria / käyttäjä / kuukausi tai 39 dollaria / käyttäjä / kuukausi yritysryhmille

Justinmind ei saa tarpeeksi rakkautta tarjoamaansa tuotteeseen, joka on edistyksellinen UX-prototyyppien luominen, yhteistyö, joitain perustyökaluja ja yli 500 verkko- ja mobiilidigitiä langankehykseen. Lankakehys ei ole asia, johon monet kilpailevat prototyyppisovellukset ovat keskittyneet, joten Justinmind on yksi harvoista UX-työkaluista.

Lankakehystyökalut (vain)

OmniGraffle

Alusta: macOS
Hinta: 100 dollaria tai 200 dollaria a Sillä lisenssi

OmniGraffle on langankehystyökalu, jossa on kaaviotoimintoja, hyödyllinen sovelluksille ja verkkosivustoille, joissa käyttäjävirta tai tietoarkkitehtuuri saattaa tarvita enemmän huomiota. Natiivina macOS-sovelluksena käyttöliittymä on erittäin ystävällinen, joten se on helppo hallita UX-työkalua.

OmniGrafflessa on erittäin kätevä ominaisuus: 'stensiilit', jotka ovat käyttövalmiita, vedä ja pudota uudelleenkäytettäviä suunnittelukomponentteja 'stencil-kirjastossa', jota suunnittelijat voivat käyttää rakentamiseen lankakehyksiä, maketteja tai jopa lopullisia visuaalisia malleja. Käyttäjät voivat luoda oman kirjastonsa, ja verkossa on myös ladattavissa tuhansia stensiilikirjastoja, joista monet ovat ilmaisia, mikä säästää aikaa ja vaivaa.

Graffletopia on yksi verkon suurimmista kaavainvarastoista, joka sisältää sekoituksen ilmaisia ​​ja maksettuja kirjastoja. Graffletopialla on yli 1100 stensiiliä, ja sillä on stensiilejä jokaiseen käyttötarkoitukseen - mobiilisovellusten, verkkosivustojen, verkkokaavioiden, vuokaavioiden ja muun suunnitteluun.

Balsamiq

Alusta: verkko, macOS ja Windows
Hinta: alkaen 90 dollaria / käyttäjä / vuosi pilvipalvelujen käytöstä tai 89 dollaria työpöytäsovelluksilta

Balsamiq on Justinmindin vastakohta, keskittyen enemmän langankehykseen kuin prototyyppeihin. Heidän sisäänrakennetut käyttöliittymäelementit käyttävät hahmoteltua visuaalista estetiikkaa kannustamaan aivoriihiä, ja ne on suunnattu ainutlaatuisesti tuotepäälliköille ja kehittäjät , yhtä hyvin kuin lankakehyssuunnittelijat , jolloin kokonaiset tiimit voivat olla osa suunnitteluprosessia jo varhaisessa vaiheessa.

UX-tutkimus- ja testaustyökalut

Katso taakse

Alusta: verkko
Hinta: 49 dollaria / käyttäjä / kuukausi tai 99 dollaria / käyttäjä / kuukausi ominaisuuksista riippuen

Lookback tuo UX-suunnitteluprosessiin reaaliaikaisen, valvotun käyttäjätestauksen, jonka avulla suunnittelijat voivat tallentaa kenenkään kasvot, näytön ja äänen. Joukkueille, jotka käyttävät Marvelia prototyyppityökaluna, Lookback integroituu siihen saumattomasti.

UserTesting

Alusta: verkko
Hinta: 49 dollaria / testi (vähintään 15 testiä), käytettävissä olevat yritysvaihtoehdot

UserTesting on ominaisuuksiltaan samanlainen kuin Lookback. Vaikka se on loistava itsenäinen käyttäjien testaustyökalu, jolla on valtava valikoima kokeneita testaajia (Marvelin kanssa sinun on löydettävä käyttäjätestaajat itse), UserTesting integroituu saumattomasti myös InVisioniin.

Tasapainoinen

Alusta: verkko
Hinta: 499 dollaria kuukaudessa yksityishenkilöille, 999 dollaria kuukaudessa 10 hengen ryhmille (+ yritysvaihtoehdot)

Eyequant auttaa koneoppimista auttamaan tiimejä tekemään parempia suunnittelupäätöksiä ja parantamaan CRO-ponnistelujaan. Sen raskas hintalappu saattaa estää joitain asiakkaita, mutta investoivat asiakkaat saavat koulutusta siitä, kuinka simuloida käyttäjiä, analysoida mittareita, hyödyntää A / B-testaustaan ​​ja paljon muuta.

Hotjar

Alusta: verkko
Hinta: vaihteleva hinnoittelu päivittäisten sivun katseluiden määrästä riippuen

Hotjarin avulla tiimien on helppo optimoida käyttökokemuksia yhdistämällä käyttäjien palaute analytiikkaan, lämpökarttoihin, napsautuskarttoihin, vierityskarttoihin ja vierailijoiden tallenteisiin. Kun lämpökartat ja napsautuskartat kuvaavat sitä, missä käyttäjät liikkuvat ja napsauttavat hiirtään, vierityskartat osoittavat, missä vaiheessa käyttäjät saattavat menettää kiinnostuksensa.

Hullu muna

Alusta: verkko
Hinta: alkaen 29 dollaria kuukaudessa 20000 sivun katselua kohti

Samoin kuin Hotjar, Crazy Eggia käytetään käyttökokemusten ja tulosprosenttien optimointiin käyttäjien käyttäytymisen analysointi lämpökarttoja ja kävijätallenteita, vaikka se myös sisältää helppokäyttöiset A / B-testaustyökalut, jotka auttavat tulkitsemaan, mikä toimii ja ei toimi.

Optimaalinen työpaja

Alusta: verkko
Hinta: 166 dollaria / käyttäjä / kuukausi, saatavana ilmaisia ​​ja yritysvaihtoehtoja

Optimal Workshop on käyttäjien tutkimustyökalupakki, joka keskittyy korttien lajitteluun, kyselyihin, puun testaamiseen, ensimmäisen napsautuksen testaus ja laadullinen tietojen löytäminen.

Analytics-työkalut

Google Analytics

Alusta: verkko
Hinta: vapaa

Vaikka Google Analytics ei harrasta inspiroivinta tai käyttökelpoisinta käyttöliittymää, se tuottaa kohtuullisen määrän tietoa ilmaiselle työkalulle, mikä tekee siitä sopivan lähtökohdan käyttäjien tutkimukseen ja oivallusten hankkimiseen, joita kannattaa ehkä tutkia toisessa työkalussa .

Mixpanel

Alusta: verkko
Hinta: alkaen 99 dollaria miljoonasta datapisteestä, saatavana ilmaisia ​​ja yritysvaihtoehtoja

Mixpanelin avulla kuka tahansa, esimiehistä yksinkertaisiin avustajiin, voi käyttää tietoja strategisempien päätösten tekoon. Ystävällisemmän käyttöliittymän kanssa Google Analyticsiin verrattuna suunnittelijat saattavat huomata, että on helpompaa analysoida käyttäjien matkoja, oppia, miten käyttäjät suhtautuvat tuotteeseen, ja tulkita monimutkaisia ​​käyttäytymisanalyyseja Mixpanelillä.

Rakkaus

Alusta: verkko
Hinta: hinnoittelu määritetään käyttäjien määrän ja tarvittavien ominaisuuksien perusteella

Pendo, jolla on paljon yksinkertaisempi käyttöliittymä verrattuna useimpiin muihin analyysityökaluihin, antaa suunnittelijoille mahdollisuuden seurata NPS: ää ( Netti promoottorin pisteet ), segmentoi käyttäjät, optimoi kanavat ja käyttäjämatkat sekä kaiken muun mitä odotat parhaalta verkkosivuston analyysityökalulta. Sen lisäksi suunnittelijat voivat toimittaa kohdistettuja ilmoituksia, asiayhteyteen liittyvää apua ja räätälöityjä kokemuksia seuraamiesi tietojen perusteella.

Johtopäätös

Oikean UX-työkalun valinta vaatii huolellista harkintaa. Meidän on otettava huomioon kustannukset, vaadittu yhteistyötaso muiden suunnittelijoiden ja sidosryhmien kanssa, foorumi ja kaikki muut työkalut, joihin meidän on ehkä integroitava saumattoman työnkulun ylläpitämiseksi. Kun olet kaventanut valintasi, rekisteröidy heidän ilmaisiin kokeiluihinsa ja harkitse viiden päivän juoksemista suunnittelu sprintti testata vesiä.

Perustietojen ymmärtäminen

Mikä on InVision Enterprise?

InVision Enterprise on tilaussuunnitelma, joka sisältää kaikki InVisionin ominaisuudet sekä yritystason tietoturvan, kertakirjautumisen integroinnin ja kaksivaiheisen todennuksen sekä rajattomat projektit ja tallennustilan sekä uusien ominaisuuksien nopean käytön.

Mikä on lankakehys web-suunnittelussa?

Verkkosuunnitteluverkkokehys on luurankoinen, usein mustavalkoinen mallikuva verkkosivustosta, jota käytetään osoittamaan, että ulkoasu etenee visuaalisen suunnittelun avulla.

Mikä on Zeplin-sovellus?

Zeplin on suunnittelunvaihtosovellus, jota käytetään valmiiden mallien luovuttamiseen kehittäjille.

Mikä on InVision?

InVision on all-in-one-suunnittelupaketti tuotetiimille, jotka haluavat tehdä yhteistyötä prototyyppien parissa, mukaan lukien niiden erillinen sovellus, InVision Studio.

Mihin Balsamiq-maketteja käytetään?

Balsamiq-mallinnuksia käytetään esittämään lankakehykset sidosryhmille ja saamaan palautetta näistä kehyksistä.