Hvordan lage Wireframes på din Tablet
Det er ingen tvil om at mobilenheter er "den (nåværende) store tingen". Dette er akkurat der årtier av datateknologi har ført oss. Disse små tabletter og telefoner (og nå klokker) ... disse er skjermene som de fleste av oss bruker informasjon om.
Denne informasjonen kan være en hundre og førti tegn lange tweets, våre favorittprogrammer på Netflix ( hoste Knights of Sidonia cough ), eller bare god musikk. Vi leser e-post, chatter og spiller spill.
Sakte, vi begynner å lage innhold på disse enhetene også. Tabletter kan være ganske bra for skriving, og kameraene på våre telefoner blir bedre hvert år. Vi registrerer podcaster på iPhone, og det er enda noen apps for redigering av lyd / video.
Datamaskinen ser ut til å bli overført til ressursintensive oppgaver. Det vil være rike av hobbyists, tinkerers og high-end spillere. Oh, og webdesignere.
Vi kan aldri ha pixel-presis grafikkredigering på en nettbrett. Det er greit. Det er imidlertid deler av designprosessen som kan flyttes til berøringsskjermen.
Hva jeg trenger i en wire-innramming app
Her er det jeg trenger i en ledningsramme-app:
- noen grunnleggende former å jobbe med;
- for å kunne plassere, ordne og omforme disse objektene enkelt;
- samarbeid, deling og eksportfunksjoner.
Appene
Min favoritt wireframe-appen til enhver tid er Googles tegneprogram. Det gjør alt jeg trenger og har også gode delings- og samarbeidsfunksjoner.
Men mens Google har opprettet Android-applikasjoner for sine tekstdokumenter og regneark, er det mulig å gjøre Google Draw-arbeid på Android. Det fungerer heller ikke i nettleserne.
Det er et par apps opprettet spesielt for Android som fungerer. Disse, jeg vil gjennomgå i dybden, som jeg har vært i stand til å teste dem ut. Jeg vil også liste noen apps for iOS.
Native Android Apps
Mocking Pal (gratis)
For sin pris, Mocking Pal gjør en fantastisk jobb. Dens utvalg av tilgjengelige elementer er grunnleggende, men tilstrekkelig for de fleste web-wire-ramme prosjekter. Ytelsen er anstendig, og appen kommer med noen smarte alternativer.
Den veldig kule tingen, tror jeg, er Live Share. I utgangspunktet kan du dele en lenke til prosjektet ditt, og alle som går til den linken, kan se ledningsrammen når du bygger den i sanntid.
Mockups for Android ($ 5 ca.)
Mockups for Android koster ca 5 USD, men det pakker mange funksjoner inn. Det har ikke mange UI-elementer, men det går fort, og gjør jobben bra. Når du er ferdig, kan den eksportere prosjektene dine til ulike bitmapformater, og SVG.
Den største ulempen er at det ikke er veldig brukervennlig, først. Du må snakke med arbeidsflyten. Likevel er det ikke dårlig.
Mockups.me Wireframes ($ 20)
Veier inn til en heftig 20 USD pris, denne appen gjør at du føler at det var bedre å være fantastisk! Og det er ganske kjempebra. Hvor de andre ledningsrammeringsappene som er tilgjengelige for Android, har begrensede biblioteker av UI-elementer, har denne tonn.
Det må, fordi det er kompatibelt med Balsamiq filer, slik at du kan lage ting i Balsamiq, og ta det med deg hvor som helst.
Mordegenskapen, tror jeg, er gjennomføring av bevegelser. Du kan legge elementer til lerretet raskt ved å bare tegne på det.
Sist, men ikke minst, er det web- og desktopversjoner av appen, noe som betyr at du kan samarbeide online og få tilgang til arbeidet ditt hvor som helst.
FlexiSketch
En gratis app med god ytelse, FlexiSketch er ikke en wire-innramming app per se, men det kan raskt gjøres til en. Det er en vektor tegneapp, men her er vridningen: hvert objekt du tegner kan raskt lagres som sin egen "objekttype".
Du kan dra og slippe flere av hver gjenstandstype på lerretet ved vilje, i hovedsak lage ditt eget elementbibliotek. Hvis du trenger mange egendefinerte elementer, er dette appen for deg.
Native iOS Apps
Mockups.me Wireframes ($ 20)
Det er riktig! Det er en iOS-versjon av denne appen også. Den har nøyaktig samme funksjonalitet som sin Android-motpart, så det må være ganske bra.
Prisen er den samme også. Hvis du har penger, sier jeg, "Ha det!"
iMockups ($ 7)
Dette er en annen med støtte til Balsamiq, men koster bare 7 USD. Med rave reviews fra mange mennesker, fokuserer iMockups på å bruke multi-touch-støtte og andre funksjoner fra iPads for å øke hastigheten på wireframingprosessen.
Keynote ($ 10)
Nei, egentlig, jeg tuller ikke. Dette 10 dollar app for å lage presentasjoner faktisk har en ganske stor wire-innramming fan-base.
Og hvorfor ikke? Det er alt vektorgrafikk. Dens format er standard i Apple-verset. Du kan koble skjermene sammen for å lage en mer interaktiv prototype, verkene! Det er enda en verktøykasse eller to der ute for å gjøre trådinnramming i appen enklere.
Adobe Ideas (gratis)
Endelig! Et gratis alternativ! Husk, dette er ikke teknisk en wire-innramming app. Det er mer en vektor tegneapp. På noen måter gjør dette det mindre nyttig, og i andre, kraftigere.
Generelle problemer
Wire-innramming på en tablett kan være vanskelig. Noen av appene jeg opplevde er ressurs-hogs. I tillegg er det vanskelig å plassere elementer jevnt. Det finnes "snap-to-guide" -funksjoner i de fleste av disse appene, men de har begrenset hjelp. Jeg skulle ønske at "snapping" -effekten var litt sterkere.
Mocking Pal adresserer dette problemet ved å gi noen retningspiler som flytter det valgte elementet en piksel om gangen. Dette er en sakte løsning, og så ikke helt ideell. Det er også den eneste appen jeg har prøvd som faktisk adresserer problemet.
Til slutt, hvilken løsning du velger, avhenger av dine preferanser. Men det er definitivt noen sterke alternativer der ute som gjør at du kan sitte fast på pendelen, i badet eller på din lokale kaffebar.