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



Relaterede dokumenter
Redesign af Cinnober. Analyse af hjemmesiden Cinnober

Hjemmeside redesign af Dansk Jagt- og Skovbrugsmuseum

MUL B SofieKen, SimoneIbsen, SørenLind, SilleNoël. Unique Landscapes. URL:

Portfolio Redesign Kamilla Klein 1. Semester eksamen

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation

Tastemanual til Webbyggeren

AROS Å R H U S K U N S T M U S E U M

Portfolie Redesign. Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar Jens Jákup E.

Projekt 1 Re-design af Odense Bunkermuseum

Michella+Serritzlew+Jacobsen+

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT

Indholdsfortegnelse Opret engelsk version af hjemmesiden... 2

Udover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave.

Portfolio redesign. Kia Dahlen! 1. semester eksamen! MUL-A 2013! !!!

GRAFISK DESIGN GRAFISK PRODUKTION & WORKFLOW

Portfolioudvikling. Line la Fontaine. Multimediedesigner

FAKTA 3 INDLEDNING 4 KREATIV PROCES 4 INDLEDENDE FASE 4 DESIGNVALG 6 TYPOGRAFI 6 FARVER 6 LOGO 6 BRUGERGRÆNSEFLADE 6 BAGVEDLIGGENDE KODE 7

Opgaven. Brugervenlighed. Designparametre. Følgende krav var : Research. Målgruppe. Konklusion. sitet ikke bliver for mørkt.

Portfolio. Udvikling af min portfolio Link til portfolio: Michell Aagaard Dranig

3 usability-tests. med udgangspunkt i Køge Boldklubs web site. Gangstertest. Ekspertvurdering. Kortsortering. Side 1

Gruppe 9 Visuel Interface Design, 27/09/2011

Gruppe: Julie Rasmussen, Laura Kongaa, Naja Lynge & Sophie Krogh Hold: B

Lav en hjemme side der kan sælge fly billetter til en stor i Europa.

Gruppe 16 / redesign af website: Cinnober / Redesign af website. Gruppe 16: Anja Line Kira Emma Ditte Karoline

Portfolio - Grafisk Workflow

Annemette Søgaard Hansen/

KYOTO.DK ANALYSE OG REDESIGN. Malene Rostgaard Rasmussen Camilla Skov Sørensen Thomas Juul Mathias Vangsgaard

Projekt 5 Eksamens opgave Re-design af portfolio Af Jonas Lunding

Responsive design Der er ingen breaking points på hjemmesiden. Det er et astatic website, da det ikke er responsivt.

4. DEC 5. DEC 8. DEC 2014

Bilag 2. Noter. Alternativ: Skriv pakkelabel i søgefeltet Klik på linket ved teksten øverst: pakke labels

OPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner.

AMANDA ABIGAIL PEDERSEN MARIA THOMSEN SOFIE MAI SØRINE SKOV KRUSE

GRAFISK DESIGN. Webdesign til fodboldportal

WBS. Inledning. Afsluttende projekt 1. sem

Manual: Informationsstruktur og nye funktioner på Wholesale Online

GRAFISK DESIGN. webdesign af pl.dk

KT OR LOW PRODUKTION // WORKFLOW

Gruppe 15. Redesign af bageriet FeelGood Bakery s website. Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt

Vejledning til: Mine aktiviteter (behandler)

Projekt: Kend dine brugere. Tr09mul02 Andreas Münter Jesper Hansen Tommy Pedersen Robin Hansen

Trin for trin guide til Google Analytics

Selv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder:

Dokumentation. Karen-Louise Fejerskov

Brugerguide til 3M Online Center

Grafisk design. Ide. Designprocess. Målgruppe

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb

Active Builder - Brugermanual

Typografi & ombrydning

REDESIGN AF PORTFOLIO 16. jan. 2015

Sådan indlægges nyheder på DSqF s hjemmeside trin for trin

Lav din egen forside i webtrees

Portfolio Andreas Stjerneklar Kristensen. Multimedia Designer Eksamen 1. Semester

DØVE OG HØREHÆMMET TILGÆNGELIGT DESIGN FOR: Skriv i et enkelt og konkret sprog. Undgå komplicerede ord og talemåder

GUIDE TIL TILGÆNGELIGHED I DIGITALT DESIGN.

