Návrhári 15 nástrojov UX a UI na zvýšenie produktivity

Ak zistíte, že ste príliš veľa času prototypovali svoj ďalší veľký dizajn, možno budete musieť urobiť krok späť a vyhodnotiť nástroje a zdroje, ktoré máte k dispozícii. Nie je dôvod držať sa rovnakého nástroja na vytváranie drôtov alebo prototypov, keď sa na webe pridávajú nové a vylepšené nástroje UX a zdroje používateľského rozhrania. Pracujte rýchlejšie, lepšie a rozmazňajte pomocou výkonnejších nástrojov a čerstvých UI zostáv.

Aby sme vám s tým mohli pomôcť, máme tu 15 nástrojov UX a UI, ktoré sú skvelé pre prototypovanie. Niektoré z nich nesú drag-and-drop funkčnosti a výkonné funkcie tímovej spolupráce, zatiaľ čo iné obsahujú veľké zdroje na testovanie použiteľnosti vášho dizajnu vo vývojovej fáze a v niektorých prípadoch v reálnom čase.

Viac informácií o Hongkiatu:

• 20 krásnych portfólií dizajnérov UI a UX
• (Viac) užitočné nástroje na testovanie použiteľnosti webu
• Čo potrebujete vedieť o testovaní použiteľnosti
• Výsledky testov A / B a prípadové štúdie pre návrh používateľskej skúsenosti
• 20 konceptov UI náčrtu vs pripravené návrhy by ste mali vidieť

Proto.io

Môžete si vytvoriť prototypy v prehliadači pomocou drag-and-drop a nulovacieho kódu s aplikáciou Proto.io a navyše môžete aplikovať viacero udalostí na dotyk a myš na ľubovoľný prvok používateľského rozhrania. Proto.io tiež nesie jednu z najrealistickejších a užitočnejších interaktívnych používateľských knižníc, ktoré nájdete v akomkoľvek prototypovom nástroji. Otestujte svoj prototyp na skutočnom zariadení a prediskutujte s projektom súvisiace informácie s členmi tímu s jeho nástrojom na spoluprácu.

Pidoco

Vytvárajte ľahko a jednoducho klikateľné drôtené snímky pomocou funkcie drag and drop programu Picodo a potom vytvorte, upravujte a zdieľajte neobmedzený počet modelov či prototypov drôteného rámu s členmi tímu a klientmi v reálnom čase. Jeho silná spätná väzba a diskusné funkcie umožňujú skvelú a jednoduchú spoluprácu. Uložte svoje prispôsobené šablóny na neskoršie použitie a otestujte svoje prototypy na svojich obľúbených mobilných zariadeniach.

Súprava UI pre mobilný dizajn Vonn

Sada Vonn Material Design UI Kit od Visual Hierarchy obsahuje 100 krásnych šablón používateľského rozhrania drag and drop v 8 kategóriách, ktoré sú ideálne pre vytváranie aplikácií pre systém Android. Šablóny sú navrhnuté s rozlíšením 1920 × 1080 pixelov, aby boli perfektne uložené na mobilnom zariadení. Nie je potrebné kódovanie. Vonn UI Kit je plne kompatibilný so smernicami spoločnosti Google pre dizajn a štýl.

AppCooker

S pokročilými funkciami, ktoré prináša aplikácia AppCooker do tabuľky, ušetríte čas, peniaze a zapôsobíte na svojich klientov pri navrhovaní a zdieľaní krásnych modelov iPhone a iPad pomocou natívnych miniaplikácií iOS. Nemáte čas na vytvorenie modelu od začiatku? AppCooker je pre vás aplikácia.

svätojánska muška

Firefly je veľmi praktický nástroj na vývoj aplikácií, ktorý ponúka užitočnú kombináciu funkcií návrhu, správy dát a spolupráce, skvelá pre organizácie s rozptýlenými vývojovými tímami. S programom Firefly je možné počas navrhovania nahrávať makety, návrhy aplikácií, obrázky a dokonca aj celé webové stránky. Tento nástroj je schopný spravovať viacero verzií návrhu a súčasne umožniť, aby sa spolupracovníci dostali do obrázka kedykoľvek počas procesu návrhu na účely zdieľania informácií.

Invision

InVision poskytuje platformu na tvorbu prototypov, spoluprácu a workflow, vhodnú pre aplikácie v prostredí s návrhom. Ľahko a rýchlo transformuje statické obrazovky na interaktívne prototypy. Funkcia "drag-and-drop" umožňuje rýchle vytváranie prototypov počas každej vývojovej fázy. Informačné funkcie, ktoré boli začlenené do tohto nástroja, predstavujú realitu, prezentáciu, spoluprácu a pohodlne zobrazenú spätnú väzbu.

Ace iOS 8 Mobile UI Kit

