Hvis du bygger mobile apps, bruker du nesten absolutt mye tid på å bygge prototyper og wireframes.

Og jo mer interaktive du kan gjøre dem, desto lettere er det å lage de endelige versjonene av appene dine uten forvirring fra utviklernes side.

Justinmind Prototyper er en utrolig kraftig prototyping-app som inneholder all funksjonalitet du muligens vil ha i en app-prototypingsløsning, enten du lager programmer for mobile enheter, nettet eller til og med skrivebordsmiljøer.

Det fungerer for nettstedet prototyping, også!

Prototyper er utrolig enkelt å bruke og intuitivt. Du kan starte med å angi visningsportparametrene dine (det er forhåndsinnstillinger for en rekke vanlige enheter), som deretter vises som en veiledning på skjermen. Derfra legger du bare til designelementene du trenger for å bygge appens brukergrensesnitt.

Designelementer inkluderer alt fra former til ting som skjemafelt og menyer, noe som gjør det enkelt å mocke opp din UI-design uten å måtte starte fra bunnen av. Alt du trenger å gjøre er å dra og slippe dem på plass i ditt design.

Men dra og slipp-funksjonaliteten slutter ikke med bare å plassere elementer. For å opprette koblinger og samhandlinger, gjør du det samme. For å definere en kobling, bare dra komponenten til skjermen du vil koble den til. Legg til kommentarer på samme måte (bare dra og slipp dem på komponenter).

Retningslinjer gjør utformingen av wireframe mye enklere og mer presis (det betyr at det er enklere å konvertere det til en ferdigstilt design senere). Muligheten til å runde hjørner, beskjære bilder, eller bruke fargegradier betyr at de endelige wireframes er mye mer visuelt tiltalende enn en enkel skisse. Lag hele pixel-perfekte design rett innenfor Prototyper, og spar tid på veien.

Du kan også legge til bilder i designene dine raskt og enkelt også. Bare dra og slipp bildene du vil ha fra designprogrammer som Photoshop, eller direkte fra nettleseren din. Det er enda et fargegjengningsverktøy, slik at du kan ta tak i nøyaktige farger for design.

Du kan til og med lage dine egne widgets med Prototyper og lagre dem i dine egne widgetbiblioteker. Bare gruppér elementer sammen og dra dem til widgetbiblioteket, det er så enkelt! Og det er allerede widgetbiblioteker for iPhone, SAP, iPad, Blackberry og Android.

En av de beste funksjonene til Prototyper er den umiddelbare simuleringen av prototyper. Bare klikk på "Simuler" -knappen, og du vil se en simulering av prototypens oppførsel umiddelbart. Du får selv muligheten til test prototyper på mobile enheter .

Når prototypens design er ferdig, kan du simulere interaksjoner for å få en følelse av hvordan appen faktisk vil fungere . Du kan vise og skjule innhold, endre stiler eller betinget navigering uten å skrive kode og utløses av en rekke forskjellige hendelser, inkludert Onclick, OnMouseOver og mer. Du kan også simulere form og data grid oppførsel. Til og med legge til validering eller meldinger uten å skrive kode eller opprette en database! Lag om-da forhold uten koding også! Og selvfølgelig inkluderer Prototyper støtte for mobile bevegelser i prototyper .

Prototyper gir deg også muligheten til å simulere komplekse data som handlekurver eller databaser, noe som mangler helt mange andre wireframing apps. Å kunne vise kundene dine eller andre lagmedlemmer nøyaktig hvordan noe som en handlekurv vil fungere på det ferdige nettstedet, kan gjøre det mye lettere å få nøkkelmeldinger på tidlig design.

Gjør en endring i ett område, og du kan bruke det globalt ved å bruke stilveiledninger for wireframes. Dette er en stor avtale for kompliserte prototyper som kan inneholde et stort antall forskjellige skjermer. Du trenger ikke å kaste bort tid på å endre det samme på femten forskjellige mockups. Du kan også dele data globalt ved hjelp av variabler.

Du kan til og med bruke animasjonsverktøy for å legge til animasjoner til dine wireframes. Bruk disse for ting som dynamiske meldinger, fremdriftsfelt eller annen form for bevegelse som kreves. I tillegg kan du legge til video eller annet medieinnhold fra nettet, inkludert interaktive Google Maps, YouTube-videoer og mer.

En prototype er bare like verdifull som den er nyttig. Derfor har Prototyper en rekke funksjoner som hjelper deg med å komme fra prototype til ferdig app eller nettsted. Du kan eksportere all informasjonen i webprototypen til et MS Word eller Open Office-dokument, som er perfekt for å lage en design- og utviklingsspesifikasjon. Det vil inkludere skjermbilder, samspill, forretningsregler, arbeidsscenarier, Data Masters og kommentarer, pluss informasjon om selve prototypen. Dette alene kan spare timer.

Hvis du bygger en nettside eller HTML-basert app, kan du eksportere wireframes direkte til HTML med alle de interaktive forholdene, betingelsene og valideringene som er definert og funksjonell. Dette kan da sendes til dine kunder eller brukere som skal testes rett i nettleseren sin.

Du kan også integrere prototypen med andre testverktøy, og publiser din prototype online for å få tilbakemelding ved hjelp av elektroniske kommentarer. Disse er verdifulle verktøy for å ta prosjektet fra prototypingstrinnet til den ferdige designen, sømløst innenfor arbeidsflyten din. Du kan til og med lage dine egne plugins for å utvide funksjonaliteten til Prototyper.

Justinmind gir massevis av gode læringsressurser for å hjelpe deg med å komme i gang med Prototyper, inkludert flotte videoopplæringer og nedlastbare PDF-veiledninger og en brukerhåndbok. Du kan laste ned widgetbiblioteker for mobil- og webapps, skisser og skrivebordsprogrammer, og påskynde prototypeprosessen.

Prototyper kommer i to utgaver: Den gratis versjonen, som inkluderer grunnleggende web widgets, interaktive widgets for iPhone, Android og iPad, og kobling interaksjoner; eller Pro-versjonen, som inkluderer alle de ovennevnte, pluss rike interaksjoner, betingede regler, valideringer, skjema- og datastyringsimuleringer, variabler, mastere og maler, og HTML og dokumentgenerering. Det er en 30-dagers gratis prøveversjon tilgjengelig med Pro-versjonen, som vanligvis er $ 495 for en evigvarende lisens med ubegrensede wireframes. Både Pro og gratis versjoner fungerer sammen med Windows XP og Windows 7, samt Mac OS X 10.5 og nyere.

Du kan sjekke ut eksempler av eksisterende prototyper på deres hjemmeside, og til og med laste dem ned for å sjekke ut rett i Prototyper. Det er en fantastisk app for alle som skaper dynamiske applikasjoner, uavhengig av plattformen.

[Ansvarsfraskrivelse: Dette innlegget er en sponset anmeldelse, meningene i artikkelen er forfatterens eneste.]