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

Napsat komentář