Designéři 15 Nástroje UX & UI pro zvýšení produktivity

Pokud zjistíte, že trávíte příliš mnoho času prototypováním svého dalšího velkého designu, možná budete muset udělat krok zpět a vyhodnotit nástroje a zdroje, které máte k dispozici. Není důvod držet se stejného nástroje wireframing nebo prototypingu, když jsou na webu přidávány nové a vylepšené nástroje UX a zdroje uživatelského rozhraní. Pracujte rychleji, lépe a lépe s výkonnějšími nástroji a čerstvějšími sadami uživatelských rozhraní.

Abychom vám pomohli, máme zde 15 nástrojů UX a UI, které jsou skvělé pro prototypování. Některé z nich nesou přetažení funkčnosti a výkonné funkce pro týmovou spolupráci, zatímco jiné obsahují velké zdroje pro testování použitelnosti vašeho návrhu ve fázi vývoje av některých případech v reálném čase.

Více o Hongkiatu:

20 krásných portfolia návrhářů UI & UX
(Více) užitečné nástroje pro testování použitelnosti webu
Co potřebujete vědět o testování použitelnosti
Výsledky testů A / B a případové studie pro návrh uživatelského prostředí
20 návrhů náčrtků UI vs hotových návrhů byste měli vidět

Proto.io

Své prototypy můžete vytvořit v prohlížeči pomocí přetažení a nulového kódu pomocí protokolu Proto.io a navíc použít více událostí dotyku a myši na libovolný prvek uživatelského rozhraní. Proto.io také nese jednu z nejrealističtějších a nejužitečnějších interaktivních UI knihoven, které najdete v každém prototypovacím nástroji. Otestujte si svůj prototyp na skutečném zařízení a projednejte si informace o svém návrhu s členy týmu s jeho nástrojem pro spolupráci.

Pidoco

Pomocí funkce Picodo je možné snadno a rychle vytvářet drátové modely s možností klepnutí a poté vytvořit, upravit a sdílet neomezený počet modelů nebo prototypů drátových modelů s členy týmu a klienty v reálném čase. Jeho výkonná zpětná vazba a diskusní funkce umožňují skvělou a snadnou spolupráci. Uložte přizpůsobené šablony pro pozdější použití a otestujte své prototypy na svých oblíbených mobilních zařízeních.

Sada UI pro mobilní materiály

UI Kit od společnosti Vonn Material Design od Visual Hierarchy obsahuje 100 krásných šablon UI v drag-and-drop v 8 kategoriích, které jsou ideální pro vytváření aplikací pro Android. Šablony jsou navrženy s rozlišením 1920 × 1080 pixelů, aby se dokonale hodily na mobilní zařízení. Žádné kódování není potřeba. Souprava Vonn UI Kit je plně kompatibilní s pokyny společnosti Google týkajícími se designu a stylu.

AppCooker

S pokročilými funkcemi AppCooker přináší na stůl, ušetříte čas, peníze, a zapůsobit na své klienty, při navrhování a sdílení krásné iPhone a iPad makety pomocí nativní iOS widgety. Nemáte čas vytvořit maketu od nuly? Pak je AppCooker aplikace pro vás.

Firefly

Firefly je velmi praktický nástroj pro vývoj aplikací, který nabízí užitečnou kombinaci funkcí designu, správy dat a spolupráce, která je skvělá pro organizace s rozptýlenými vývojovými týmy. S programem Firefly je možné během procesu návrhu nahrávat makety, návrhy aplikací, obrázky a dokonce i celé webové stránky. Tento nástroj má schopnost spravovat více verzí návrhu a zároveň umožňuje spolupracovníkům, aby byli kdykoli během procesu návrhu pro účely sdílení informací zařazeni do obrazu..

InVision

InVision poskytuje platformu pro tvorbu prototypů, spolupráci a pracovní postupy, která je vhodná pro aplikace v prostředí s návrhem. Snadno a rychle transformuje statické obrazovky na interaktivní prototypy. Funkce přetahování umožňuje rychlé prototypování během jakékoli vývojové fáze. Informační funkce, které byly začleněny do tohoto nástroje, umožňují real-time prezentaci designu, spolupráci a pohodlně zobrazenou zpětnou vazbu.

Ace iOS 8 Mobile UI Kit

