K. Andersson
Som webbdesigner kan prototyper inte bara spara enormt mycket tid för dig utan också säkerställa att hela teamet är på samma sida. I den här artikeln kommer jag att ge dig en guide till snabb prototypframställning och hur det kan implementeras för WordPress.
En introduktion till Rapid Prototyping
Snabb prototyping är processen att iterativt designa snabba prototyper av en webbplats i ett försök att validera den med teamet av intressenter som är involverade i projektet. Denna process förbises ofta av designers och utvecklare även om den är oerhört fördelaktig i det långa loppet.
Med hjälp av snabba prototyper kan designers få feedback om det aktuella tillståndet på webbplatsen och göra nödvändiga ändringar tidigt. Att hoppa över prototypprocessen helt skulle innebära att webbdesignern måste göra stora förändringar på webbplatsen efter att ha levererat den till kunden.
Den sorgliga sanningen är att designförändringar är oundvikliga – oavsett hur noga en webbdesigner följer kraven.
Den snabba prototypprocessen i sig består av tre enkla steg som måste upprepas upprepade gånger tills den slutliga produkten levereras till kunden. Dessa steg är:
- Skapar prototypen
- Granska designen
- Förfina prototypen baserat på feedback
- Vid det här laget undrar du förmodligen hur detaljerade prototyperna ska vara, hur du skulle gå tillväga för att skapa dem och vilka verktyg du ska använda. Nu när vi har täckt vad som är, låt oss gå igenom hur.
Fidelity Spectrum
Den centrala idén med rapid prototyping är att prototyperna ska designas, vidarebefordras och hanteras så snart som möjligt. Med detta i åtanke finns det tre allmänna metoder som följs av proffs för att implementera snabba prototyper i webbprojekt.
Låg trohet. Den enklaste (och snabbaste) metoden för att skapa prototyper för alla typer av projekt är att gå den gammaldags vägen – penna och papper. Designers är benägna att skissa en design på papper i de tidiga stadierna av ett projekt för att få feedback från kunderna. Fördelen med ett low fidelity-upplägg är att alla är på samma sida när det gäller användargränssnittet. Användare kan dock inte få en rättvis uppfattning om systemets funktionalitet eller praktiska upplevelse.
Medium trohet. Att ta ett tillvägagångssätt med medelhög trohet är nästa logiska steg och det används ofta när skisser helt enkelt inte klipper det. Med denna teknik skapar designers wireframes, testfall och arbetsflöden på datorbaserade designverktyg. De Pareto-principen refereras ofta till i prototyper, “20% av funktionaliteten som kommer att användas 80% av tiden”. Den största fördelen med tillvägagångssättet med medium fidelity är att användarna får en praktisk upplevelse av systemet.
Hifi. High fidelity-prototyper är de som ligger närmast slutprodukten både vad gäller design och funktionalitet. Dessa prototyper bör fånga essensen av den slutliga produkten och om den utformas iterativt bör den få minst aggressiv feedback.
Verktyg för att implementera Rapid Prototyping i WordPress
Det finns flera verktyg där ute som hjälper dig baserat på det tillvägagångssätt som du väljer att använda i olika skeden av ditt webbprojekt. Så länge du har en penna och papper är du redo för prototyper med låg kvalitet, så vi kommer att föreslå några av de bästa verktygen att använda för prototyper med medium trohet och hög trohet.
Balsamiq mockups
Balsamiq mockups är ett populärt verktyg som gör det möjligt för användare att implementera snabba prototyper med medium fidelity. Den levereras med ett funktionsfullt användargränssnittsbibliotek som är laddat med massor av användargränssnittselement för att skapa interaktiva prototyper samtidigt som fokus centreras på innehåll och interaktion.
Wireframe.cc
Wireframe.cc är ett utmärkt verktyg för att skapa prototyper med medium fidelity i webbläsaren. Du kommer att mötas med ett tomt rutnät när du besöker deras webbplats för att komma igång med modellerna utan dröjsmål. Det bästa av allt är att appen låter dig växla mellan olika enheter. Den här funktionen kan utnyttjas för webbprojekt som kräver en responsiv design.
Hoppdiagram
Hoppdiagram är ett omfattande verktyg som gör det möjligt för användare att skapa (du gissade rätt!) high fidelity-prototyper. Den utmärkande funktionen som detta verktyg erbjuder är att det gör det möjligt för hela teamet att samarbeta och lägga fram sin design på en plattform. Och det är inte ens det bästa med det. Jump Chart exporterar direkt till WordPress!
Precursor App
De Precursor Apps webbplats säger allt, ‘Prototyping och teamsamarbete ska vara enkelt. Det är därför vi gjorde Precursor’. Detta high fidelity designverktyg har alla rätt funktioner på plats för att göra din prototypupplevelse så smidig och smärtfri som möjligt.
Slår ihop det
Snabb prototyping har aldrig varit enklare än det är idag. Det finns flera verktyg där ute som hjälper dig att komma igång med processen, förbättra produktiviteten och ge en plattform för hela teamet att få värdefull feedback.
Oavsett om du designar en webbplats för en kund eller lägger upp idéer för en ny webbapp, kommer prototyper att hjälpa dig att förmedla dina idéer effektivt, effektivt och utan krångel.
Vilka verktyg och resurser använder du för snabb prototypframställning? Vill du lägga till någon till vår lista? Låt oss veta i kommentarsfältet nedan!
