Homepage » Toolkit » Hasznos Wireframing és Prototyping Tools - Roundup

    Hasznos Wireframing és Prototyping Tools - Roundup

    A globalizáció fogalma végtelen kreativitással és fantáziával találja a világot a fiataloktól a vénekig terjedő emberek között. A tény, hogy a kreativitás lehetőséget teremt a marketing területén, a drótváz és a prototípusok határozottan szerepelnek a listán. Ezek olyan eszközök, amelyek nemcsak szépnek és szépnek tűnnek, hanem vonzódnak is.

    A Great Usability Tool Roundup-ot követően számos hasznos wireframing és prototípus-készítő eszközt szeretnénk látni. Saját tapasztalataim alapján a felhasználói élménytervezéssel foglalkozó emberekkel való beszélgetésem során tudom, hogy nincs egy eszköz mindenkinek, ezért ma szeretnénk bemutatni néhány, a rendelkezésre álló jobb választási lehetőséget..

    Wireframing és Prototyping: Dióhéjban

    Wireframing egy igazán nagyszerű módja annak, hogy segítse Önt a (vagy az ügyfelek) webhelyének kezdeti elrendezésének és kialakításának kidolgozásában. Ez azt jelenti, hogy számos különböző koncepciót hozhat létre anélkül, hogy hatalmas időt vagy pénzt kellene befektetnie az egyes fogalmakba. Megteheti mind az alacsony hűséget (vázlatok, igazi), mind a nagy hűségű drótvázokat, tesztelheti azokat a legutóbb felsorolt ​​használhatósági eszközök egyikével, és dolgozhatja ki, hogy mi lesz az Ön számára a legjobb design.,

    Prototípus a webhely tényleges, funkcionális változatának létrehozása speciális prototípus-készítő eszközzel. Ugyanazzal a navigációs struktúrával és elrendezéssel használja, mint a végső webhely, így könnyedén megfigyelheti, hogyan hatnak a felhasználók a létrehozott új designra. A prototípusok használata nagyon gyors és egyszerű módja az élő webhely megszerzésének az Ön vagy ügyfelei számára, hogy játsszon, és jól jelzi, hogy milyen lesz az utolsó oldal.

    Ezen eszközök közül sok a wireframing és a prototípusok készítését teszi lehetővé, így nem különítettük el őket különböző szakaszokra. Nyugodtan kérdezd, ha nem biztos benne, hogy mit csinál. Olvassa el a valóban hasznos eszközök listáját, és biztosan értesítse velünk a megjegyzéseket, ha vannak nagyszerű eszközök, amiket kimaradtunk.

    20+ Hasznos eszközök

    OmniGraffle

    Ez az eszköz csak Mac-hez van, de ha van egy Mac-je, akkor szuper könnyű használni. Ez rengeteg nagy erőforrás áll rendelkezésre, és nagyon szépnek tűnik. (99,95 $ - 199,95 $)

    Axure

    Az Axure az egyik legnépszerűbb gyors prototípusgyártó eszköz, és nagyon nagy a következő. Ez egy rendkívül hatékony eszköz, amelynek jó közössége van. Windows és Mac rendszeren is fut. ($ 589)

    Sokszavú posztáta

    A Mockingbird egy webes alkalmazás, amely wireframes létrehozására szolgál. Lehetővé teszi, hogy könnyen hozzon létre linkeket a dokumentumok között, így a felhasználók több interaktív élményt kaphatnak. A nagyszerű dolog az, hogy együttműködhet más felhasználókkal is. Mivel nem használja a vakut, akkor azt akár az iPhone vagy iPad készülékén is használhatja. (Ingyenes - $ 85 / hó)

    Balsamiq modellek

    A Balsamiq Mockups egy Adobe Air alkalmazás, így Mac, Windows és Linux rendszereken fut. Ez egy olyan alkalmazás, amelynek terhelhetősége és erős közössége van. Nos, érdemes megnézni. ($ 79)

    HotGloo

    A Hotgloo egy újabb webes alkalmazás, amely online együttműködésre készült. Különböző eszközök széles választékát kínálja, amelyek különböző webhelytípusok összeállítására szolgálnak. Nem tagadhatom, elég is. (Ingyenes - $ 48 / hó)

    Creately

    Létrehozva mind a webes alkalmazás, mind az asztali verzió, valamint a Google-alkalmazásokkal való integráció. Lehetővé teszi, hogy a felületet úgy húzza át, hogy gyorsan beállíthassa a terveket tetszőleges módon, valamint az együttműködési funkciókat is az alkalmazásokhoz hasonlóan. (Ingyenes - $ 75)

    FlairBuilder

    A FlairBuilder egy másik olyan Adobe Air alkalmazás, amely tetszőleges platformon futtathatja. Mind a vezetékes, mind a prototípust készíti, és még van egy modulja az iPhone-alkalmazások végrehajtásához. csinos. ($ 99)

    Mockflow

    A Mockflow webes és asztali kiadással rendelkezik. Saját üzlete van, így számos extra sablont és nyomógombot kaphat az alkalmazáshoz mellékeltekhez. (Ingyenes - 69 dollár / év)

    WireframeSketcher

    A WireframeSketcher egy asztali alkalmazás, amely lehetővé teszi, hogy vázlatokat készítsen, és interaktív prototípusokat készítsen. Rendelkezésre áll egy nagy könyvtár-kezelői kezelőfelület, így különböző terveket készíthet eléggé jó időben. ($ 75)

    Justinmind

    A Justinmind egy gyors prototípuskészítő eszköz mind a Mac, mind a Windows verziókkal. Miután létrehozta a terveket, exportálhatja azokat a HTML-be, hogy tesztelje vagy megoszthassa velünk a kívánt személyt. ($ 495)

    Origramy

    Nem eredetileg drótvázas eszközként tervezték, de minden bizonnyal egy jó szabad alternatíva azoknak az időknek, amikor meg kell ütni egy gyors drótvázot. (Ingyenes)

    Wirify

    Személy szerint Wirify az én kedvencem. Ez egy könyvjelző, amely lehetővé teszi, hogy bármilyen webhelyről drótvázokat generáljon. Az ingyenes verzió lehetővé teszi, hogy megtekinthesse őket online (és mindig rögzítheti a képernyőképeket), vagy ha néhány kreditet vásárol, akkor exportálhatja a wireframes-t az Omnigraffle, a Balsamiq, az SVG vagy a Visio. Ez nagyon jó eszköz! (Ingyenes vagy Pro ár változik)

    Simulify

    A Simulify webes és asztali kiadással rendelkezik (egy Adobe Air alkalmazás). Együttműködési jellemzőkkel rendelkezik, és lehetővé teszi, hogy a terveit online megoszthassa bárki, aki tetszik. (Ingyenes - 99 dollár / hónap web, 80 dolláros asztal)

    JustProto

    A JustProto, ahogy a neve is sugallja, egy gyors prototípuskészítő eszköz. Olyan hasznos elemekkel rendelkezik, amelyek bármilyen tervezési, együttműködési és élő előnézetbe vonhatók, így az ügyfelek valós időben láthatják, hogy dolgoznak.. (Ingyenes - 99 $ / hó)

    Napkee

    A Napkee együttműködik a Balsamiq Mockupszal, hogy gyorsabban exportálhassa a terveit HTML-re vagy Flex-re. Ha Ön egy Balsamiq rajongó, ez tényleg rendkívül hasznos eszköz. ($ 49 - $ 79)

    ForeUI

    A ForeUI segítségével gyorsan összeállíthatja a maketteket, és azokat élő szimulációkké alakíthatja, amelyeket közzéteszhet az interneten. Gyors és egyszerű módja annak, hogy Ön vagy a felhasználók megismerjék, hogy milyen lehet az élő webhelye. ($ 99 +)

    Jumpchart

    A Jumpchart egy nagyon szép alkalmazás, amely nem csak a drótvázak és a prototípusok összeállítását teszi lehetővé, hanem azt is lehetővé teszi, hogy exportálja őket HTML-be, és ha a magasabb tervekért fizet, akkor támogatja a WordPress exportját is. (Ingyenes - $ 50 / hó)

    Protoshare

    A Protoshare segítségével együttműködhet az ügyfelekkel, gyorsabb interaktív prototípusokat hozhat létre, és van egy szép húzó- és csatolási felület. Néhány nagy név ügyfelünk is, ha ez az, amire szüksége van. ($ 29 - $ 179 / hó)

    iPhoneMockup

    Ez egy ingyenes és nagyon egyszerű eszköz egy gyors iPhone drótváz létrehozásához. Ha van egy ötlete arról, hogy mit szeretne dolgozni, vagy valami, amit el szeretne képzelni, akkor ez az eszköz az Ön számára. Próbáld ki! (Ingyenes)

    Lumzy

    Bár Lumzy nem úgy tűnik, hogy egy ideig frissült, de érdemes megemlíteni, mint szabad alternatívát. Ez lehetővé teszi, hogy maketteket, prototípusokat készítsen, és számos különböző együttműködési funkcióval rendelkezik. (Ingyenes)

    Pidoco

    A Pidoco lehetővé teszi a drótvázak, prototípusok létrehozását, az ügyfelekkel való együttműködést, és még néhány alapvető használhatósági tesztelési funkciót is tartalmaz.. ($ 9 - $ 99 / month)

    Akkor most mi legyen?

    Remélhetőleg a hozzászólás elolvasása után inspirálta magát, és van néhány ötlete, hogy hogyan segíthet a wireframing és a prototípusok. Miután létrehozta a terveket, akkor folytathatja és tesztelheti azokat az összes használható eszközzel.

    Ha egy kicsit több információt szeretne a drótkeresésről és a prototípusokról, néhány hasznos linket is felsoroltunk.

    • Útmutató a Wireframinghez (Papermashup.com)
    • Wireframe honlapja (Wikipedia)
    • Hogyan fejlesszünk ki egy hatékony prototípust? (Newfangled.com)

    Van-e olyan más alkalmazás, amelyet ajánlott? Mi a kedvenc eszköz? Ügyeljen arra, hogy tájékoztassa velünk az alábbi megjegyzéseket.