Koduleht » Veebidisain » 7 veebidisainerite prototüüpimisvahendid

    7 veebidisainerite prototüüpimisvahendid

    Kas teate erinevust traatraam, makett ja prototüüp? Neid kolme mõistet kasutatakse sageli vahetatult, et tähendada sama asja. Probleem on selles, et sa ei peaks.

    A traatraam on disaini staatiline, vähese truuduse kujutis. See annab ülevaate kavandatava kujunduse väljanägemisest või kujust, kuid mitte selle funktsionaalsusest või tundlikkusest. A makett annab rohkem teavet. Mockups on keskmisest kuni kõrgele truudusele kavandatava kujunduse kohta. Makettid on ka staatilised ja nad ei tõenda interaktiivsust.

    Prototüübid, teiselt poolt on dünaamiline. Nad saavad esindage oma lõplikku disaini peaaegu igasuguse detailsusega. Prototüüpi saab isegi testida nagu see oleks tegelik lõpptoode, kuna see võib pakkuda sama välimust ja tunda. Kolmest neist oleks see, mis annaks kõige rohkem mulje, prototüüp.

    Kuidas ehitada prototüüp

    Nüüd on prototüübi eesmärk täpselt tõestada valitud disainiomadusi. Veebi- või rakenduste rakenduste prototüübid on tavaliselt välja töötatud kolm etapid:

    1. Lehekülg voolab (kuidas kasutaja võib navigeerida) välja.
    2. Ehitatakse iga lehekülje mitu vähese truuduse versiooni ja testitakse kasutatavust.
    3. Saadud õppetundide põhjal lisatakse üksikasjad, et luua oma kavandatava disaini kõrge usaldusväärsuse mudel.

    Selles postituses vaatame läbi mõned prototüüpimisvahendid, mis aitavad protsessi lihtsustada, lihtsustada asju ja prototüüpe kiiremini välja lasta. Siin on 7 prototüüpimisvahendit.

    InVision

    InVision on Forbes'i sõnul maailma privaatsete pilveteenuste nimekirja ülaserva kõrval, nagu näiteks Slack, Dropbox ja MailChimp. See au tuleneb osaliselt InVisioni "alati sisse" platvormist, mis teeb koostöö, tagasiside ja kõrglahutusega prototüüpide loomine nii lihtne.

    InVisioni abil on võimalik hallata projekti ekraane ja olekuid ühest asukohast, teha reaalajas koostööd ja säilitada versiooni kontrolli, samal ajal kui piksel-täiuslike prototüüpide loomine, millel on tõelised veebi- ja mobiilirakendused. InVisioniga saate isegi teostada tasuta piiramatut katsetamist teie prototüüpidele.

    Et avastada, mida disainimaailm ja InVisioni enam kui 2 miljonit kasutajat armastavad selle platvormi kohta, registreeruge tasuta prooviperioodiks. Alustamiseks klõpsake lihtsalt lingil InVision.

    Pidoco

    Kas vajate a klikkimise traatraam, või a täielikult interaktiivne UX prototüüp, Pidoco jõuab sinna kiiresti ja ilma müra. Alustades lihtsast joonistamise funktsioonist, saate luua komplekti kohandatud mallid, luua interaktiivsed elemendid sa vajad, esitage oma prototüüp teistele ja ootama nende tagasisidet - mis ei tohiks kaua aega tulla.

    Pidoco annab teile kõike, mis on vajalik madala usaldusväärsusega prototüüpide ehitamiseks, et küsida kiiret, eelseisvat tagasisidet või kõrgekvaliteedilisi mudeleid, millel on samasugune välimus ja tunne kui teie pakutud veebi või rakenduse disainil. See tööriist tekitab isegi spetsifikatsiooni dokumendid mis võivad olla meeskonnaliikmete plaanideks või mida saab klientidele allkirjastamiseks esitada.

    Proto.io

    Proto.io on ideaalne valik, kui vajate kvaliteetset prototüüpimisvahendit, et aidata teil oma mobiilirakenduste kavandamisel. Proto.io on spetsiaalne mobiilne prototüüpide platvorm töötab enamikus brauserites, ei vaja kodeerimist, ja võimaldab teil kasutama täielikult interaktiivseid mobiilirakenduse prototüüpe ja simulatsioonid mis on reaalse asja välimus ja tunne.

    Selle tööriista moodustavad kolm osa: armatuurlaud, redaktor ja mängija. Juhtpaneel on teie juhtkontroll ja projektijuht. Toimetaja koosneb tööriistade kogumist, mis on mõeldud teie disaini jäljendamiseks ja interaktsioonide loomiseks. Mängijaga saate vaadata oma prototüüpi veebibrauseris, suhelda, paluda tagasisidet ja testida seda reaalsetes mobiilseadmetes. Kui mobiilirakenduste disain on teie asi, on see teie jaoks tööriist.

    Veebivoog

    Igaühele, kes otsib kõik-ühes disaini-, prototüüpimis- ja arendustööriist, otsing lõpeb siin. Esiteks, Webflow abil saate ehitada ja testida kõrglahutusega prototüüpe peate abistama oma disaini jõupingutusi. Aga siin on see, kus erinevus on - kõik, mida te ehitate, on toodetud valmis HTML / CSS ja JavaScript. Tulemus?

    Sa saad sujuvalt liikuda täielikult interaktiivsest prototüübist arenenud tootele. Prototüüp, disain ja arendus on samas paketis, mis sisaldab ka vajalikke koostööfunktsioone ja -võimeid. Ja muide, kõik on tundlik samuti.

    PowerMockup

    See spetsiaalne prototüübi tööriistakomplekt on välja töötatud koos PowerPointi kasutajaga. PowerMockup on tegelikult PowerPointi lisandmoodul, mida saate kasutada luua veebipõhiste, lauaarvutirakenduste või mobiilirakenduste jaoks traatvõrke ja maketid. See on lihtsalt vormide ja kujunduselementide valimine PowerMockupi raamatukogust ning nende eemaldamine PowerPointi slaidile.

    Siis saate kasutage PowerPointi slaidiseansi ja animatsiooni funktsioone, et vaadata oma disaini teistega. Võite lisada ka oma kujundeid ja elemente ning jagada neid teiste PowerPointi kasutajatega, kui soovite.

    Lucidchart

    Lucidchart on online-rakendus, mis sisaldab a disainielementide ja seadmete tüüpide raamatukogu kust saate kiiresti luua veebisaidi või mobiilirakenduse disainilahendusi. Sellel on puhas ja kasutajasõbralik liides, ja see sisaldab lohistamise tehnoloogiat, interaktiivsed demonstratsioonivõimalused, ja kihttehnoloogia, mis võimaldab teil ehitada väga keerukaid simulatsioone.

    Lucidchart on ka mugav vahend professionaalse ilmega projekti töövoo diagrammide ja vooskeemide loomine, ja selle koostööfunktsioonid töötavad sujuvalt ja on kergesti kasutatavad.

    HotGloo

    Disaini väljapakutud UX-i emuleerimine võib mõnikord tekitada probleeme. Sellepärast vajate HotGloo. Suurega elemendi teek ja UI vidina galerii, eksportida ja jagada funktsioone, samuti koostööd meeskonnaliikmetega, kellele see algab peaaegu mingil ajal.

    Kui teil on küsimusi või vajate abi, on neil täielik dokumentatsioon kasulikud videoõpikud ja elavad veebiseminarid saadaval. Looge oma prototüübid otse oma brauseris, jagage neid või vaadake neid kõigis mobiilseadmetes. Võite isegi eksportige oma töö HTML-i. Wireframing & prototüüpimine pole kunagi olnud lihtsam ja lõbusam!

    Pakkimine üles

    Sellest nimekirjast on palju valida spetsiaalsetele eesmärkidele pühendatud tööriistadest, kõik-ühes tööriistast, mis on kindlasti väärt. Need on kõik tippkvaliteediga tööriistad, mistõttu ei kaasne mingit ohtu ning saate alati tutvuda demoga või küsida tasuta prooviversiooni.

    Nendel toodetel on suur kasutajabaas. Neid kasutavad või soovitavad suurettevõtted. Nii et olenemata sellest, milline neist valida, leiate end hea ettevõttes. Kas otsite makett, traatraati või prototüüpimisvahendit, leiad tööriista teie vajadustele.