Mellem drøm og vågen

Lodret scroll fra drømmen - med farvekoder for færdighedsgrad / sprint.
Lodret scroll fra drømmen – med farvekoder for færdighedsgrad / sprint.

I tilstanden mellem drøm og vågen så jeg, at div-tags ville være bedre end tabeller, når man skal gestalte et design af firkanter til PC og mindre mobile skærme. Det handler om float og display block på små skærme.

En lille skærm kan vise en kanban lodret – der scrolles op og ned. Måske også til højre og venstre når man skal gå fra story til sprint (i et scrum-inspireret design). Drømmen konkluderer tilsyneladende at div er bedre end table.

Farverne styres via CSS klasser, der igen genereres af PHP. Koderne kunne være:

  • Grøn = “done”
  • Gul = “todo”
  • Rød = “pending”

I drømmen lavede jeg en papirsprototypetest og bad brugerne om at klikke på firkanterne. De skulle sige, hvad der ideelt ville ske, når man klikker på en firkant. Forudsætningen var, at brugeren introduceres for kanban først.

Der var også noget om wireframe for placering af knappper på firkanterne; men den del af drømmen husker jeg ikke tydeligt. Vistnok noget med at man klikkede på firkanten for at komme ind til en editeringsmenu.

Layout for større skærm via float
Layout for større skærm via float

Published by

Per Thykjaer Jensen

- Code is the heart of all multimedia productions. Code can animate your creative visions.
Per Thykjaer Jensen teaches multimedia programming at Aarhus Buisiness Academy. He is MA it, interaction design and multimedia, MA literature history and BA art history.