Utöka dina UX-skissfärdigheter

(30 dec 2020)

Skissning är en av de många viktiga färdigheter som UX-designers bör förfina . UX Sketching har olika betydelser, men för den här artikelns mening är det tänkt att visa hur vi kan illustrera idéer, koncept, resor, kartor, personligheter och flöden som används i vår designprocess. Det är inte begränsat till bara hur ett gränssnitt kan se ut – det täcker alla delar av användarupplevelsen.

Jag bör betona att skiss inte är att rita, illustrera eller skapa högkvalitativa eller helt polerade återgivningar . Skisser är tänkta att vara snabba och kortfattade – i huvudsak så länge som din skiss kan förmedla en idé är det förmodligen en bra skiss.

Varför ska du skissa mer?

Skissa är tänkt för att låta sketaren snabbt komma på olika idéer utan att behöva oroa sig för många begränsningar. Detta följs av många iterationer och experiment, som kan göras genom att öva divergerande och konvergerande idéer, eller galna 8-övningar.

Med tiden bör du kunna utveckla dina skissmuskler och till och med utveckla ditt eget (visuella och skissspråk) för att kommunicera med andra. Fokusera på att utveckla mindre abstrakta skisser som lätt kan förstås av andra.

Andra fantastiska fördelar med att utveckla dina skissfärdigheter inkluderar, men är inte begränsade till:

  • Öva för framtiden whiteboardintervjuer
  • Generera många idéer och ta dem ur ditt huvud
  • Samarbeta bättre med andra intressenter
  • Snabbare idéer

Innan du börjar, se till att du har ett mål i åtanke. Om du vill utforska eller tänka, överväga vad som är slutmålet, syftet, begränsningarna och kanske publiken. Detta kan hjälpa till att sätta scenen för hur, vad och till och med var du ska skissa. Det visar också att det finns ett tydligt mål eller fokus, så att du inte hamnar för långsamt eller i en helt annan riktning än vad du ursprungligen tänkt. Som designers bör vi veta hur man arbetar med begränsningar, eftersom det ofta gör oss mer kreativa.

I denna övning är vårt mål att skissa upp några allmänna begrepp för uppgiftsflöden som kan förvandlas till trådramar. Med det sagt, låt oss bryta ner några uppgiftsflödesskissningsmetoder. Om vi ​​bryter ner hur vi skissar, till atomnivå, slutar vi med några grundformer (som visas till vänster).

Den goda nyheten är om du vet hur man skissar dessa grundformer, då du kan ganska mycket skissa vad som helst. När du tänker på användarflöden eller flöden i allmänhet ser vi ofta en kombination av dessa former.

Fördelningen:

När du sätter ihop alla dessa former, slutar du med skelettet i ett användarflöde, som du sedan helst fyller i och tillgodose dina specifika projektbehov. Du använder sedan alla former ovan för att ange olika begrepp som beslutspunkter, anslutningar, flöden, riktning och fristående processer.

En enkel användarflödeexempel:

Ett längre användarflödeexempel:

Användarflöden är vanligtvis ett bra sätt att börja skissa på några av dessa grundläggande former, de gör inte behöver inte några snygga former eller avancerade färdigheter och kan vara en plats för att träna dina skissfärdigheter medan du fortfarande går vidare med ditt projekt.

Nu när du har de grundläggande formerna nere och du är redo att flytta från ett användarflöde till en trådram kan vi börja undersöka mer detaljerade skissmetoder. En viktig sak att notera är att skissa inte handlar om att ha alla detaljer, du behöver bara tillräckligt för att förmedla en idé. Så innan du fortsätter att lägga till dina skisser, ta en stund och fråga ”räcker det för att förmedla mitt budskap eller vilka andra detaljer ska jag lägga till för att göra det klart för alla?”

När jag frågade en massa av mina icke-design-medarbetare om de kunde skissa ett e-postgränssnitt, det här kom upp med:

Lägg märke till hur de använde linjer, rutor, cirklar och andra enkla former för att förmedla idén om ett e-postgränssnitt.Detta räckte bara för att få fram deras budskap.

När du skisserar trådramar, börja enkelt och förenkla hur många linjer eller former du lägger i en skiss. Tänk igenom varför du behöver denna detalj och om det verkligen är nödvändigt. Det betyder inte att du inte kan fortsätta lägga till fler detaljer när du fortsätter att itera eller ändra design, men genom att hålla det enkelt, välkomnar du också fler idéer och iterationer, för att inte tala om att du snabbt kan flytta från en skiss till en annan. Se bara till att du inkluderar de former du behöver baserat på ditt mål och tidigare angivna begränsningar.

Här är ett exempel med några av våra tidigare former:

När det gäller trådramning får våra former en annan betydelse för att bättre passa deras syfte .

Nu om vi säger allt tillsammans kan vi tillämpa samma kunskap och riktlinjer för större diagram och flöden som den nedan.

Var inte rädd för att använda detta som en möjlighet att lägga till fler kommentarer och anslutningar så länge det hjälper dig att klargöra dina tankar och dina skisser. Kom ihåg att det handlar om tillräckligt med detaljer, men också din publik. Jag är skyldig till att ha gått på tangenter och gjort anteckningar, vilket kan vara kring framtida utforskningar, eller till och med frågor jag behöver få svar på. Kommentarer och anslutningar kan också komma i form av pilar, riktlinjer, anteckningar, siffror och till och med gester.

Fortsätt att skissa tills du känner att du har uppnått ditt mål, eller till och med tidsboxa din skisstid för att verkligen utmana din hastighet. Men ta aldrig bort eller radera dina skisser, fortsätt bara. Fokusera på att förfina och skapa fler skisser i stället för att fixa den du jobbar med just nu. detta kommer bara att sakta ner dig. Genom att inte radera eller radera dina skisser kan du enkelt följa din tankegång och visa upp processen. Du vet aldrig när en skiss kan vara till nytta!

Så kom ihåg att fortsätta skissa, fortsätt att träna och hitta din stil; Om du vill bli bättre, börja göra det till en del av din process. Gå nu och ta tag i vilket verktyg som helst som är mest tillgängligt för dig, oavsett om det är en tavla, en surfplatta, ett onlineprogram eller gammalt bra penna och papper, och börja skissa nu!

Läs mer: