Þegar verktaki byggir vefsíður, leggur hann oft áherslu á skipulag og tæknilega eiginleika en vanrækslu einn mjög mikilvægan þátt - hvernig notandinn upplifir síðuna. Ef notendur eiga erfitt með að reikna út hvernig á að ná markmiðum sínum, munu þeir leita annars staðar og ekki koma aftur. A skemmtilega notendavaraþáttur, hins vegar, getur skapað hagstæð og varanleg áhrif sem skilur vefsíðu frá samkeppni sinni.

Þess vegna er mikilvægt að hafa í huga hvað notendur upplifa þegar þeir heimsækja vefsíðuna þína. Þú verður að spyrja sjálfan þig: Veitir þessi síða upplýsingar sem notandinn gerir ráð fyrir? Eins og með mörg atriði, geta smávægilegustu smáatriði gert stærsta muninn í reynslu notandans.

Í þessari færslu kynna ég 30 framúrskarandi verkfæri og þjónustu til að búa til vefsíður með betri notagildi.

Mind maps, flæði töflur og Sitemaps

Grundvöllur notendanets er góð áætlun. Ef þú hefur ekki grunn hugmynd um hvar verkefnið þitt er á leiðinni er ólíklegt að þú kemur á réttum stað. Hugakort, flæðirit og sitemap eru skilvirk tól til að búa til skýringarmyndina sem þú þarft. Mind maps eru frábær til að búa til og skipuleggja hugmyndir, en flæðitöflur hjálpa til við að sjá og skipuleggja skrefin í ferli. Sitemaps er hægt að nota til að auðkenna leiðsögn uppbyggingu vefsvæðis. Hér eru nokkur forrit sem geta aðstoðað þig við þessi verkefni:

XMind (frá ókeypis)

XMind er opið hugbúnaðaráætlun fyrir Windows, Mac OS X og Linux.

01-xmind

ConceptDraw Office (frá $ 199)

Öflugt skýringartæki, ConceptDraw Office veitir stuðning fyrir flæðirit og hugskort á Windows og Mac.

02-hugmyndafræði

OmniGraffle ($ 69.99)

Mac OS X og iPad notendur geta valið OmniGraffle að búa til flæðitöflur, skipulagsskýringar og margar aðrar tegundir skýringa.

03-omnigraffle

Gliffy (frá ókeypis)

Gliffy er vefur-undirstaða skýringarmynd umsókn með stuðningi fyrir flæði töflur og Sitemaps.

04-gliffy

Wireframes og frumgerðir

Áður en raunveruleg erfðaskrá hefst, gerir það oft vit í að gera nokkrar frumgerðir. Frumritgerðir leyfa þér að spila með mismunandi hugmyndum og afhjúpa hugsanlega málefni án þess að fjárfesta mikið af tíma í kóðun og hönnun. Þú getur byrjað á víddarvíddarmörkum í gráum litum og búið til seinna mockups og hagnýtur frumgerð.

PowerMockup (frá $ 59,99)

Notaðu PowerMockup til að búa til wireframes með PowerPoint.

05-powermockup

Blýantur (ókeypis)

Laus á nokkrum vettvangi, þetta opinn hugbúnaður gefur GUI prototyping.

06-blýantur

Mogups (frá $ 9 / mánuði)

Moqups er online wireframing og mockup tól.

07-moqups

Justinmind Prototyper (frá $ 19 / mánuð)

Þetta forrit fyrir vírframleiðsluvefur og farsímaforrit keyrir á Windows og Mac OS X.

08-justinmind

FileSquare (frá ókeypis)

FileSquare er vefur-undirstaða tól til að búa til smelli gegnum frumgerð með því að tengja saman hlaðið mockup myndir.

09-filesquare

Handverk (frá $ 19 / mánuð)

Handverk er samstarfsverkefni HTML / CSS / JavaScript frumgerðartól.

10 handverk

Notandi prófanir og athugasemdir

Þegar þú hefur eitthvað steypu að sýna, ættir þú að fá það út fyrir raunverulegan notendur, safna viðbrögð og bregðast við því. Umsóknirnar og þjónusturnar sem taldar eru upp hér að neðan hjálpa þér að framkvæma nothæfi prófanir og skipuleggja notendaviðbrögð

IntuitionHQ (frá ókeypis)

Þessi fjarlægur nothæfi prófun þjónusta gerir þér kleift að keyra ýmsar notendaprófanir á hönnun og fáðu strax endurgjöf.

11-intuitionhq

Staðfestu (frá $ 19 / mánuð)

Þessi netforrit safnar og greinir notendaviðbrögð á skjái og mockups.

12-staðfesta

Polldaddy (frá ókeypis)

Polldaddy er vefforrit til að búa til og birta kannanir og kannanir.

