Hledáte nástroj na prototypování pokročilých interakcí, například pro vaší mobilní aplikaci? Pak určitě vyzkoušejte tento zajímavý nástroj.
Nástroj najdete na adrese https://www.protopie.io.
Souhrn
- Jednoduchý nástroj na tvorbu uživatelského rozhraní a pokročilých prototypů
- Prototypy můžete zkoušet rovnou na cílovém zařízení
- Nabízí možnosti tvorby interakcí včetně pokročilých, které žádný další nástroj nenabízí
- Funguje přes nativní aplikaci, ze které můžete návrhy sdílet do webového rozhraní
- Nabízí verzi zdarma, jinak placený od $67 za každého editora
Co to umí
Návrh UI
- Vkládání různých tvarů pro návrhy, například:
- Základní tvary jako obdelník, elipsa, trojúhelník nebo čára
- Kreslední vektorů
- Vkládání textů, obrázků
- Základní možnosti transformace objektů, jako překlopení či otočení
- Řadit prvky do vrstev a skupin
- Možnost vytvářet interaktivní komponenty – včetně inputů, do kterých lze psát
- Možnost ukládat komponenty jako sdílené pro přepoužití v různých projektech
- Můžete sledovat a spravovat různé verze knihoven
- Lze vytvářet kontejnery a scrollovatelné kontejnery.
Prototypování
- Jednoduše měnit akční/interaktivní plochu prvků dodatečným nastavením, tzv. touch area
- Výběr z 26 různých forem interakcí, které jsou rozdělené do kategorií:
- Dotyk – zmáčknutí, dvojité zmáčknutí, dlouhé, atp. Můžete si i zvolit, kolik prstů se bude brát pro danou interakci.
- Myš – přejetí myší, atp.
- Klávesnice – zmáčknutí klávesy
- Podmínky – navázání několika událostí, rozsahy změn, atp.
- Další vstup
- Senzory – hlas, zvuk, pohyb, atp.
- Nastavení různých forem výsledku interakcí – od změny barev, výplní až po vygenerování obsahu, spuštění kamery, zvuku, atd.
- Možnost nastavit podmínky pro interakce a jejich výsledky.
- Možnost pracovat s dynamickými proměnnými a funkcemi v rámci prototypu – můžete zde ukládat a měnit hodnoty, atd. Toho můžete využít pro dynamické a interaktivní prototypy.
- Možnost zobrazit náhled prototypu v rámci aplikace
- Možnost zobrazit prototyp přímo na cílovém zařízení přes aplikaci Preview
- Možnost uložit a sdílet prototyp pomocí webového prohlížeče
- Interakce je možné nahrávat
Ostatní
- Návrhy můžete ukládat jako soubory, ale také jako projekty ve webové aplikaci, kde je můžete sdílet s dalšími lidmi, například členy firemního účtu
- Pro své projekty můžete spravovat historii změn
- Import projektů z nástrojů Figma, Sketch nebo Adobe XD
- Možnost vidět již vytvořené projekty v rámci komunity
- Dobrá dokumentace popisující jednotlivé funkcionality