20 FEJL PÅ DIN HJEMMESIDE

Vivino Wine Scanner. Start med at downloade app en Vivino Wine Scanner via App Store.

Version 1.2: 23/ Vejledning. Rapportskabelon til Word 2010/2013

Case:

Dannelse af PDF-dokumenter

Herning Bibliotekernes Helpdesk

Vejledning til oprettelse af brugerprofil og registrering på leverandørliste. Ballerup Kommune

En blog med dansk brugerflade. Opret en Smartlog konto Gå til Opret en konto ved at skrive din adresse

Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, Der refereres fra nu af blot

Hvis du ikke kan huske adgangskoden, har andre problemer med at logge på eller ikke er oprettet, skal du kontakte:

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl.

GRAFISK PRODUKTION & WORKFLOW. Endotest website

SKRIV TIL NETTET. - et hurtigt overblik

Carlas cupcakes. Projekt.

Mit grafiske workflow inkluderer:

Designmanual for websider

Analyse af website: cinnobershop.dk

[jobsøgende] sådan gør du... [søg job via jobnet.dk]

3 OPRETTELSE AF SIDER

- A) Overskrift Hvis du ikke kan finde på en oplagt overskrift lige nu, så skriv bare et eller andet. Du kan redigere i det senere:

I denne manual kan du finde en hurtig introduktion til hvordan du:

Overskrifter Vejledning til opmærkning af overskrifter til hjemmesider og i kontorprogrammer

Windows Vista Digital postkasse og borger.dk side 1 af8. I adresselinjen. 1) Gå ind på Du ser nu dette skærmbillede:

Grafisk Design 70% Skitser

... øvelser. Fortæl mig, og jeg glemmer. Vis mig, og jeg husker. Involver mig, og jeg forstår. Konfutse

Guide. Administration af FDF.dk/Nyborg. 1. Udgave Ide og layout Christoffer S. Rasmussen

Opret en nyhed LEJERBO.DK OPRET EN NYHED 1. LOG PÅ MIT LEJERBO OG LOG PÅ SOM REDAKTØR. Gå ind på din hjemmeside, fx

Redaktørvejledning for Skriv en artikel

T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26

GRAFISK DESIGN DET DIGITALE PRODUKT - DESIGN AF MIN PRIVATE HJEMMESIDE

Dannelse af PDF-dokumenter

Brugervejledning Joomla

VEJLEDNING TIL OPRETTELSE AF BRUGERPROFIL OG REGISTRERING PÅ MORSØ KOMMUNES LEVERANDØRLISTE

Giv tid Alle former for volontør arbejde penge indsamling, rejser mm. Søg Søg felt.

Projekt redesign af Kyoto.dk Hold A - gruppe 20

1.3 Redigering af indhold på forsiden For at redigere forsiden marker dit lokalafdelingsnavn i træstrukturen og klik på Lås og rediger.

SIGIL Sådan opretter du en e- bog Step by Step

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.

Mark André Lyhne. Eksamen web1b

Ofte Stillede Spørgsmål

COPENHAGEN. Opgaven. Kunden. Målgruppe. Layout 1. GRAFISK DESIGN // METTE-MARIE RANDSKOV

Guide til Danskmadogfestservice.dk (the back end)

Vejledning til systemet Øremærkebestilling på Landmand.dk.

Byg web sider. Introduktion:

Transkript:

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: http://mul03.itkn.dk http://mul03.itkn.dk http://mul03.itkn.dk 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å.

Heuristisk 4. Konsistens og standarder. Heuristik 8. Æstetisk og minimalistisk design. Heuristik 8. Æstetisk og minimalistisk design. http://mul03.itkn.dk http://mul03.itkn.dk http://mul03.itkn.dk/3- 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.

Heuristik 8. Æstetisk og minimalistisk design. Heuristisk 4. Konsistens og standarder. Heuristisk 4. Konsistens og standarder. Heuristisk 4. Konsistens og standarder. http://mul03.itkn.dk/3- project- website- redesign- 2/ http://mul03.itkn.dk/learning/ http://mul03.itkn.dk/learning/ http://mul03.itkn.dk/contact/ 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.

BILAG 1A

BILAG 1B

BILAG 1C

BILAG 1D

BILAG 1E