Nogle mennesker samler frimærker, andre spot tog; Jeg er blevet besat af wireframing software.

Jeg har prøvet og forelsket mig i utallige applikationer fra Balsamiq til Mockingbird til FlairBuilder . Selvom hver har følt sig som ægte kærlighed, har tiden med tiden blændet mig, og jeg finder mig flirt med et andet værktøj.

De ser alle så forbløffende ud, men over tid ser jeg deres mangler. Måske er jeg bare for nøjeregnende. Måske er mine behov for usædvanlige. Det, jeg virkelig vil have, er et værktøj, der passer til den måde, jeg gør ting på, snarere end at jeg skal passe til værktøjet.

Har du eget foretrukne wireframing værktøj? Ser du selv behovet for en? Hvis ja, går du til alle klokker og fløjter eller bare en hurtig og snavset løsning?

FlairBuilder
Applikationer som FlairBuilder bliver mere magtfulde, men nogle gange bare for komplekse.

Hvorfor samarbejde om wireframing med kunder?

For mig er wireframing en samarbejdsoplevelse. Det er ikke noget jeg gør alene i et mørkt rum. Jeg deler snarere processen med mine klienter.

Jeg tror på at sidde rundt om et bord med klienten og udslette nøglesider i wireframe format. Dette har fire fordele:

  1. Engagerer klienten
    Ved wireframing med klienten føler de sig en del af processen, og det hjælper med at opbygge et solidt samarbejde.
  2. Sikrer momentum
    Ved wireframing sammen undgår du uendelige revisioner. Etablering af en solid retning for nøglesider sker i løbet af få timer.
  3. Forpligter klienten
    Hvis klienten er involveret i at skabe wireframes, føler de en ejendomsret over dem og hjemmesiden. Løsningen bliver lige så meget deres ide som din. Derfor er de mindre tilbøjelige til at afvise designet senere.
  4. Tjener som en fælles reference
    Oprettelse af wireframes sikrer sammen, at alle forstår dem. Trådrammerne fungerer som en fælles referenceramme for alle i hele projektet.
wireframing med klienten
Wireframing med klienten har mange fordele.

Men processen er ikke uden sine udfordringer.

Leder du efter en hurtig og snavset løsning

På mange måder er wireframing alene meget nemmere. Du har tid til at tænke, finjustere og forfine. Dette er svært at gøre med en klient i rummet. Collaborative wireframing handler om hurtigt at mocking up ideer og diskutere dem. Så, du har brug for et værktøj, der letter dette mål.

Dit trådfremstillingsværktøj skal være:

  • Hurtig at bruge
    Intet er værre end en klient sidder rundt, da du desperat kæmper med et wireframing værktøj til at demonstrere en ide.
  • Nem at revidere
    I en samarbejdsproces fører diskussionen dig til at prøve masser af subtly forskellige tilgange. Du bliver nødt til at kunne ændre wireframe hurtigt.
  • Let at forstå
    Wireframes skal være klare og beskrivende. Kunderne har ikke fordel af vores erfaring med at arbejde med wireframes og kan derfor let forveksles.
  • Professionelt udseende
    En ide kan billigt af præsentationen. Det hjælper, hvis værktøjet kan producere en wireframe, der ligner en velovervejet, højkvalitets løsning.
Eksempel Keynote Wireframe
Trådfremstillingsværktøjet skal se professionelt og alligevel være fleksibelt nok til at muliggøre hurtig iteration.

Traditionelt har collaborative wireframing sessioner været lavet med pen og papir, men det er ikke altid den bedste løsning.

Hvorfor ikke pen og papir?

Gør mig ikke forkert. Pen og papir tilbyder en række fordele ved samarbejdsvirksomhed, og det vil altid have et sted. Faktisk vil jeg gå så langt som at sige, at de fleste collaborative wireframing sessioner bør starte med pen og papir.

Det gode ved pen og papir er, at det er inklusivt og hurtigt. Enhver kan hente en pen og begynde at scribbling; det kræver ingen særlig færdighed. Og hele rummet kan begynde at skitsere på samme tid; der er ingen enkeltperson med deres hånd på musen.

Pen og papir føles også disponibel. Skruer op på et stykke papir og kaster det i kassen føles let og har ingen stor følelse af tab. Dette er afgørende i de tidlige stadier af wireframing processen.

