30 Essential UX -työkalua
Kun kehittäjät rakentaa verkkosivustoja, he keskittyvät usein ulkoasuun ja teknisiin ominaisuuksiin, mutta jättävät huomiotta erittäin tärkeän näkökohdan - miten käyttäjä kokee sivuston. Jos käyttäjillä on vaikeuksia selvittää, miten he saavuttavat tavoitteensa, he näyttävät muualta ja eivät tule takaisin. Miellyttävä käyttäjäkokemus voi puolestaan luoda suotuisan ja kestävän vaikutelman, joka erottaa sivuston kilpailusta.
Siksi on niin tärkeää, että harkitsevat tarkkaan, mitä käyttäjät kokevat, kun he käyvät verkkosivustossasi. Sinun täytyy kysyä itseltäsi: Onko tämä sivu tietoa, jota käyttäjä odottaa? Kuten monissa asioissa, pienimmät yksityiskohtia voivat tehdä suurimman eron käyttäjän kokemuksesta.
Tässä viestissä esitän 30 erinomaista työkalua ja palvelua sivustojen parempaan käytettävyyteen.
Mind kartat, vuokaaviot ja sivustokartat
Käyttökelpoisen verkkosivuston perusta on hyvä suunnitelma. Jos sinulla ei ole perusajatusta siitä, mihin projekti on menossa, on epätodennäköistä, että tulet oikeaan paikkaan. Mind-kartat, vuokaaviot ja sivustokartat ovat tehokkaita työkaluja kaavioiden luomiseen. Mielen kartat ovat ihanteellisia ideoiden luomiseen ja järjestämiseen, kun taas vuokaavioiden avulla voidaan visualisoida ja suunnitella prosessin vaiheet. Sivustokarttoja voidaan käyttää verkkosivuston navigointirakenteen tunnistamiseen. Seuraavassa on joitain sovelluksia, jotka voivat auttaa näitä tehtäviä:
XMind (ilmainen)
XMind on avoimen lähdekoodin mielentunnistusohjelma Windowsille, Mac OS X: lle ja Linuxille.
ConceptDraw Office (alkaen 199 dollaria)
Tehokas kaaviotyökalu, ConceptDraw Office tukee vuokaaviota ja mielikarttoja Windowsissa ja Macissa.
OmniGraffle (69,99 dollaria)
Mac OS X- ja iPad-käyttäjät voivat valita OmniGraffle luoda vuokaaviot, organisaatiokaaviot ja monet muut kaaviot.
Gliffy (ilmainen)
Gliffy on web-pohjainen kaavasovellus, joka tukee vuokaavioita ja sivustokarttoja.
Wireframes ja prototyypit
Ennen varsinaista koodausta on usein järkevää tehdä prototyyppejä. Prototyyppien avulla voit pelata erilaisia ideoita ja paljastaa mahdolliset ongelmat sijoittamatta paljon aikaa koodaukseen ja muotoiluun. Voit aloittaa harmaasävyllä olevilla pienjännitelaitteilla ja myöhemmin luoda visuaalisia mokkosia ja korkealaatuisia toiminnallisia prototyyppejä.
PowerMockup (59,99 dollaria)
Käyttää PowerMockup luodaan wireframeja PowerPointilla.
Lyijykynä (ilmainen)
Saatavilla useilla alustoilla, tämä avoimen lähdekoodin ohjelmisto tarjoaa GUI-prototyyppien.
Mogups ($ 9 / kk)
Moqups on online wireframing ja mockup-työkalu.
Justinmind Prototyper ($ 19 / kk)
Tämä hakemus verkko- ja mobiilisovellusten rajapintojen suorittamiseen Windowsissa ja Mac OS X: ssä.
FileSquare (maksuton)
FileSquare on web-pohjainen työkalu napsautussuhteiden luomiseen yhdistämällä yhteen ladatut mockup-kuvat.
Käsityö (alkaen 19 dollaria / kk)
Käsityö on HTML / CSS / JavaScript-prototyyppityökalu.
Käyttäjän testaus ja palautetta
Kun sinulla on jotain konkreettista näyttää, sinun pitäisi saada se ulos todellisten käyttäjien edessä, kerätä palautetta ja toimia sen mukaan. Alla luetellut sovellukset ja palvelut auttavat käyttämään käytettävyystestiä ja järjestämään käyttäjien palautetta.
IntuitionHQ (ilmainen)
Tämä etäinen käytettävyystestauspalvelu voit suorittaa erilaisia käyttäjäkokemuksia malleissasi ja saada pika-palautetta.
Vahvista (alkaen 19 dollaria / kk)
Tämä online-sovellus kerää ja analysoi käyttäjän palautetta näytöillä ja mockupilla.
Polldaddy (ilmaiseksi)
Polldaddy on web-sovellus kyselyjen ja kyselyjen luomiseen ja julkaisemiseen.
Concept Feedback (ilmainen)
Vierailla tämä verkkoyhteisö vaihtaa palautetta malleista.
Viisitoistakymmentä (vapaa)
Tämä palvelu kerää palautetta pyytämällä käyttäjiä muistamaan verkkosivuston elementit sen jälkeen, kun olet nähnyt sen vain viiden sekunnin ajan.
PickFu (20 dollarista)
Tämä crowdsourcing-palvelu antaa nopean palautteen yksinkertaisilla A / B-kyselyillä.
UserTesting (alkaen 49 dollaria)
UserTesting voit katsella ihmisiä, jotka selailevat verkkosivustoasi.
UsabilityTools (alkaen 39 dollaria / kk)
Tämä työkalujen kokoelma tarjoaa käyttäjälähtöistä tutkimusta, mukaan lukien kyselytutkimukset, korttien lajittelu ja palautelomakkeet.
Morae (noin 402 dollaria noin)
Tämä pöytätietokoneohjelma tallentaa käyttäjän vuorovaikutusta (näppäimistö / hiiren sisäänmeno, silmän seuranta, ääni jne.) ja analysoi tulokset.
BugHerd ($ 29 / kk)
BugHerd on web-kehityshankkeisiin erityisesti suunniteltu verkkoravasekoitin.
A / B split testit
A / B-testaus on yksinkertainen: voit luoda sivun kaksi versiota (A ja B) ja määrittää, mitkä tuottavat parempia tuloksia, jotka on mitattu ostojen, uutiskirjeiden tilausten tai muiden arvosi perusteella, jotka heijastavat parempaa käyttäjäkokemusta . Nämä kaksi palvelua voivat auttaa sinua:
Optimaalisesti (alkaen 17 dollaria / kk)
Tämä A / B split testaustyökalu auttaa sinua löytämään tehokkain tapa lisätä tuloksia verkkosivustollasi.
Visual Website Optimizer (ilmainen)
Kuten Optimizely, Visual Website Optimizer tukee A / B-testausta, monimuuttujatestausta, käyttäytymisen kohdistamista ja paljon muuta.
Analytics
Web-analyysit tarjoavat arvokkaita näkemyksiä siitä, miten ihmiset käyttävät verkkosivustoasi. He voivat kertoa, kuinka kävijät yleensä navigoivat verkkosivustossa, kuinka kauan he pysyvät jokaisella sivulla, kun he lähtevät sivustosta ja paljon muuta. Nämä tiedot voivat olla erittäin hyödyllisiä käytettävyyden ongelmien ja niiden syiden tunnistamiseksi.
Crazy Egg ($ 9 / kk)
Tämä web-analyysipalvelu visualisoi käyttäjän käyttäytyminen lämpökarttojen avulla, selaa karttoja ja konfettiraportteja.
Inspectlet (vapaa)
Toinen web-analyysityökalu, Inspectlet tarjoaa lämpökuvioita, reaaliaikaisia analyysejä ja vierailijakäyttäytymistä.
Mixpanel (ilmainen)
Mixpanel on analyysialusta mukautettujen tapahtumien seuraamiseksi mobiili- ja verkkosovelluksissa.
Validointi, linkkitarkastukset ja nopeustestit
Positiivisen käyttäjäkokemuksen kannalta on myös tärkeää, että sivuston tekninen puoli toimii tarkoitetulla tavalla. Mikään ei ole turhauttavaa kuin linkit, jotka viittaavat ei-olemassa oleviin sivuihin, verkkosivustoihin, jotka latautuvat ikuisesti tai rikkinäisiltä sivuilta HTML- ja JavaScript-virheiden vuoksi.
W3C Markup Validation Service (ilmainen)
Tämä verkkopalvelu tarkistaa, onko verkkosivun koodi pätevä (X) HTML.
Dr. Link Check (ilmainen)
Tämä web-sovellus tarkistaa sivuston rikkinäisille ja mustalle listalle.
Pingdom Full Page -testi (ilmainen)
Käyttää tämä työkalu testaamaan ja analysoimaan, kuinka kauan verkkosivusi latautuu.
Google PageSpeed (ilmainen)
Tämä Google-palvelu analysoi verkkosivun ja tekee ehdotuksia siitä, miten sen latausaikaa voidaan parantaa.
CrossBrowserTesting (alkaen 29,95 dollaria / kk)
Tämä palvelu tarjoaa virtuaalikoneita sivustojen testaamiseen eri selaimissa eri käyttöjärjestelmissä.
Käytätkö jotain näistä työkaluista? Oletteko jättäneet mitään, mihin luotat? Kerro meille kommentit.