Headeren er for stor når man kommer ind på siden. Det virker irriterende at man skal scrolle for at få indholdet vist.

Transkript

1 Ekspertvurdering Antal af eksperter: 1 Tid brugt til evaluere website: 2 timer. Konklusion: Da jeg gennemgik sitet for fejl, mangler og problemer fandt jeg hurtigt ud af, at det største issue var tekst, layout og formatering. Der var en masse småfejl, som ikke decideret forstyrrede brugen af websitet, men som var irriterende at se på, var rodet, eller på anden måde ikke var optimalt konstrueret. I skemaet nedenfor ses de problemer, jeg har oplevet på siden da jeg testede, samt de løsninger, jeg er kommet frem til under udarbejdelsen af mit redesign af min portfolio. Heuristik/princip: Navn & nummer: Heuristik 8. Æstetisk og minimalistisk design. Heuristik 3. Brugerkontrol og - frihed Heuristik 1. Systemstatus. Lokation: URL: Problem: Beskrivelse: Header for stor. Headeren er for stor når man kommer ind på siden. Det virker irriterende at man skal scrolle for at få indholdet vist. Header er ikke klikbar. Det er et stort usability problem at man ikke kan komme tilbage til den første side, ved at klikke på headeren. Menu level 3 kan ikke vises rigtigt på siden. Man kan ikke læse navigationen på niveau 3. Se bilag 1A. Kategori: 1-4 point: Løsning: Forslag: 2 Lav en mindre header, så indholdet også kan ses når siden indlæses. Header er lavet mindre. 3 Lav headeren til et link til forsiden for at gøre navigationen nemmere. Header er blevet lavet til et link til forsiden. 3 Gør menuen mindre, ryk den til venstre eller find en anden måde at lade den folde sig ud på.

2 Heuristisk 4. Konsistens og standarder. Heuristik 8. Æstetisk og minimalistisk design. Heuristik 8. Æstetisk og minimalistisk design project- website- redesign- 2/ Header, menu, overskrift og billede mangler konsistens i floating (alignment). Det ser enormt rodet ud, at de elementerne skiftevis er centreret eller venstre alignet. Søgefeltet er ikke centreret. Det irriterer øjet og giver ikke et professionelt look. Ydermere kan det være dumt placeret i forhold til, at det plejer at ligge i top højre hjørne. Se bilag 1B. Layout af tekst. Dette tema har som standard overskrifter der er kun af majuskler, og det kan godt blive en tand for meget. Derudover er det svært størrelsesmæssigt at se forskel på overskriften og underoverskrifterne. Se bilag 1C. Menuen er blevet rykket til højre, og så har den kun 2 niveauer, så den ikke konflikter med skærmstørrelse eller den er svær at følge, uden at ramme forkert. 3 Sørg for at der er konsistens i valg af alignment! Alt er alignet left. Fast forkant på tekst. Enkelte ting er alignet center eller højre, men uden at være forstyrrende. 2 Overvej om søgefeltet er overflødigt. Hvis ikke, kan placeringen enten være centreret bund eller top højre hjørne. Søgefeltet er overflødigt. Menuen er nem at navigere i og mængden af information er overskuelig, så der er ikke brug for det. 1 Lav en større forskel på overskrifter og underoverskrifter. Lav dem evt med startbogstav i majuskel og resten minuskler. Evt kan det overvejes om nogle af overskrifterne skal omdøbes for at give et bedre flow/layout. De store overskrifter er blevet h1 og de mindre overskrifter er blevet h4. Blandet majuskler og minuskler.

3 Heuristik 8. Æstetisk og minimalistisk design. Heuristisk 4. Konsistens og standarder. Heuristisk 4. Konsistens og standarder. Heuristisk 4. Konsistens og standarder. project- website- redesign- 2/ Layout af tekst. Linjerne med tekst er for lange. Det er ikke rart for øjet at læse så lange linjer. Størrelser på majuskler. Størrelse på a et i PLEASE CHOOSE A TOPIC BELOW er ude af balance i forhold til den anden tekst. Se bilag 1D. Og- tegn passer ikke stilmæssigt til resten af teksten. Se bilag 1D. Konflikter i valg af sprog. På formen står der påkrævet og tilføj. Det bryder jeg mig ikke om, da jeg har valgt at siden skal være på engelsk, så alle kan forstå. Se bilag 1E. 1 Kan brydes, så der opstår en mere naturlig læselyst og luft i teksten. Linjerne er blevet kortere og skriften en tand større. Gør teksten nemmere at læse. 1 Brug en skrifttype, som har en naturlig ensartethed. Fundet skrift med ensartethed. 1 Tjek at alle tegn og skrifter passer med hinanden inden sitet bliver publiceret. Tekst passer sammen og tegn passer ind. 3 Lad al tekst være enten engelsk eller dansk. Der er ikke nogen konsistens i valg af sprog på denne side, sørg for at være konsekvent i dette. Al tekst er engelsk, medmindre dette er oplyst så brugeren ikke bliver forvirret.

4 BILAG 1A

5 BILAG 1B

6 BILAG 1C

7

8 BILAG 1D

9 BILAG 1E

10