30 Základní nástroje UX
Když vývojáři vytvářejí webové stránky, často se zaměřují na rozvržení a technické vlastnosti, ale zanedbávají jeden velmi důležitý aspekt - jak uživatel zažívá lokalitu. Pokud mají uživatelé těžko zjistit, jak dosáhnout svých cílů, budou hledat jinde a nevracejí se. Příjemná uživatelská zkušenost může na druhé straně vytvářet příznivý a trvalý dojem, který odlišuje místo od konkurence.
Proto je velmi důležité pečlivě zvážit, co uživatelé při návštěvě vašeho webu prožívají. Musíte se ptát sami sebe: poskytuje tato stránka informace, které uživatel očekává? Stejně jako u mnoha věcí, nejmenší detaily mohou znamenat největší rozdíl v zkušenostech uživatele.
V tomto příspěvku představím 30 vynikajících nástrojů a služeb pro tvorbu webových stránek s lepší použitelností.
Myslové mapy, vývojové diagramy a mapové soubory
Založení použitelných webových stránek je dobrý plán. Pokud nemáte základní představu o tom, kde se váš projekt vede, je nepravděpodobné, že dorazíte na správné místo. Myslové mapy, vývojové diagramy a mapové soubory jsou efektivními nástroji pro vytváření diagramů, které potřebujete. Myslové mapy jsou skvělé pro vytváření a organizování nápadů, zatímco vývojové diagramy pomáhají vizualizovat a naplánovat kroky v procesu. Soubory Sitemap lze použít k identifikaci navigační struktury webu. Zde jsou některé aplikace, které vám mohou pomoci s těmito úkoly:
XMind (zdarma)
XMind je open-source mapovací program pro Windows, Mac OS X a Linux.
ConceptDraw Office (od $ 199)
Výkonný diagramový nástroj, ConceptDraw Office poskytuje podporu vývojovým diagramům a mapám mysli v systémech Windows a Mac.
OmniGraffle (69,99 dolarů)
Uživatelé Mac OS X a iPad si mohou vybrat OmniGraffle vytvářet diagramy, organizační diagramy a mnoho dalších typů diagramů.
Gliffy (zdarma)
Gliffy je webové aplikace založené na diagramu s podporou vývojových diagramů a mapových souborů.
Drátěné rámy a prototypy
Než začne skutečné kódování, má často smysl udělat nějaké prototypy. Prototypy vám umožňují hrát různé nápady a odhalit možné problémy, aniž byste investovali mnoho času do kódování a designu. Můžete začít s drobnými vědomostmi drátěných rámů v odstínech šedé a později vytvářet vizuální modely a vysoce funkční prototypy.
PowerMockup (od $ 59.99)
Použití PowerMockup k vytvoření drátových rámců s aplikací PowerPoint.
Tužka (zdarma)
K dispozici na několika platformách, tento open source software poskytuje prototypování GUI.
Mogups (od $ 9 / měsíc)
Moqups je on-line wireframing a mockup nástroj.
Justinmind Prototyper (od $ 19 / měsíc)
Tato aplikace pro wireframing web a mobilní aplikace běží na Windows a Mac OS X.
FileSquare (zdarma)
FileSquare je webový nástroj pro vytváření prototypů prokliků propojením společně nahraných obrázkových obrazů.
Handcraft (od $ 19 / měsíc)
Ruční práce je společný prototypovací nástroj HTML / CSS / JavaScript.
Testování uživatelů a zpětná vazba
Jakmile budete mít něco konkrétního, měli byste to dostat před skutečné uživatele, získat zpětnou vazbu a jednat na tom. Aplikace a služby uvedené níže vám pomohou provést testy použitelnosti a organizovat zpětnou vazbu uživatelů.
IntuitionHQ (zdarma)
Tato služba vzdálené testování použitelnosti umožňuje provádět různé uživatelské testy na vašich návrzích a získávat okamžitou zpětnou vazbu.
Ověřte (od $ 19 / měsíc)
Tato online aplikace shromažďuje a analyzuje zpětnou vazbu uživatelů na obrazovkách a makrech.
Polldaddy (zdarma)
Polldaddy je webová aplikace pro vytváření a publikování průzkumů a průzkumů.
Koncepce zpětné vazby (zdarma)
Návštěva této on-line komunitě k výměně zpětné vazby ohledně návrhů.
Nejkratší test (z volného)
Tato služba shromažďuje zpětnou vazbu tím, že žádá od uživatelů, aby si připomněli prvky webové stránky poté, co je viděli jen pět sekund.
PickFu (od $ 20)
Tato slučitelnost poskytuje rychlou zpětnou vazbu prostřednictvím jednoduchých průzkumů A / B.
Uživatelské testování (od $ 49)
Uživatelské testování vám umožní "pohlédnout přes ramena" lidí, kteří procházejí vaše webové stránky.
UsabilityTools (od $ 39 / měsíc)
Tato sbírka nástrojů nabízí uživatelský výzkum včetně průzkumů, třídění karet a formuláře zpětné vazby.
Morae (od $ 402).
Tento desktop software zaznamenává interakce uživatelů (vstup klávesnice / myši, sledování očí, zvuk atd.) a analyzuje výsledky.
BugHerd (od $ 29 / měsíc)
BugHerd je online sledovač chyb speciálně určený pro projekty webového vývoje.
Zkoušky A / B
Testování A / B je jednoduché: vytvoříte dvě varianty (A a B) stránky a pak určíte, který z nich vytváří lepší výsledky měřené z hlediska nákupů, registrace newsletteru nebo jiných faktorů, které oceníte, což odráží lepší uživatelskou zkušenost . Tyto dvě služby vám mohou pomoci s tím:
Optimizovaně (od $ 17 / měsíc)
Tento nástroj pro rozdělení A / B vám pomůže najít nejúčinnější způsob, jak zvýšit počet konverzí na vašem webu.
Optimalizátor webových stránek zdarma (zdarma)
Stejně jako Optimizely, Optimalizátor webových stránek poskytuje podporu pro testování A / B, testování s více proměnnými, cílení na chování a další.
Analytics
Webová analýza poskytuje cenné informace o tom, jak lidé používají váš web. Mohou vám říci, jak se návštěvníci obvykle procházejí webovými stránkami, jak dlouho zůstávají na každé stránce, kdy opustí web a mnohem víc. Tyto informace mohou být mimořádně užitečné při identifikaci problémů použitelnosti a jejich příčin.
Crazy Egg (od $ 9 / měsíc)
Tato webová analytická služba zobrazuje chování uživatelů s mapami tepla, mapami posouvání a konfety.
Inspectlet (zdarma)
Další webový nástroj pro analýzu, Kontrola poskytuje mapování tepla, analýzu v reálném čase a obrazovkové záznamy o chování návštěvníků.
Mixpanel (zdarma)
Mixpanel je platforma pro analýzu pro sledování vlastních událostí v mobilních a webových aplikacích.
Ověření, kontroly spojení a testy rychlosti
Pro pozitivní uživatelskou zkušenost je také důležité, aby technická stránka webu fungovala tak, jak bylo zamýšleno. Nic není mnohem frustrující než odkazy odkazující na neexistující stránky, webové stránky, které se navždy načítají, nebo rozbité stránky kvůli chybám v jazyce HTML a JavaScript.
Služba ověřování značek W3C (zdarma)
Tato online služba kontroluje, zda je kód webové stránky platný (X) HTML.
Dr. Link Check (zdarma)
Tato webová aplikace zkontroluje místo pro zlomené a černé listiny.
Test úplné stránky Pingdom (zdarma)
Použití tento nástroj testovat a analyzovat, jak dlouho trvá načítání webové stránky.
Google PageSpeed (zdarma)
Tato služba Google analyzuje webovou stránku a navrhuje, jak zlepšit její čas načítání.
CrossBrowserTesting (od $ 29.95 / měsíc)
Tato služba poskytuje virtuální stroje pro testování webových stránek v různých prohlížečích v různých operačních systémech.
Používáte některý z těchto nástrojů? Zmeškávali jsme, na kterých se spoléháte? Dejte nám vědět v komentářích.