Imidlertid har wireframing på pen og papir nogle ulemper:

  • Ikke let at revidere
    Når ideer flyver rundt, og du skriver et element efter hinanden, kan pen og papir wireframes blive rodet hurtigt. Du bliver ofte tvunget til at omdrage en side fra bunden, hvilket sænker processen.
  • Ikke altid klart
    Med så mange revisioner og scribbles bliver wireframes ofte forvirrende. De har også en tendens til at mangle detaljerne i software-genererede wireframes, hvilket efterlader mange spørgsmål ubesvaret.
  • Ser ikke professionel ud
    Medmindre du er en stor kunstner, vil de fleste af dine wireframes se ud som ravinger af en forfalsket psykopat (eller er det bare mig?). Dette kan reducere værdien af ​​de underliggende ideer.
Pen og papir wireframe
Pen og papir wireframes kan se rodet og forvirrende til den uuddannede klient.

I min erfaring indeholder en god samarbejdsmæssig wireframing-session en blanding af både papir og softwarebaserede wireframes.

Så med mange softwareløsninger, der er for langsomt, og papir fejler i andre henseender, hvad er løsningen?

Keynote til undsætning

Efter meget eksperimentering har jeg lagt mig på Keynote som mit foretrukne værktøj. Jeg formoder, at PowerPoint er lige så god, men som Mac-bruger er mit valg Keynote.

Keynote er nem at bruge, og mange mennesker er allerede bekendt med det. Bedst af alt ejer det store flertal af os det allerede, hvilket sparer nogle penge.

Jeg elsker det, fordi det gør det nemt at kaste wireframes sammen og derefter hurtigt revidere dem, da tænkningens retning ændres.

Bedste af alt, Keynote wireframes kan se meget professionel og give en enorm klarhed.

For at opnå dette har du brug for en stor mester skabelon, en der indeholder alle de elementer, der normalt vises på en hjemmeside (tekst, billeder, søgefelt osv.). Det er simpelthen bare et spørgsmål om at kopiere og indsætte dem på dine sider.

Nogle gode videoer derude viser dig hvordan du opretter dine egne brugerdefinerede elementer. Hvis du er doven som mig, har en række mennesker gjort det hårde arbejde for dig. For et nominelt gebyr kan du købe Keynote og PowerPoint skabeloner, der indeholder alle de webelementer du nogensinde vil medtage i en wireframe.

Keynotopia
keynotopia

Keynote UX
Keynote UX

Keynote Kung-Fu
Keynote Kung-Fu

Men fordelene stopper ikke der.

En bonus

Den måde du præsenterer wireframes på er afgørende. Selv hvis du arbejder sammen, er chancerne for, at ikke alle interessenter vil være i rummet.

Mange wireframing-applikationer kræver, at brugere downloader et program eller installerer et plug-in, før de kan se filen. Ikke så med Keynote.

Keynote er allerede en almindelig applikation, men det har også nogle gode eksportmuligheder. Du kan gemme wireframes i både HTML og PDF. Begge muligheder opretholder forbindelserne mellem sider, så brugeren kan klikke rundt på "hjemmesiden".

Endnu bedre, Keynote lader dig optage en voiceover og gemme wireframe som en QuickTime-video. Dette gør det muligt for dig at tale interessenter gennem wireframe og forklare din tilgang, så du kan forstå tanken, der gik ind i den endelige wireframe.

Keynote eksport muligheder
Keynote giver dig mulighed for at eksportere wireframe i PDF og HTML og endda som en film med stemmefortælling.

Selvfølgelig er ingen løsning perfekt. Keynote er ikke sølvkuglen af ​​wireframing.

Begrænsninger

I min erfaring lider Keynote af to problemer som et wireframing værktøj.

Den første er sidestørrelse. Mens andre wireframing værktøjer giver dig mulighed for at ændre sidestørrelse på flugt, Keynote ikke (i det mindste ikke uden forvrængning af elementerne). Dimensionerne skal også være ens på tværs af alle sider. Dette kan være frustrerende, hvis du ikke planlægger dig. Jeg løser dette problem ved at gøre alle siderne enorme; men denne løsning er langt fra perfekt og skaber problemer ved eksport.

Det andet problem er, at Keynote ikke tillader kompleks interaktion, på trods af at der knyttes mellem sider. Det kan ikke vise JavaScript-drevet funktionalitet, så almindelig på hjemmesider i dag. Selvfølgelig gør det heller ikke pen og papir. Og i en samarbejdsmæssig wireframing-session vil du normalt ikke være nødt til at demonstrere dette niveau af interaktive detaljer. Hvis du gør det, vil du nok være bedre med et mere komplekst prototypeværktøj.