Sada modulov Ace Module UI je dobre organizovaná a pripravená na použitie na vylepšenie návrhov mobilných aplikácií iOS 8 v prospech koncového používateľa. Vďaka 75 šablonám PSD a viac ako 100 ikonám, ktoré sú k dispozícii pre dizajnéra, iPhone aplikácia je jednoduchšia ako kedykoľvek predtým. Obrazovky dostupné v súprave umožňujú vytvoriť viac ako 1000 rôznych aplikácií. Šablóny sú vytvorené pre veľkosť Retina HD 4.7 a sú perfektne prispôsobené na vytváranie úžasných aplikácií na iPhone 6.

Testovanie používateľov

Testovanie používateľov je používateľská výskumná platforma, ktorá môže byť použitá na otestovanie uvoľnených alebo nevydané mobilné aplikácie v zariadeniach iOS a Android. Testovanie používateľov vám navrhne test alebo si môžete sami vyskúšať test. Test môžete spustiť v priebehu niekoľkých minút a výsledky dosiahnuť do jednej hodiny. V pohode je to, že spätná väzba nie je len vo forme metriky, ale aj videí skutočných ľudí, ktorí komentujú použiteľnosť vašej aplikácie.

Prott

Prott je výkonný nástroj rýchleho prototypovania a spolupráce určený najmä na vytváranie mobilných aplikácií. Grafika, náčrty a obrázky môžu byť jednoducho animované, obrazovky je možné synchronizovať spolu a výsledný prototyp je možné prezerať na skutočnom zariadení a zdieľať s členmi tímu pre kolektívnu spätnú väzbu. Rozlíšenia a veľkosti obrazovky iOS a Android sú plne podporované.

Optimizely

Optimizely je optimalizačná platforma, ktorá ponúka rýchle a výkonné testovanie A / B pre mobilné aplikácie. Vizuálny editor umožňuje vykonať vizuálne zmeny v aplikácii v reálnom čase a bez problémov bez toho, aby čakali na preskúmanie App Store bez ohľadu na to, ako môže byť prispôsobené. Jediný riadok kódu, vygenerovaný Optimizely a vložený do vášho HTML, je jediným kódovaním, ktoré je potrebné.

Notis

Spoločnosť Notism disponuje funkciami UX, ktoré umožňujú zdieľanie návrhov udalostí a pokroku s mimoriadnou jednoduchosťou av reálnom čase. To sa premieta do rýchlejších konštrukčných iterácií, kratšieho času potrebného na odovzdanie a zjednodušeného testovania použiteľnosti. Najdôležitejším prvkom, ktorý prináša notism, je schopnosť spolupracovať s ostatnými videom, čo je niektorá z nich považovaná za skutočný hráč.

PowerMockup

PowerMockup je užitočný nástroj na vytváranie prototypov, ktorý má jedinečný twist. Tento nástroj poskytuje potrebné šablóny a funkčnosť skenovania, ale umožňuje vykonať skutočné skenovanie v aplikácii PowerPoint. To umožňuje koncovým používateľom a netechnickým účastníkom jednoduchšie sledovať proces návrhu. PowerMockup iteruje a predefinuje návrhy v reálnom čase, pričom zostáva zameraný na použiteľnosť konečného produktu.

myna

Myna prináša do tabuľky formu testovania A / B, ktorá sa učí v reálnom čase počas testovania. Optimalizuje vaše testy za behu, čo umožňuje, aby vaše najlepšie vzory mohli vidieť viac vašich zákazníkov alebo potenciálnych zákazníkov. Testy sa vykonávajú na základe vašich individuálnych návštevníkov, nie individuálnych zobrazení stránky. Výsledky testov sú rýchlo k dispozícii a Myna dokonca umožňuje, aby ste vykonali zmeny vo vašom dizajne počas prebiehajúceho testovania.

Nástroje použiteľnosti

Nástroje použiteľnosti poskytujú dve súbory užitočných nástrojov na otestovanie použiteľnosti vašej aplikácie. Jedna sada identifikuje problémy s použiteľnosťou za behu a informuje vás, ktoré funkcie vašej aplikácie upozorňujú vašich návštevníkov a ktoré funkcie sú ignorované. Druhá sada poskytuje používateľom spätnú väzbu týkajúcu sa vzhľadu vašej aplikácie. Obidva súpravy ponúkajú rôzne možnosti testovania.

Antetype

Antetyp bol vyvinutý dizajnérmi UI a poskytuje všetky nástroje, ktoré potrebujete na navrhnutie bohatých, hi-fidelity prototypov. Viac ako 400 miniaplikácií je k dispozícii pre všetky hlavné platformy, ale stále máte možnosť pridať ďalšie miniaplikácie, vrátane vlastných. Integrované funkcie interakcie a anotácie umožňujú demonštrovať priebežnú tvorbu návrhov a členom tímu a zainteresovaným stranám sprístupňovať pripomienky a spätnú väzbu.

Poznámka redaktora: Tento príspevok je napísaný používateľom Kate Dagli pre Hongkiat.com. Kate má radosť z písania webových stránok a technologických webových stránok. V súčasnosti je zamestnancom spoločnosti -webdesigner.co.