Forside » Klean weblog - om bedre websites » Future of Web Design: Smart Tips for Wireframing med Brad Haynes

Future of Web Design: Smart Tips for Wireframing med Brad Haynes

En smule nyt om wireframes og ikke mindst en række links til værktøjer.

Hvorfor lave wireframes? Nu er jeg væk fra sidste sessions irriterende salgstale og i godt selskab med Brad Haynes, som er underholdende og skarp.

Lad os lige citere Winston Churchill: "He who fails to plan is planning to fail". Det er derfor vi laver wireframes. Det giver en hurtigere designproces og dermed mulighed for flere iterationer indenfor samme budgetramme.

Brad foreslår at man ser i retningen af Adaptive Paths model ( dem besøgte vi i øvrigt i oktober), der er en model i lag. Principielt går man fra strategien i bunden til websitets overflade i toppen.

Lad os lige se på teknikken: Brad plejer at starte med en brainstorm, og når man går fra de første papirskitser kan man for eksempel anvende 960.gs til sit design grid. Meget tegnes så i Photoshop.

Brad viser et fint princip for at fremvise wireframes og endeligt design for kunderne. Først viser han wireframes, og derefter går han trinvis igennem hvert element, som "forvandles" fra wireframe til endeligt design - et trin ad gangen. Det er en meget overbevisende måde at præsentere et design på, og det er let at diskutere hvert trin. Kan virkelig anbefales.

Hvad jeg lidt savner i det ellers glimrende foredrag er, hvordan man laver wireframes i samarbejde med projektets team. Det kan ofte være en god proces at bygge prototyper i fællesskab, og derfra gå videre til wireframes.

Den model, vi får præsenteret her, virker hverken særlig agil eller iterativ. Det ligner mest en designer, der tegner skitser, fremviser dem og laver rettelser. Bagefter skrives der specifikationer.

Lad os derfor forlade det ellers underholdende foredrag og gå til værktøjslisten.

På kontoret anvender vi selv Axure. Jeg kunne nu godt tænke mig at se noget mere på Justinmind Prototyper. Andre foretrækker Visio, men så skal man jo have en PC. På Mac er der OmniGraffle, der har nogle fine stencils.

Det var mine valg. Brad foreslår nogle andre: Hotgloo, MockFlow og iMockups skulle være løsningen på en iPad.

Hvis man i øvrigt gerne vil følge lidt med indenfor det relaterede emne prototyping, kan jeg anbefale at gå lidt ned af gaden fra Kleans kontor i Vestergade. Følg med på Henrik Olsens blog om prototyping, mens vi venter på bogen.

 
 
 

Skriv din kommentar...

Kommentar:

Navn:

E-mail:

Hjemmeside:

1. Tryk Preview for at gennemse din kommentar.
2. Tryk herefter Gem for at publicere den.