Redesign af Jubii navigation

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.



Del:These icons link to social bookmarking sites where readers can share and discover new web pages.
  • del.icio.us
  • digg

8 kommentarer

  1. Dr. Thrane siger: (1. marts 2007 kl. 13:35 )

    Mine første tanker: Clean og dejligt simpelt. Jeg synes måske, at den hvide baggrund er meget flad (inner shadow, graduering el.lign. måske) og den aktive tab kunne fremhæves en smule mere.

    Sidstnævnte synes jeg også er et problem i Firefox, så det er nok bare mig ;)

    Ellers kan jeg kun bifalde udviklingen :)

  2. Mads Buch Stage siger: (1. marts 2007 kl. 13:48 )

    Hey Thrane, glæder mig at du langt hen af vejen kan li’ det :-)

    Angående det hvide felt, så er det planen, såfremt vi laver et globalt rollout at bruge det til intern promovering af andre Jubii sites som vi ønsker at fremhæve, men det kan man naturligvis ikke lige lure p.t.

  3. Dr. Thrane siger: (1. marts 2007 kl. 13:52 )

    Cool - er bestemt en dejlig respons i menuen - målrettet flash når det er bedst :)

  4. palmskov siger: (2. marts 2007 kl. 01:50 )

    Den er cool, men fold sammen knappen ligger alt for langt til højre efter min smag. Jeg ville klart placere den i venstre side.

  5. Mads Buch Stage siger: (2. marts 2007 kl. 12:02 )

    Hej palmskov,

    Jeg kan for så vidt godt følge dig lidt hen af vejen, men omvendt er det standard usability at knapper er til højre for eller nedenunder det som de har med at gøre, og udfra det perspektiv ville det være helt forkert at placere dem til venstre.

    Dernæst, så er de prioriteret meget lavt, da det er en sekundær funktion.
    Folk der klikker på tabben eller på søgefeltet er jo interesseret i enten at komme videre eller søge, hvorfor det kun sjældent er aktuelt at brugeren bevidst og aktivt folder dem sammen.

  6. Dr. Thrane siger: (2. marts 2007 kl. 12:11 )

    Jeg lagde slet ikke mærke til den knap i første omgang … kan nok heller ikke se, at der skulle være behov for at lukke menuen/søgemulighederne igen, da man vel alligevel ender ud med et page load …

  7. kimblim siger: (4. marts 2007 kl. 01:02 )

    Jeg synes den er langt pænere end den gamle, omend farverne der kendetegner underområderne jo forsvinder.. Synes især godt om at den er mindre, den gamle har alle dage været for stor, og jeg erindrer da også at vi for 3-4 år siden arbejde på en “slim header” da jeg stadig arbejdede på jubii.

    Det ærgerlige ved at bruge flash til sådan noget som navigation er at Google ikke indekserer indholdet, og lige præcis ved navigation er det jo ret vigtigt, da det er sitets “nøgleord”.

  8. Mads Buch Stage siger: (4. marts 2007 kl. 13:30 )

    Glæder mig at du kan lide den :-)

    Problematikken med Google har vi taget højde for, da der simpelthen vises en alternativ version til søgerobotter, ja, eller for den sags skyld alle som ikke har slået javascript til.

    Du kan bare prøve at slå javascript fra for at se den.
    (Og ja, den er grim, men botterne kigger kun på funktionalitet, ikke udseende)

Skriv en kommentar