Webdesigners Rulla upp dina ärmar och skiss!

Låt oss prata om varför du som webbdesigner oftare ska använda pennor och pennor. Jag ska ge dig några tips, verktygsförslag, och många skäl att rulla ärmarna upp och skissa!

Steg bort från datorn

Designprocessen tenderar att isolera designers från resten av laget, vilket innebär att de tenderar att förlita sig på sig själva och sina egna idéer. Många gånger, eftersom produktionen tidsramen är så begränsad, går designers direkt in i high-fidelity mockups (som raffinerad wireframes eller pixel-perfekt design) utan att spendera mycket tidskissning och få sina idéer testade. I dessa situationer är den enda gången de slutar gömma sig bakom deras bildskärmar när de träffar intressenterna för sign-off eller överlämnar mönstren till utvecklarna.

Illustration av Lucia Ferro

Nuförtiden är det med nya smidiga metoder det grundläggande att förbättra designprocessen och göra den smalare. Och det är ännu viktigare att denna process leder till en framgångsrik produkt.

Skissning är ett grundläggande steg i någon designprocess. Det kommer att driva designers att gå bort från sina skrivbord och arbeta med olika verktyg. Dessutom kan detta bli ett lagsövning där icke-designers (utvecklare, produktägare, projektledare etc.) kan bidra med sina idéer och inmatningar från ett tidigt skede. En gång på papper är idéerna redo att testas med andra lag, intressenter eller till och med potentiella användare att mata in initialt design och hjälpa till att ta itu med.

Med alla dessa skäl att lämna ditt skrivbord, rulla upp ärmarna och skissen!

Illustration av Lucia Ferro

Lean UX och Sketching

Lean UX fokuserar på att skapa värde för kunden samtidigt som avfallet minskas. Och med "avfall" menar jag allt som avviker fokus från designen och den produkt som byggs. Det är absolut nödvändigt att laget blir mer smidigt men de måste också backas upp av den som är ansvarig, så att de kan misslyckas när man testar idéer.

Även med en begränsad tidsram ska konstruktören snabbt kunna sätta ihop några mönster för tidig testning. Och det är här du kan (och du borde!) Tillämpa dina skissförmåga.

Jag kan inte tänka mig något slankare än att skissera i början av designprocessen, när det förhoppningsvis är dags att utforska varje idé. Fortsätt! Få hela laget (inklusive berörda parter) i samma rum för en serie medskapande workshops. Dessa workshops består av ett samarbete som hjälper dig, ditt team och dina intressenter (eller kunder) att besluta om designlösningar.

Illustration av Lucia Ferro

Resultatet av dessa sessioner är absolut viktigt, och det faktum att laget är alla där delar idéer och överens om vilka av dessa är värda att ta fram, får dem att känna att de äger projektet och garanterar att de kommer att stödja dig till slutet.

Efter dessa workshops är dina skisser din prototyp som du kan presentera runt byggnaden.

Hur man kör en samverkande workshop

Det är viktigt att alla som är involverade i en skisseringssession förstår att detta inte är ett test av sina teckningsfärdigheter utan en övning av kreativitet där alla idéer är värdefulla.

För att bättre underlätta dessa sessioner bör designern eller laget av designers komma med en plan:

Steg 1: Fokusera på resultatet

Avvisa idéer och komma överens om användar- och affärsresultaten du försöker uppnå. Om laget är inriktat på resultaten istället för vilka funktioner som ska byggas, får de mer utrymme för kreativitet. När du debatterar idéer, se till att du tar anteckningar (en idé per post-it) och pekar upp dem på väggen så att alla kan komma tillbaka.

Steg 2: Crazy 8s

Denna metod är en favorit bland världens bästa lag (Google Ventures, BBC, etc.). Det är en individuell övning, tidsbestämd, där varje del av laget delar ett pappersark i åtta delar och skissar en annan lösning var fyrtio sekunder. Detta resulterar i en frenetisk hjärnövning, utan tid för perfektion och ett stort utbud av möjligheter.

Illustration av Lucia Ferro

Steg 3: Presentation och Förfining

Varje medlem har några ögonblick att presentera sina skisser till laget. I slutändan fortsätter laget med dotröstning de två favorithypoteserna. Idealt sett har laget satt ihop från och med den första dagen och har en gemensam förståelse av projektet som kan resultera i identiska lösningar i slutändan.

Illustration av Lucia Ferro

Steg 4: En annan runda av galna 8s

Den här gången kommer du att ägna en runda galen 8 till de två enastående idéerna från föregående omgång. Återigen är detta en individuell övning och i slutet väntas presentera två raffinerade hypoteser.

Efter en ny runda presentationer ska laget vara i en bra position att prototypa och testa en eller till och med de två överenskomna funktionerna.

Snabba prototyper

Prototyper hjälper dig att validera dina idéer i tidiga stadier och ge dig det förtroende du behöver för att iterera dina mönster. Prototypning och testning med användarna kommer att se till att eventuella konstruktionsfel hanteras vid början av projektet, vilket undviker höga utgifter i ett senare skede.

Du kan snabbt sätta ihop en prototyp med skisserna från de samlingssessioner som du tidigare sprang - de är allt du behöver för att komma framför dina användare.

Det finns också några onlineverktyg som kan hjälpa dig att skapa interaktiva prototyper:

Invision

Invision är inte bara en av de bästa samarbetsplatformarna där ute, men det är också ett bra prototyperverktyg. Inlärningskurvan är väldigt liten och det får din prototyp att köra på nolltid.

Det fungerar med hotspots: du laddar upp dina skärmar, skapar hotspots för att navigera mellan dessa och voilá! du är redo för användartestning.

Illustration av Lucia Ferro

Pop

Pop är ett annat exempel på ett enkelt att använda verktyg. Ta bilder av dina skisser, lägg till hotspots och du är bra att gå!

Papper Prototype

Eller du kan helt enkelt använda penna, papper och saxar för att skapa en pappersprototyp.

Illustration av Lucia Ferro

Några av alternativen ovan kommer att vara super snabbt att iterera så fort du börjar få feedback från dina användare. Du kanske vill välja en beroende på vem du intervjuar. Om du tycker att de är fantasifulla, ta sedan en pappersprototyp med dig, men om du känner att de behöver lite mer interaktion för att förstå dina idéer kan du snabbt ladda upp dina skisser till en av de ovan beskrivna applikationerna.

Guerrillatestning

"Guerilla-testning" är en form av att testa dina skisser, mönster och prototyper tidigt i processen. Kolla in våra separata snabba tips om hur bäst det går.

Snabbtips: Hur man kör en Guerrilla Testing Session

Slutsats

Det finns tusen anledningar till varför du borde skissa mer ofta, men för att du ska kunna välja den bästa produkten, bör du anta en metod som använder skisser som det snabbaste och enklaste sättet att validera dina mönster.

Du måste också komma ihåg att dessa tekniker kan sluta ändra projektets omfattning eller till och med dess kurs. Du som tillvägagångssätt för hela processen måste se till att ditt lag är ombord hela tiden och villig att göra nödvändiga ändringar för att leverera en bra produkt.

Jag skulle gärna höra dina tankar! Vänligen dela med dig av dina erfarenheter och förslag.

Intressant vidare läsning

  • Lean UX: Få ut av leveransverksamheten på Smashing Magazine
  • Pappersprototyper på en lista
  • Illustrationer av Lucia Ferro
  • Snabbtips: Hur man kör en Guerrilla Testing Session