Widget-bibliotek – campus

Vad är det?

Widget bibliotek är en katalog för olika typer av “Widgets”. Denna typ av bibliotek/katalog innehåller flera beståndsdelar av grafiska kontrollverktyg som man använder för att skapa grafiska gränssnitt i program som Axure. Widget Bibliotek tillför en eller flera kataloger med färdiga kontrollverktyg som man lätt kan använda för att skapa sitt grafiska gränssnitt. Här har olika verktygskomponenter gjorts tillgängliga för att underlätta arbetsflödet och dessa komponenter kan vara allt från anpassningsbara ikoner till funktioner som hjälper oss att tydliggöra och underlätta skapandet av prototypen. De widgets som finns i biblioteken kan fungera som en form av templates då de fungerar lite på samma sätt som templates man använder i program som Adobe Illustrator, Adobe InDesign och Adobe Photoshop för att underlätta arbetet. Själva Widget biblioteket hittar du längst ner till vänster på layouten för Axure. Ett tydligt exempel ser du på bilden nedanför.

Bild 1. Widget Biblioteket

Widget biblioteken har tre standardbibliotek som finns förinställda. Dessa är Default, Flow och Icons. De olika standard biblioteken har olika typer av innehåll. Default biblioteket innehåller de olika widgets som är mest förekommande. Exempelvis vanliga knappar, boxar, checkboxar, radioknappar osv. Dessa används framförallt vid skapandet av en prototyp och för att ge prototypen ett innehåll med funktioner och utseende som man vill återspegla med sin vision. Icon biblioteket innehåller som titeln säger, Ikoner. De finns alla möjliga ikoner såsom ikoner för adressböcker, pilar, banker osv. Sen har vi det sista standard biblioteket som heter Flow. Detta bibliotek involverar widgets som framförallt ska underlätta skapandet av ett flödesdiagram. Som vi nämnde lite tidigare är dessa standardbibliotek inte särskilt utförliga och om man vill anpassa eller utöka biblioteket får man därefter importera externa bibliotek alternativt skapa nya egna widgets som passar det man vill skapa bättre men mer om detta kommer vi förklara längre ner i texten.

Bild 2. Den bibliotekslista som finns tillgänglig i Axure.

När används det?

Widget bibliotek tillåter användaren att effektivisera sitt arbetsflöde och undvika onödigt tidskrävande uppgifter som enkelt kan göras en gång och sedan sparas för senare användning i flera projekt. Widget biblioteken används när man snabbt vill skapa en prototyp av något slag. Biblioteken förser användaren med en rad olika färdiga “widgets” som man kan anpassa i efterhand. Dessa widgets kan vara sådana som du själv har skapat, sådana du har importerat från en extern sida eller de som finns som standard i Axure. Detta påverkas av hur du vill att din prototyp ska se ut. Har du skapat egna widgets som du själv tror kan passa kommer du använda de egenskapta, har du istället hittat en stil på ett externt widget bibliotek kan detta istället användas. Fördelen med detta är att man spara en hel del tid genom att redan ha vissa funktioner redo att “dras” in till prototyp byggandet. I Axure kan det ta tid att skapa vissa funktioner och interaktioner och därför underlättar det ha dessa färdiga i sitt widget bibliotek. Exempel på hur det kan användas ser ni nedanför.

GIF 1. Exempel på hur en widget kan användas och kombineras

Hur används det?

Ett widget bibliotek kan du använda för eget bruk eller för att dela med ditt team.  De widgets som finns blir de beståndsdelar som din prototyp består utav. Alltså använder man dessa bibliotek för att underlätta skapandet av prototyper. Axure har idag som vi nämnde tidigare tre stycken standard widget bibliotek som finns att välja mellan. Dessa bibliotek installeras tillsammans med själva programmet och finns som standardbibliotek. Därefter kan man om man vill installera flertalet andra widget bibliotek som kan tillgängliggöra nya widgets som passar det du vill utforma bättre. Exempelvis om du nu vill anpassa designen av prototypen kan ett nytt widget bibliotek vara en bättre idé för att framföra sin vision. Dessa bibliotek kan man få tag på genom flertalet olika medel. Det kan vara från externa sidor som exempelvis humbleux.com och totalwireframe.com men det kan förekomma att dessa bibliotek görs tillgängliga mot en kostnad. Axure gör det lätt för oss genom att samla en hel del externa sidor på deras egna hemsida. Där tydliggör de också om pris på widget biblioteket( Som ni ser på GIF 2). Dessa bibliotek går sedan att läggas till i programmet och det kan man göra genom en rad olika tillvägagångssätt. Ett alternativ är de nedladdningsbara widget bibliotek. Efter att dessa har laddats ner kan de läggas till i Axure från din lokala hårddisk, och detta genom funktionen “add libraries”. Ett exempel samt instruktion ser man på videon nedanför.

Du kan även göra ett bibliotek tillgängligt via Axure Cloud. Om biblioteket är tillgängligt via Axure Cloud och ditt konto har fått en inbjudan kommer du enkelt kunna hitta detta i den dropdown meny som finns tillgänglig när du ska välja ett widget bibliotek samt att det kommer finnas en moln ikon bredvid namnet på biblioteket som ni ser nedanför.

Bild 3. Widget bibliotek tillgängligt från Axure Cloud.

Axure har en omfattande samling av community-tillverkade widget bibliotek som man kan använda sig av. Förutom det så kan man även anpassa antingen Axures befintliga widget bibliotek eller andra widget bibliotek man tagit in till Axure. Ett anpassat widget bibliotek kan innehålla anpassade widgetar som du har skapat samt befintliga widgetar från andra bibliotek. Att anpassa en widget skiljer sig inte så mycket ifrån sättet man bygger sidor i en vanlig prototyp fil där man skapar en ny biblioteksfil och därefter blir varje så kallad “page” en ny widget. Den widget du skapar är så pass anpassningsbar att du egentligen kan skapa vad som helst inom ramarna av Axure. Det kan vara fullt utvecklade wireframes till nyutvecklade ikoner. Så det är fullt möjligt att ändra och anpassa widgets med Axures egna verktyg men även importera redan existerade widgets eller egenskapta sådana.

GIF 2. Exempel på utbud av widget bibliotek Axure erbjuder.

Det finns även möjligheten att skapa en “Team library file” som gör att man som ett helt team kan få tillgång och redigerings behörigheter till ett widget library som någon av team medlemmarna har skapat.