Redesign af Jubii navigation

Kategori: Egne projekter | Kommentarer (8)
Gemt: 2007-03-1 10:43


Et af de store projekter vi har knoklet med det seneste stykke tid er et redesign og en videreudvkling af hovednavigationen på Jubii, nemlig vores tabs i toppen.

De primære problemstillinger med den nuværende tab har været:

  • Grafisk dominerende, hvilket gør det svært at bruge den på sites der adskiller sig meget fra det almindelige design på Jubii
  • Høj, hvilket skubber hovedindholdet længere ned på siden.

For at løse problemet med pladsen, og samtidig give brugerne præcis de samme muligheder som de har i dag, har vi gjort tabben dynamisk. Det betyder at undernavigationen ved de forskellige tabs først vises ved klik på tabben, samt at mulighederne ved søgefeltet også først vises når man klikker i det.

Du kan se den gamle og den nye tab ved siden af hinanden her:
Jubii navigation - gammel tab vs ny tab
(klik for at se den i fuld størrelse)

Vi valgte at lave den nye version i Flash fremfor javascript at forskellige årsager, men de to vigtigste er, at det med Flash-versionen er ekstremt nemt at eksperimentere med at ændre den måde man interagerer med tabben på.
Det andet vigtige argument er størrelsen, da den samlede vægt på toppen er endt på kun at være 12,5 kb, og det vel og mærke for en version der virker og ser ens ud i samtlige browsere.

I øjeblikket kan den nye top opleves live på Jubii Kig Ind og Jubii Job.
Her kører den som en test, og så vil det efterfølgende blive besluttet om den skal rulles ud på resten af Jubii.

Vi tager hjertens gerne imod input, så har du ris/ros til toppen, så smid endelig en kommentar.