Sådan tilberedes Wireframes-skitser

Og ikke brænde din dagbog forsøger

At designe wireframes er som madlavning, når du praktiseres i håndværket, behøver du ikke længere at følge en nøjagtig opskrift for at forberede noget velsmagende, men du har stadig brug for de rigtige ingredienser (værktøjer).

Ingredienserne (værktøjer)

Du får brug for,

  • Noget at skitsere på, et ark papir eller en tavle fungerer
  • Blyant, kuglepenne, markører (eller farveblyanter, uanset hvad du får din tegning på)
  • Dine noter
  • Post-its! (fordi # designere)
  • En hånd (din hånd)

Instruktioner

Der er ingen specifik proces eller opsætning af trin til wireframe, men da dette er en "wireframe-opskrift", skal ordet "process" være et sted i denne blog. Så der går du.

At opbygge en wireframe kræver ikke kun kreativitet, for at tilføje hurtig, men funktionel smag, men du bliver nødt til at sprøjte det op med mange forskellige metoder og hjælp fra nogle post-its, som er en hæfteklamme i designskafferiet til,

  • Lynsamtaler
  • Affinitetskortlægning
  • Brugertest

Nu hvor du er opmærksom på dette tip, så lad os begynde at designe det, du vil vise!

1.- Forvarm dine designmuskler og forbered din idéskitse.

2.- Saml dine funktioner, knapper, CTA'er og modeller ved hjælp af dine kuglepenne eller markører.

3.- Bland dem alle sammen i din skisseskål for at starte Rapid Prototyping, en metode til mennesker, der designer og bygger ting. Når du prototype, flexer du dine designmuskler endnu mere!

4.- Tilsæt smag med de ideer, du havde skrevet på dit post, inden du forbereder dine ideelle løsninger.

5.- Del din blanding i dine forberedte tegneskærme (dit papirark eller hvad du end taget at tegne på), og hæld lidt kreativitet ved hjælp af dine kuglepenne eller markører, indtil du er tilfreds med resultaterne.

6.- Nu er du klar til at nyde nogle visuelt lækre wireframes!

"Din evne til at tegne er et hurtigt, kraftfuldt middel til at tænke, resonnere og visuelt udforske ideer - give visuel information til selvreflektion og fokuseret diskussion med dine kolleger, teams og klienter." - Tegning Idéer

Noter

Husk, at det er let at komme med en idé. Den svære del er at forstå, hvordan man forme ideen til en brugergrænseflade. Inden du forvarmer designovnen, skal du tage hensyn til nogle fordele og ulemper, du måske står over for, mens du koger wireframes:

Fordele

  • Hurtig iteration
  • Lavpris
  • Bedre til at undgå omarbejdning
  • Iterate din idé
  • Ingen pixels at polere
  • Åbne muligheder for at se
  • Undgå at oprette konstante lo-fi-mockups

Ulemper

  • Ikke veldefineret (farver, form, animation, font osv.)
  • Behøver masser af fantasi
  • Svært at teste på papir
  • Skal konverteres til en digital prototype
  • Flere mennesker tegner måske den samme idé

Langt om længe…

Du behøver ikke at være en professionel wireframe-sketcher for at få folk til at forstå, hvordan du ser på mulige løsninger. Gør din designerversion af Gordon Ramsay stolt. At tegne fantastiske wireframes er ikke nok, du skal være i stand til at præsentere dem på en måde, som dine kunder eller team kan forstå dem.

Server dine skitser på en måde, der kommunikerer dine idéer om brainstorm, rejseideer og konceptvisualisering. Husk, at det er en konkret måde at konvertere dine ideer til et nyt designkoncept.

Del dine tanker! Du kan nå mig på [email protected]

Jeg inviterer dig til at læse mere om vores arbejde. Du kan finde relateret UX-materiale her.

Alle tegninger er oprettet af forfatteren (mig).

Oprindeligt offentliggjort på https://ux.nearsoft.com den 10. maj 2019.