Pagrindinis » Įrankių rinkinys » Naudingi Wireframing ir Prototyping Tools - Roundup

    Naudingi Wireframing ir Prototyping Tools - Roundup

    Globalizacijos samprata nukreipia pasaulį į besitęsiantį kūrybiškumą ir vaizduotę tarp žmonių, pradedant nuo jaunimo iki vyresniųjų. Sprendžiant iš to, kad kūrybiškumas sukuria galimybes rinkodaros srityje, sąraše yra neabejotinai „wireframing“ ir „prototipų kūrimas“. Tai yra įrankiai, kurie ne tik daro jūsų svetaines gražias ir tvarkingas, bet ir pritraukia.

    Toliau iš mūsų „Great Usability Tool Roundup“ mes norėtume turėti keletą naudingų wireframing ir prototipų kūrimo įrankių. Remdamasis savo patirtimi kalbėdamas su žmonėmis, dirbančiais vartotojų patirties kūrimo srityje, žinau, kad kiekvienam nėra vieno įrankio, todėl šiandien norėtume pateikti jums keletą geresnių galimybių.

    Wireframing ir prototipų kūrimas: Trumpai tariant

    Wireframing yra puikus būdas padėti jums parengti savo (ar jūsų klientų) svetainės pradinį išdėstymą ir dizainą. Tai reiškia, kad jūs galite sugalvoti įvairias koncepcijas, nereikia investuoti didžiulės laiko ar pinigų į kiekvieną koncepciją. Jūs galite padaryti tiek mažą ištikimybę (eskizus, tikrai), tiek ištikimybę, testuoti juos su vienu iš naudojimo įrankių, kuriuos mes nurodėme paskutinį kartą, ir išsiaiškinti, kas bus geriausias jums tinkantis dizainas,

    Prototipų kūrimas reiškia sukurti faktinę, funkcinę svetainės versiją, naudojant specialų prototipų kūrimo įrankį. Jis naudoja tą pačią navigacijos struktūrą ir išdėstymą, kaip ir jūsų galutinė svetainė, todėl galite lengvai stebėti, kaip naudotojai sąveikauja su nauju sukurtu dizainu. Prototipų kūrimo įrankių naudojimas yra tikrai greitas ir paprastas būdas gauti tiesioginę svetainę, kad jūs ar jūsų klientai galėtų žaisti, ir suteikia puikią informaciją apie tai, kokia bus galutinė svetainė.

    Daugelis iš šių įrankių gali daryti „wireframing“ ir prototipų kūrimą, todėl mes jų nepadarėme skirtingose ​​dalyse. Nesivaržykite paklausti, ar nesate tikri, ką daro. Skaitykite toliau, kad pateiktumėte tikrai naudingų įrankių sąrašą ir būtinai praneškite mums apie komentarus, jei yra kokių nors puikių įrankių, kurių praleidome.

    20+ Naudingi įrankiai

    Omnigraffle

    Šis įrankis skirtas tik „Mac“, tačiau jei turite „Mac“, tai labai paprasta naudoti. Jis turi daug milžiniškų išteklių ir atrodo labai gražus. ($ 99,95 - $ 199,95)

    Axure

    „Axure“ yra viena iš populiariausių sparčiojo prototipų kūrimo įrankių. Tai labai galingas įrankis, turintis gerą bendruomenę. Jis veikia tiek „Windows“, tiek „Mac“. ($ 589)

    Strazdas giesmininkas

    „Mockingbird“ yra tvarkinga žiniatinklio programa, skirta kurti „wireframes“. Tai leidžia jums lengvai susieti nuorodas tarp jūsų dokumentų, kad vartotojai galėtų gauti daugiau interaktyvios patirties. Puikus dalykas yra tai, kad taip pat galite bendradarbiauti su kitais naudotojais. Kadangi ji nenaudoja blykstės, galite net ją naudoti savo „iPhone“ ar „iPad“. (Nemokama - $ 85 / month)

    Balsamiq maketai

    „Balsamiq Mockups“ yra „Adobe Air“ programa, todėl ji veikia „Mac“, „Windows“ ir „Linux“. Tai programa, turinti funkcionalumo ir stiprios bendruomenės apkrovą. Na, verta pažvelgti. ($ 79)

    „HotGloo“

    „Hotgloo“ yra dar viena „Wireframing“ žiniatinklio programa, skirta bendradarbiauti internete. Jame yra įvairių įrankių, kurie yra supakuoti įvairių svetainių tipų rinkimui. Aš negaliu paneigti, taip pat gana. (Nemokama - $ 48 / month)

    Gerai

    „Creately“ turi tiek žiniatinklio programą, tiek kompiuterio versiją, taip pat integraciją su „Google“ programomis. Tai leidžia jums nuvilkti sąsają, kad galėtumėte greitai sukurti dizainą bet kokiu būdu, taip pat kaip bendradarbiavimo programas, kaip ir programas. (Laisvas - $ 75)

    FlairBuilder

    „FlairBuilder“ yra dar viena „Adobe Air“ programa, kurią galite paleisti bet kurioje norimoje platformoje. Jis atlieka tiek „wireframing“, tiek „prototipų kūrimą“ ir netgi turi „iPhone“ programų kūrimo modulį. Nifty. ($ 99)

    Mockflow

    „Mockflow“ turi ir interneto, ir darbalaukio leidimą. Ji turi savo parduotuvę, kad galėtumėte gauti papildomų šablonų ir mygtukų, kuriuos galite pridėti prie programų, kurias rasite kartu su programa. (Laisvas - $ 69 per metus)

    WireframeSketcher

    „WireframeSketcher“ yra darbalaukio programa, leidžianti „brėžti“ wireframes ir sukurti interaktyvius prototipus. Jis turi didelę UI bibliotekų biblioteką, kad galėtumėte statyti skirtingus dizainus gana gerai. ($ 75)

    Justinmind

    „Justinmind“ yra greitas prototipų kūrimo įrankis su „Mac“ ir „Windows“ versijomis. Sukūrę savo dizainą, galite juos eksportuoti į HTML, kad galėtumėte išbandyti ar bendrinti su kuo norite. ($ 495)

    Origramija

    Iš pradžių jis nebuvo suprojektuotas kaip „wireframing“ įrankis, bet tikrai gera nemokama alternatyva tiems laikams, kai jums reikia išmušti greitą karkasą. (Laisvas)

    Patikrinkite

    Asmeniškai Wirify yra mano mėgstamiausia. Tai knygelė, leidžianti generuoti bet kurios svetainės, kurioje esate, wireframes. Laisva versija leidžia juos peržiūrėti internete (ir visada galite užfiksuoti jų vaizdus), arba, jei perkate kai kuriuos kreditus, galite eksportuoti wireframes į „Omnigraffle“, „Balsamiq“, „SVG“ arba „Visio“. Tai tikrai kietas įrankis! (Nemokama arba Pro kaina skiriasi)

    Simuliuokite

    „Simulify“ turi ir interneto, ir darbalaukio leidimą („Adobe Air“ programą). Jis turi bendradarbiavimo funkcijas ir leidžia bendrinti savo dizainą internete su kuo norite. (Nemokama - $ 99 / month web, $ 80 darbalaukis)

    JustProto

    JustProto, kaip rodo pavadinimas, yra greitas prototipų kūrimo įrankis. Jame yra naudingų elementų biblioteka, kurią galite įtraukti į bet kokį dizainą, bendradarbiavimo galimybes ir tiesioginį peržiūrą, kad jūsų klientai galėtų matyti, kaip dirbate realiu laiku. (Laisvas - $ 99 per mėnesį)

    Napkee

    „Napkee“ dirba kartu su „Balsamiq Mockups“, kad galėtumėte greičiau eksportuoti savo dizainus į HTML arba Flex. Jei esate „Balsamiq“ ventiliatorius, tai tikrai labai naudinga priemonė. ($ 49 - $ 79)

    ForeUI

    ForeUI leidžia greitai surinkti maketus ir paversti juos gyvais modeliais, kuriuos galite publikuoti žiniatinklyje. Tai greitas ir paprastas būdas jums ar jūsų naudotojams gauti idėją, kokia gali būti jūsų tiesioginė svetainė. ($ 99 +)

    „Jumpchart“

    „Jumpchart“ yra labai graži programa, kuri leidžia ne tik sudėti wireframes ir prototipus, bet ir leidžia eksportuoti juos į HTML, o jei sumokėsite už vieną iš aukštesnių planų, ji taip pat palaikys „WordPress“ eksportą.. (Laisvas - $ 50 per mėnesį)

    Protoshare

    „Protoshare“ leidžia bendradarbiauti su klientais, greičiau kurti interaktyvius prototipus ir turi gražią „drag and drop“ sąsają. Kai kurie dideli vardų klientai taip pat yra, jei tai yra. ($ 29 - $ 179 per mėnesį)

    „iPhoneMockup“

    Tai nemokama ir labai paprasta priemonė norint sukurti greitą „iPhone“ wireframes. Jei turite idėją, ką norėtumėte dirbti arba ką norėtumėte įsivaizduoti, tai yra priemonė jums. Pabandyk tai! (Laisvas)

    Lumzy

    Nors Lumzy netrukus buvo atnaujintas, tačiau verta paminėti, kad tai yra nemokama alternatyva. Tai leidžia jums atlikti maketus, prototipus ir turėti daug skirtingų bendradarbiavimo funkcijų. (Laisvas)

    Pidoco

    „Pidoco“ leidžia jums sukurti wireframes, prototipus, bendradarbiauti su klientais ir netgi įdiegti pagrindines naudingumo testavimo funkcijas.. ($ 9 - $ 99 / month)

    Taigi dabar?

    Tikimės, kad po to, kai perskaitėte šį įrašą, jaučiatės įkvėpimo, ir jūs turite idėją, kaip Wireframing ir prototipų kūrimas gali jums padėti. Sukūrę savo dizainą, galėsite tęsti ir išbandyti visus naudojimosi įrankius, kuriuos matėme.

    Jei norite šiek tiek daugiau informacijos apie „wireframing“ ir „prototipų kūrimą“, pateikiame keletą naudingų nuorodų.

    • „Wireframing“ vadovas (papermashup.com)
    • Tinklavietės viela (Vikipedija)
    • Kaip sukurti efektyvų prototipą (newfangled.com)

    Ar turite kitų programų, kurias rekomenduotumėte? Kas yra jūsų mėgstamiausia priemonė? Būtinai praneškite mums toliau pateiktose pastabose.