13-polldaddy

Hugtakssvörun (ókeypis)

Heimsókn þetta samfélag á netinu að skiptast á athugasemdum um hönnun.

14-hugtak-endurgjöf

Fivesecondtest (frá ókeypis)

Þessi þjónusta safnar endurgjöf með því að biðja notendur um að muna þætti vefsins eftir að hafa séð það í aðeins fimm sekúndur.

15-fivesecondtest

PickFu (frá $ 20)

Þessi mannfjöldi þjónustu veitir fljótleg viðbrögð með einföldum A / B skoðanakönnunum.

16-pickfu

UserTesting (frá $ 49)

UserTesting leyfir þér að "líta yfir axlir" af fólki að vafra um vefsíðuna þína.

17-gagnrýni

UsabilityTools (frá $ 39 / mánuði)

Þetta safn af verkfærum býður upp á notendavinnu, þar á meðal könnunum, kortflokkun og endurgjöfareyðublöðum.

18-notagildi

Morae (frá $ 402 ca.)

Þetta skrifborð hugbúnaður skráir notendaviðskipti (lyklaborð / mús inntak, augu-mælingar, hljóð, osfrv.) og greinir niðurstöðurnar.

19-morae

BugHerd (frá $ 29 / mánuði)

BugHerd er online galla rekja spor einhvers sérstaklega hönnuð fyrir þróun vefur verkefnum.

20-bugherd

A / B hættu próf

A / B prófun er einföld: Þú býrð til tvær tilbrigði (A og B) á síðu og ákvarðar síðan hver gefur betri árangur með tilliti til kaupa, tilkynningar um fréttabréf eða aðrar þættir sem þú metur, sem endurspegla betri notendaupplifun . Þessar tvær þjónustur geta hjálpað þér með það:

Bjartsýnn (frá $ 17 / mánuði)

Þetta A / B hættu prófunar tól getur hjálpað þér að finna skilvirkasta leiðina til að auka viðskipti á vefsvæðinu þínu.

21-bjartsýnn

Visual Website Optimizer (frá ókeypis)

Eins og hagkvæmt, Visual Website Optimizer veitir stuðning við A / B prófun, fjölbreytileg prófun, hegðunarmiðun og fleira.

22-sjón-vefur-fínstillir

Analytics

Vefur greiningar veita dýrmæt innsýn í hvernig fólk notar vefsvæðið þitt. Þeir geta sagt þér hvernig gestir fara yfirleitt yfir vefsíðuna, hversu lengi þeir dvelja á hverri síðu, þegar þeir fara af stað og margt fleira. Þessar upplýsingar geta verið mjög gagnlegar til að auðkenna nothæfi og orsakir þeirra.

Crazy Egg (frá $ 9 / mánuði)

Þessi vefur greiningarþjónusta visualizes notendahóp með hita kortum, skruna kort og confetti skýrslur.

23-brjálaður egg

Inspector (frá ókeypis)

Annað vefur greiningar tól, Inspector veitir hita kort, rauntíma greiningu og skjár upptökur af gestum hegðun.

24 skoðunarmaður

Mixpanel (frá ókeypis)

Mixpanel er greinandi vettvangur til að fylgjast með sérsniðnum atburðum í farsíma og vefur umsókn.

25-mixpanel

Staðfesting, hlekkur prófanir og hraða próf

Fyrir jákvæða notendavara er einnig mikilvægt að tæknileg hlið vefsvæðisins virkar eins og ætlað er. Ekkert er pirrandi en tenglar sem benda til óþekktra síða, vefsíður sem taka að eilífu að hlaða eða brotnar síður vegna HTML og JavaScript villur.

W3C Markup Validation Service (ókeypis)

Þessi netþjónusta athuganir til að ákvarða hvort kóðinn á vefsíðu sé gild (X) HTML.

26-w3c

Dr. Link Athugaðu (ókeypis)

Þessi vefur app stöðva síðuna fyrir brotinn og svartan lista tengla.

27-dr-hlekkur-stöðva

Pingdom Full Page Test (ókeypis)

Notaðu þetta tól til að prófa og greina hversu lengi það tekur vefsíðuna þína að hlaða.

28-pingdom-fpt

Google PageSpeed ​​(ókeypis)

Þessi þjónusta Google greinir vefsíðu og gerir tillögur um hvernig á að bæta hlaða sinn.

29-síðar

CrossBrowserTesting (frá $ 29,95 / mánuði)

Þessi þjónusta veitir sýndarvél til að prófa vefsíðu í mismunandi vafra á mismunandi stýrikerfum.

30-crossbrowsertesting

Notir þú eitthvað af þessum verkfærum? Höfum við misst af því sem þú treystir á? Láttu okkur vita í athugasemdunum.