Ace modul UI Kit je dobře organizovaný a připravený k použití pro návrhy mobilních aplikací iOS 8 ve prospěch koncového uživatele. Se 75 šablonami PSD a více než 100 ikonami, které má designer k dispozici, je design aplikace pro iPhone jednodušší než kdy jindy. Obrazovky dostupné v sadě umožňují vytvořit více než 1000 různých aplikací. Šablony jsou vytvořeny pro velikost Retina HD 4,7 a jsou ideální pro vytváření ohromujících aplikací na iPhone 6.

Testování uživatele

Testování uživatelů je platforma pro výzkum uživatelů, kterou lze použít k testování vydaných nebo nevydaných mobilních aplikací na zařízeních se systémem iOS a Android. Testování uživatelů vám navrhne test, nebo si můžete sami navrhnout test. Test můžete spustit v minutách a výsledky za hodinu. Skvělé na tom je, že zpětná vazba není jen ve formě metrik, ale také videí skutečných lidí, kteří komentují použitelnost vaší aplikace..

Prott

Prott je výkonný nástroj pro rychlé prototypování a spolupráci speciálně navržený pro vytváření mobilních aplikací. Grafiku, náčrtky a obrázky lze snadno animovat, obrazovky lze synchronizovat a výsledný prototyp lze zobrazit na reálném zařízení a sdílet s členy týmu za účelem zpětné vazby. Rozlišení a velikosti obrazovek iOS a Android jsou plně podporovány.

Optimálně

Optimizely je optimalizační platforma nabízející rychlé a výkonné testování A / B pro mobilní aplikace. Vizuální editor umožňuje vizuální změny ve vaší aplikaci v reálném čase a za běhu bez čekání na recenzi App Store, bez ohledu na to, jak to může být. Jediný řádek kódu, generovaný Optimizely, a vložený do vašeho HTML je jediné kódování, které je nezbytné.

Notismus

Notismus je vybaven funkcí UX, která umožňuje sdílení návrhových událostí a pokroku s pozoruhodnou lehkostí a v reálném čase. To se promítá do rychlejších iterací designu, méně času potřebného pro odhlášení a zjednodušeného procesu testování použitelnosti. Nejvýznamnějším rysem Notismu, který přináší stůl, je schopnost spolupracovat s ostatními videem, což je vlastnost, kterou někteří považují za skutečného hráče hry..

PowerMockup

PowerMockup je užitečný nástroj pro prototypování, který má jedinečný twist. Tento nástroj poskytuje potřebné šablon a funkcionality pro wireframing, ale umožňuje, aby se v aplikaci PowerPoint provedlo skutečné zapojení. To umožňuje koncovým uživatelům i netechnickým účastníkům snadněji sledovat proces navrhování. PowerMockup iteruje a předefinuje návrhy v reálném čase, přičemž zůstává zaměřen na použitelnost konečného produktu.

myna

Myna přináší na stůl formu testování A / B, která se učí v reálném čase při testování. Optimalizuje vaše testy za běhu a umožňuje vašim nejlepším návrhům vidět více vašich zákazníků nebo potenciálních zákazníků. Testy jsou prováděny na základě vašich individuálních návštěvníků, nikoli individuálních zobrazení stránky. Výsledky testů jsou rychle dostupné a Myna vám dokonce umožňuje provádět změny ve vašem návrhu během testování.

Nástroje použitelnosti

Nástroje použitelnosti poskytují dvě sady užitečných nástrojů pro testování použitelnosti vaší aplikace. Jedna sada identifikuje problémy s použitelností za běhu, a řekne vám, které funkce vaší aplikace přitahuje pozornost vašich návštěvníků a které funkce, které jsou ignorovány. Druhá sada poskytuje zpětnou vazbu uživatele týkající se vzhledu vaší aplikace. Obě sady nabízejí řadu možností testování.

Antetyp

Antetyp byl vyvinut designéry UI a poskytuje všechny nástroje, které potřebujete k návrhu bohatých prototypů hi-fidelity. Pro všechny hlavní platformy je k dispozici více než 400 widgetů, ale stále máte možnost přidat další widgety, včetně vlastních. Integrované funkce interakce a anotace umožňují demonstrovat probíhající návrhové práce a členům týmu a zúčastněným stranám zpřístupnit komentáře a zpětnou vazbu.

Poznámka editora: Tento příspěvek je napsán Kate Dagli pro Hongkiat.com. Kate se těší psaní zaoblení pro webové dev a webové stránky technologie. V současné době je zaměstnankyní společnosti the-webdesigner.co.