Op zoek naar de perfecte workflow

Een tijdje geleden schreef ik een artikel over wireframes bouwen.

Wireframes zijn onontbeerlijk bij het bouwen van een website. Als “plattegrond” van de website fungeren ze als leidraad tijdens zowel de programmatie- als ontwerp-fase.

Het probleem met grafische wireframes is dat ze in weze wegwerp-producten zijn: ze dienen als eerste voorstel voor de klant en fungeren als basis voor het verdere project maar als de website afgewerkt is hebben de wireframes geen nut meer en worden ze gewist.

In een poging zo praktisch en efficiënt mogelijk te werken besloot Gorilla de wireframes direct op te bouwen in betekenisvolle XHTML (naar het voorbeeld van Andy Clarcke).

XHTML wireframes zijn handiger:

  • XHTML templates werden sowieso aangemaakt naar de gelijkenis van het grafische wireframe, dus waarom niet direct in XHTML werken?
  • XHTML schrijven gaat voor mij vlugger dan ontwerpen in Indesign.
  • Ontwerp en RoR programmatie kunnen naast elkaar gebeuren: allebei vertrekkend vanuit een solide, standaard en betekenisvolle XHTML basis.
  • De klant krijgt direct een goed beeld van hoe de website zal werken en aanvoelen (mét eventuele Javascript/AJAX functionaliteit).
  • De wireframe gebruikt direct echte inhoud en vervangt Word documenten en Excel sheets allerhande waar anders alle inhoud in wordt verzameld.

Onze workflow:

7 maanden na onze start denken we een praktische en effeciënte werkwijze te hebben ontwikkeld:

  • Stap 1: Eerste “screens uittekenen” op papier.
  • Stap 2: Screens uitwerken in een XHTML wireframe (met échte inhoud en betekenisvolle mark-up).
  • Stap 3: XHTML wireframe integreren in het Gorilla CMS systeem.
  • Stap 4: Photoshop design.
  • Stap 5: De wireframe CSS bestanden worden gewist en de echte CSS code wordt geschreven.

Reacties

Reageer als eerste!

Geef je mening… don't be shy

  • http://

Feed the primates

Wij hebben grote honger naar nieuwe projecten. Ook voor uw project leggen wij de lat heel hoog. Samenwerken? Stuur een berichtje. Of bel 09 395 02 51.

Een idee voor een nieuw project? We zijn benieuwd