Så här designar du Wireframes på din Tablet
Det är ingen tvekan om att mobila enheter är "den (nuvarande) stora grejen". Det här är precis där årtionden av datateknik har lett oss. Dessa små tabletter och telefoner (och nu klockor) ... det här är skärmarna från vilka de flesta av oss konsumerar information.
Den informationen kan vara enhundra fyrtiotal långa tweets, våra favoritprogram på Netflix ( hosta Knights of Sidonia cough ), eller bara bra musik. Vi läser e-post, chatt och spelar spel.
Långsamt börjar vi skapa innehåll på dessa enheter också. Tabletter kan vara ganska bra för skrivning, och kamerorna på våra telefoner blir bättre varje år. Vi spelar in podcaster på iPhones, och det finns även några appar för redigering av ljud / video.
Den stationära datorn verkar som en del av resursintensiva uppgifter. Det kommer att vara rike för hobbyister, tinkerers och high-end spelare. Åh, och webbdesigners.
Vi kanske aldrig har pixel-exakt grafikredigering på en surfplatta. Det är okej. Det finns dock delar av konstruktionsprocessen som kan flyttas över till pekskärmen.
Vad jag behöver i en trådframställning-app
Här är vad jag behöver i en appreterad trådram:
- några grundläggande former att arbeta med;
- för att kunna placera, ordna och omforma dessa objekt lätt;
- samarbete, delning och exportfunktioner.
Apparna
Min favoritprogram för trådframställning av hela tiden är Googles ritningsprogram. Det gör allt jag behöver och har också bra delnings- och samarbetsfunktioner.
Men medan Google har skapat Android-applikationer för sina textdokument och kalkylark finns det sätt att göra Google Draw-arbete på Android. Det fungerar inte heller i webbläsarna.
Det finns ett par appar som skapats speciellt för Android som fungerar. Dessa kommer jag att granska på djupet, eftersom jag har kunnat testa dem. Jag ska också lista några apps för iOS.
Native Android Apps
Mocking Pal (gratis)
För sitt pris, Mocking Pal gör ett fantastiskt jobb. Dess utbud av tillgängliga element är grundläggande, men tillräckligt för de flesta webbprojekt. Prestanda är anständigt, och appen levereras med några smarta alternativ.
Den riktigt coola saker som jag tror är Live Share. I grund och botten kan du dela en länk till ditt projekt, och alla som går till den länken kan se trådramen när du bygger den i realtid.
Mockups för Android ($ 5 ca)
Mockups för Android kostar ca 5 USD, men det packar in många funktioner. Det har inte massor av UI-element, men det går fort och gör jobbet bra. När du är klar kan den exportera dina projekt till olika bitmappsformat och SVG.
Dess huvudsakliga nackdel är att det inte är hemskt användarvänligt, först. Du måste vänja dig vid arbetsflödet. Ändå är det inte dåligt.
Mockups.me Wireframes ($ 20)
Vägning till ett rejält pris på 20 USD, den här appen får dig att känna att det hade varit bättre att vara fantastisk! Och det är ganska häftigt. Där de andra trådframställningsapparna som finns tillgängliga för Android har begränsade bibliotek av UI-element, har den en ton.
Det måste, eftersom det är kompatibelt med Balsamiq filer, så du kan skapa saker i Balsamiq, och ta med dig någonstans.
Killer-funktionen, tror jag, är genomförandet av gester. Du kan snabbt lägga till element i din duk genom att bara dra på den.
Sist men inte minst finns det webb- och skrivbordsversioner av appen, vilket betyder att du kan samarbeta online och få tillgång till ditt jobb var som helst.
FlexiSketch
En gratis app med bra prestanda, FlexiSketch Det är inte en inbyggd app i sig, men den kan snabbt göras till en. Det är en vektorritningsapp, men här är vridningen: varje objekt du ritar kan snabbt sparas som sin egen "objekttyp".
Du kan dra och släppa mer av varje objekttyp på duken efter vilja, väsentligen skapa ditt eget elementbibliotek. Om du behöver många anpassade element är det här appen för dig.
Native iOS Apps
Mockups.me Wireframes ($ 20)
Det är rätt! Det finns en iOS-version av den här appen också. Den har exakt samma funktionalitet som sin Android-motsvarighet, så det måste bli ganska bra.
Priset är detsamma också. Om du har pengar, säger jag, "Ha det!"
iMockups ($ 7)
Detta är en annan med stöd för Balsamiq, men kostar bara 7 USD. Med rave recensioner från många människor fokuserar iMockups på att använda multi-touch support och andra funktioner från iPads för att påskynda trådframställningsprocessen.
Keynote ($ 10)
Nej, jag skämtar inte. Detta 10 dollar app för att göra presentationer har faktiskt en ganska stor wire-framing fan-base.
Och varför inte? Det är allt vektorgrafik. Dess format är standard i Apple-versen. Du kan länka skärmarna tillsammans för att skapa en mer interaktiv prototyp, verk! Det finns även en toolkit eller två där ute för att göra trådinramning i appen enklare.
Adobe Idéer (gratis)
Äntligen! Ett gratis alternativ! Kom ihåg, detta Det är inte tekniskt en wire-framing app. Det är mer av en vektorritningsapp. På vissa sätt gör det det mindre användbart, och i andra, mer kraftfulla.
Allmänna problem
Wireframställning på en tablett kan vara svårt. Några av de appar som jag stött på är resurshöns. Dessutom är det svårt att placera element jämnt. Det finns "snap-to-guide" -funktioner i de flesta av dessa appar, men de har begränsad hjälp. Jag önskar att "snapping" -effekten var lite starkare.
Mocking Pal adresserar det här problemet genom att ge några riktpilar som flyttar det valda elementet en pixel åt gången. Detta är en långsam lösning, men det är inte helt idealiskt. Det är också den enda appen jag har försökt som faktiskt tar upp problemet.
I slutändan, vilken lösning du väljer beror på dina önskemål. Men det finns definitivt några starka alternativ där ute som låter dig fastna på din pendling, i badet eller på din lokala kaffebar.