Case: http://www.julius-nielsen.dk/



Relaterede dokumenter
Portfolioudvikling. Line la Fontaine. Multimediedesigner

Indholdsfortegnelse Opret engelsk version af hjemmesiden... 2

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:

1. Større opgaver i word

Jonas Krogslund Jensen Iben Michalik

Indhold. 1. Adgang og afslutning

Brugerundersøgelse på nyidanmark.dk 2008

Hardeknud gruppe. Brugermanual. Tilegnet redaktører af gruppeweb hjemmeside

Manual til WordPress CMS

Heldigvis har systemet indbygget en hjælp, som man kan benytte, hvis denne vejledning ikke berører det opståede problem.

Projekt 1 Re-design af Odense Bunkermuseum

Når du har logget dig ind, ser du Randers Kommunes byvåben midt på siden. I venstre side er der en række mapper:

Grafisk Design. Trine Dichmann Knudsen

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

WORKFLOW & GRAFISK PRODUKTION

Vejledning Digital Håndbog for energikonsulenter

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

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

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

Daglig brug af JitBesked 2.0

Trin for trin guide til Google Analytics

1 af 5. Nogle. Word. funktioner. Mvh otto. Indhold. Fortryd

Manual til tilbudsgivning m.v. i DIS

Brugervejledning Brugervejledning Opret et event. 10 Steps. Sådan slår du et event op på. eventplatformen.dk. Eventplatformen.dk

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

Oprettelse af en Gmail-konto

Annemette Søgaard Hansen/

I dette dokument vil funktionerne i app'en blive forklaret, hvordan den er opbygget og hvilken rækkefølge de forskellige frames skal være i.

Gruppe 9 Visuel Interface Design, 27/09/2011

Manual til hjemmeside i Typo3

MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder.

Guide: Mentor 1. Indhold Log på første gang Dashboard Min stamdata Min profil. Log på første gang og opret nyt password

GeckoBooking.dk V Online kalender og bookingsystem

Bruger v1.5 QUICK GUIDE. Green Glass Software V/ Dan Feld-Jakobsen Lojovej Aabenraa / dan@rekvi-skole.dk

Når man skal udfylde i feltet: branche, kan det være relevant, at se valgmulighederne lidt igennem for at finde den mest passende.

Indholdsfortegnelse. Side 1 af 8

Designmanual BUTLER FM

Brainstorm Hjemmeside Grafisk interface med billeder af computer dele billederen skal så kunne klikkes og få information omkring delene,

Indhold Formål:... 3 De 6 faser:... 3 Fase 1: Problemanalyse... 3 Fase 2: K-strategi... 3 Fase 3: Idéudvikling... 4 Fase 4: Medieproduktion...

Webmail Gmail Generelt Side 1

Sådan arbejder du med din forside

Vejledning til online ansøgning om lokaler i Netbooking

G-MAIL (GOOGLE)

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress.

Active Builder - Brugermanual

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

QUICK GUIDE. til E-handel

Outlook 2010 opsætning

Miniguide for redaktører. Miniguide for redaktører. Leveret af DFF-EDB.dk

GRAFISK DESIGN GRAFISK PRODUKTION & WORKFLOW

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester

FRISØR VEST. Link til hjemmesiden: Frisorvest.github.io. Lavet af: Aleksander, Benjamin, Line & Cathrine

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

Den nye klub hjemmeside.

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING

Hjemmesidens layout. Sitecore Foundry maj Version 1.2

BørneIntra hjemmesidekursus

ViKoSys. Virksomheds Kontakt System

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

Kom godt i gang med NIS

MICROSOFT OUTLOOK 2010

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

Relevant skærmdump fra det evaluerede materiale indsættes her BRUGERTESTANALYSE M. 5 TESTBRUGERE

sådan gør du... [meld dig ledig]

Vejledning til hjemmesiden

Indhold Bestyrelsesweb... 2 Login... 2 Forsiden... 3 Ændring af kodeord... 3 Menu og navigering... 4 Ejendom Regnskab... 5 Ejendom Beboere...

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

kollegiekokkenet.tmpdesign.dk Side 1

Kom godt i gang med I-bogen

1 Forside. Side 1 af 15

Portfolio Redesign Kamilla Klein 1. Semester eksamen

Få din egen hjemmeside

Hjemmeside manual. Indholdsfortegnelse. Noter: - 1 -

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

Bruger v1.0 QUICK GUIDE. Green Glass Software V/ Dan Feld-Jakobsen Lojovej Aabenraa /

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

Vejledning til den skrevne patientinformation i Hospitalsenheden Vest

Du opretter dig på nedenstående side:

WINDOWS LIVE MAIL

Indre Missions. Vejledning til TYPO3

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

Oliver Marco van Komen Afsluttende opgave Kost ved slidgigt. Case 2. Personlig fysisk hjælp

Jysk Online Medie ApS - Vestergade 32, 8600 Silkeborg - Tlf.:

Google-sites CSrnAdzB1esfLAmU0O3tOKa3y

Vejledning for LOF s afdelingshjemmeside

Vejledning til opdatering på hjemmesiden

Hjemmeside manual. Indholdsfortegnelse. Noter: - 1 -

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

Hjemmeside redesign af Dansk Jagt- og Skovbrugsmuseum

GRATIS FOR ABONNENTER:

Word-5: Tabeller og hængende indrykning

TESTPORTAL: BRUGERVEJLEDNING LOG IND ADGANGSKODE

sådan gør du... [meld dig ledig]

Individuelle pædagogiske handleplaner Daginstitution/ Dagpleje

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

Brugermanual. Revision 1

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

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

Transkript:

Case: http://www.julius-nielsen.dk/ Hjemmesidens formål og målgruppe Formålet med hjemmesiden må være at informere potentielle kunder om firmaet, da hjemmesiden indeholder informationer om firmaets historie, referencer og diverse dokumentationer på deres arbejde. Desuden har hjemmesiden også som formål at informere om deres produkt ELAVO EDB gulve, som de er eneforhandler af i Danmark. Hjemmesidens primære målgruppe er altså potentielle kunder. Det er svært at aflæse, hvem de potentielle kunder er, men jeg er dog kommet frem til, at kunderne fortrinsvis er større erhvervskunder og professionelle bygherrer. Samtidig må de også have private kunder, ud fra nogle af de opgaver som er vist under Referencer. En sekundær målgruppe kan være potentielle samarbejdspartnere pga. siden Partnering. Den globale navigation Hjemmesidens globale navigation, som går igen på alle sider, er placeret i venstre side, hvilket lever op til konventionerne for en global navigation. Det er dog ikke markeret hvilket link, man besøger eller hvilke links, man har besøgt. Dette bør ændres, eksempelvis vha. forskellige tekstfarver. Det er muligt at linke tilbage til forsiden fra alle sider, vha. det første punkt i den globale navigation Forside, men en stor mangel på hjemmesiden er, at logoet i øverste venstre hjørne ikke linker til forsiden, dette bør ændres (Vestergaard, 2008: 62-64). Personligt mener jeg også, at logoet bør ændres, da det er meget svært at aflæse, at der skal stå JN&S, hvis man ikke ved det. Selvom den globale navigation sagtens kan placeres i venstre side, vil jeg foreslå en ny placering, for at gøre den mere effektiv og overskuelig. Idet hjemmesiden har en dyb struktur og der ikke er gjort brug af brødkrummer eller undermenuer, mister brugerne hurtigt overblikket over hvor, de befinder sig (Vestergaard, 2008: 59-61). Derfor vil jeg foreslå, at den globale navigation placeres i en vandret menu øverst på siden. Når et menupunkt i den globale navigation besøges, vil der komme endnu en vandret bjælke frem under den globale navigation, med de menupunkter som høre til det overordnede menupunkt. Hvis der er yderligere undersider, vil der komme en menu frem i venstre side af hjemmesiden. Med denne nye opdeling af menuen, vil brugerne kunne orientere sig om hvor på hjemmesiden, de befinder sig og de har altid adgang til alle menupunkter og behøver derfor ikke at skulle klikke tilbage for at besøge en ny underside (se nedenstående eksempel). 1

GLOBAL NAVIGATION Side 1 Side 2 Side 3 Side 4 MENU 1 Side 2.1 Side 2.2 Side 2.3 Side 2.4 MENU 2 Side 2.3.1 Side 2.3.2 Side 2.3.3 Her befinder brugeren sig eksempelvis på Side 2 > Side 2.3 > Side 2.3.2 Der mangler desuden en søgefunktion. Denne er vigtig, for at brugerne effektivt kan finde det de søger (Vestergaard, 2008: 63-64). Desuden bør der tilføjes et sitemap, da det derved bliver lettere for brugerne at få et hurtigt overblik over hjemmesidens indhold, på grund af den dybe struktur (Vestergaard, 2008: 57). Menutitlerne skal være konkrete og beskrivende (Vestergaard, 2008: 56). Hvis målgruppen kun er fagfolk, vil de nok alle kunne forstå hvad siderne indeholder ud fra de eksisterende menutitler, men hvis det også skal være for private kunder, vil jeg foreslå at man ændrer nogle af dem, da nogle er fagsprog. Adresse og andre kontaktoplysninger bør ændres til en bundtekst, så brugerne ved hvor de kan finde dem (Vestergaard, 2008: 63). For at forbedre hjemmesidens effektivitet har jeg valgt at ændre rækkefølgen på nogle menupunkter og slå nogle menupunkter sammen. Jeg vil nedenfor gennemgå de menupunkter, som jeg mener bør være en del af den globale navigation. Forsiden Idet alle sider på hjemmesiden er meget forskelligt opbygget, skiller forsiden sig reelt set også ud fra de andre sider, sådan som den skal, men den bør ændres en del. I stedet for blot at indeholde firmaets logo, bør forsiden give en kort introduktion til hvilket firma JN&S er og hvilke informationer man kan finde på hjemmesiden (Vestergaard, 2008: 55). Desuden bør man indsætte et billede, som gerne må indeholde personer, da disse billeder tiltrækker mest opmærksomhed 1. Om JN&S Jeg vil anbefale, at man slår de tre menupunkter Organisation, Historie og Dokumentation sammen til et fælles menupunkt med navnet Om JN&S og de tre gamle menupunkter flyttes i stedet ned i Menu 1 i den nye menustruktur. 1 http://www.poynterextra.org/eyetrack2004/photos.htm 2

Menupunktet Organisation indeholder et billede med fem links, inddelt i firmaets afdelinger, hvis sider indeholder billeder af og navne på de ansatte. Det er ikke til at se, at det er links, da de hverken er sat op som en menu eller er understreget (Vestergaard, 2008: 47). Derfor bør man i stedet lave en forside, som kort informerer om firmaet og dets afdelinger og indsætte de fem links til afdelingerne i Menu 2. På siden Beregner afdelingen bør indsætte en mailadresse og/eller et telefonnummer, da der opfordres til at tage kontakt, hvis man ønsker et uforpligtende tilbud. Menupunktet Historie har en meget rodet opbygning, med en del links, udformet som en slags tidslinje. Disse links linker til afsnit på samme side. Det fungerer i og for sig fint, hvis man ønsker al information på samme side. Jeg vil dog foreslå, at man inddeler siden i to: Ledelsens historie og Udpluk af historiske referencer som punkter i Menu 2, dermed vil det blive mere overskueligt for brugeren, idet hver side kun koncentrerer sig om én ting. Hvad angår teksterne om ledelsens historie, bør man først og fremmest overveje, om alle informationerne er lige vigtige, da teksterne er meget lange. Desuden er der tale om væg-til-væg tekster, som fylder hele skærmens bredde, hvilket gør det svært for læseren at holde fokus. Man kunne eventuelt inddele teksterne i punkter, eksempelvis efter årstal, da dette gør teksterne mere skanbare og desuden gøre brug af en bred margin, således at teksterne bliver smallere og mere overskuelige (Vestergaard, 2008: 43-45). Under det sidste menupunkt Dokumentation bør man blot indsætte links til de seks attester og godkendelser fra den eksisterende side i Menu 2. Referencer Denne side indeholder en forside med links til femten forskellige emner, som endnu engang er svære at identificere som links (jf. siden Organisation). Siderne som hører til de femten links er rodede og uoverskuelige, hvilket gør det svært for brugerne at finde det, de søger (kilde). Jeg vil foreslå, at man laver en forside, med en kort introduktion til hvilke informationer man kan finde på disse sider. Derefter bør man inddele de femten emner i færre overordnede emner, som skal stå i Menu 1 og indsætte de eksisterende emner i Menu 2 under de overordnede emner de hører ind under. Siderne som hører under Menu 2 bør indeholde en kort introduktion, eventuelt introduktionen fra de eksisterende sider, dog med bred margin, så teksterne ikke fylder hele skærmens bredde (jf. Ledelsens historie) og herunder en oversigt over opgaverne som er angivet på de eksisterende sider, men med en ny opstilling; eksempelvis et mindre billede til venstre og en kort beskrivelse til højre for billedet. Billedet kan linke til en ny side som indeholder nærmere information om den konkrete opgave, men dette vil være et større arbejde. Vigtigst er, at oversigterne bliver ens, således at alle sider har et konsekvent layout, dermed kan brugerne hurtigere finde infor- 3

mationer, da de kan genkende sidens opbygning, hvis de besøger flere af disse sider (jf. brugervenlighedsprincippet genkaldelse). Partnering Denne side indeholder en del stavefejl, hvilket bør rettes. Desuden bør siden deles i to: introduktionen, som en forside og samarbejdet med TDC som en del af Menu 1, dermed undgår man, at brugerne skal scrolle. Licitationer Det er svært for mig at vurdere om sådan en side er nødvendig inden for dette fag, men hvis den er, bør man eventuelt skabe en mere luftig opstilling af tabellen og gøre den knap så bred, for at skabe et pænere og mere overskueligt layout. EDB gulve Denne side er meget lang og i bunden af siden linkes der til tre undersider, men denne placering af links er uhensigtmæssig, idet mange brugere ikke når ned til dem, fordi de fleste kun giver informationer, der skal scrolles til, begrænset opmærksomhed 2. Jeg foreslår, at man laver en forside, som eventuelt kunne indeholde det første tekstafsnit på den eksisterende side, dog skal teksten endnu engang have en bredere margin og der bør rettes for stavefejl. Dernæst oprettes der to sider med informationer om de to slags EDB-gulve, som bliver en del af Menu 1, som desuden indeholder casen om Sydbank, en side hvor man kan bestille brochure og en side med kontaktpersoner. Dermed ser alle brugere de underordnede menupunkter, som mange sandsynligvis ikke så på den gamle side. Informationerne om EDB-gulvene fra den eksisterende side er en manual, hvilket virker underligt at indsætte på hjemmesiden, hvor man må gå ud fra, at brugerne søger nogle informationer om hvad det er for nogle gulve, hvad de kan bruges til osv. Desuden vil jeg mene, at der mangler nogle billeder af gulvene. Derfor bør man indsætte nogle konkrete informationer om gulvene og et billede af gulvene på de to nyoprettede sider. Hvis manualen fra hjemmesiden er den samme som brochuren, man kan bestille, foreslår jeg, at man i stedet indsætter denne som en pdf-fil på brochure bestillingssiden og kalde siden Bestil eller download brochure. Desuden bør manualen oversættes fra svensk til dansk, så man er sikker på, at alle forstår den. 2 http://www.useit.com/alertbox/scrolling-attention.html 4

Kontakt Dette menupunkt bør linke til en side med diverse kontakoplysninger, både diverse mailadresser og telefonnumre, i stedet for blot at være et link som åbnes i brugerens e-mail klient. Dermed får brugerne flere muligheder for at kontakte firmaet. Hjemmesidens brugervenlighed Til at vurdere hjemmesidens brugervenlighed vil jeg tage udgangspunkt i Jakob Nielsens fem principper for brugervenlighed: indlæring, effektivitet, genkaldelse, fejl og tilfredshed (Vestergaard 2008: 99). Den nuværende hjemmeside vil være meget svær at lære, da den har en dyb struktur, men kun indeholder én menu og hverken gør brug af undermenuer eller brødkrummer. Dermed er det svært at finde rundt på siden. Desuden er layoutet meget uensartet, næsten alle sider har forskellig opbygning og man skal derfor sætte sig ind i en ny opbygning, hver gang man besøger en ny side. Af samme grund er hjemmesiden ikke effektiv, da et uensartet layout gør det svært at overskue siderne og finde den information, man søger. Også manglen på undermenuer, søgefunktion og sitemap mindsker hjemmesidens effektivtet, da disse funktioner alle skal gøre det hurtigere og nemmere for brugerne at finde den ønskede information. Alle ovennævnte aspekter tyder altså på, at det er en hjemmeside som er svær at huske, netop fordi der ikke er en overordnet struktur i hverken navigering eller layout, derfor vil det være umuligt fra gang til gang, at huske hvordan man finder rundt på hjemmesiden. Pga. de ovennævnte mangler vil man sandsynligvis ende med at navigere rundt mellem flere sider, før man finder de informationer, man søger og dermed vil brugerne opleve en del fejl, når de besøger hjemmesiden. Herudfra må man konkludere, at hjemmesiden næppe vil skabe en tilfredshed hos brugerne og det må altså siges, at hjemmesidens brugervenlighed er meget dårlig, sådan som den fungerer på nuværende tidspunkt. Opgave 2A Jeg har valgt at skrive et html-nyhedsbrev som skal sendes per mail til abonnenterne. Jeg har lavet et nyt logo, som er lettere af aflæse end det gamle, jeg har dog beholdt de gamle farver og ladet firmaets fulde navn indgå, så modtager stadig kan genkende firmaet. Jeg har valgt en skrifttype uden fødder, som er lettere at læse på skærmen (Moos, 2006: 35) og som desuden passer til det nye logo. 5

Øverst i nyhedsbrevet har jeg indsat et link til en webudgave af nyhedsbrevet, for dem som ikke kan se html-nyhedsbrevet eller billedindholdet (Apsis: 81). Jeg har skrevet det i en hel sætning, for at gøre det mere brugervenligt og tydeligt for læseren hvad linket er til for. I sidehovedet har jeg indsat firmaets nye logo, så læseren med det samme kan genkende afsenderen (Apsis: 81). Lige under sidehovedet har jeg indsat et link til afmelding af nyhedsbrevet, da man ifølge loven har pligt til at sikre, at nyhedsbrevet kan afmeldes nemt og hurtigt (Moos, 2006: 27). Desuden har jeg indsat til link til kontakt, som skal åbne i modtagerens e-mail klient med firmaets mailadresse i modtagerfeltet. Efterfølgende har jeg gjort nyhedsbrevet personligt ved at indsætte Kære efterfølgende modtagers navn, som en introduktion eller velkomst til nyhedsbrevet (Moos, 2006: 28). I selve tekstindholdet har jeg yderligere brugt de personlige pronominer du og dig, som skaber en direkte tiltale til den enkelte modtager og derved personliggør nyhedsbrevet. Selv nyhedsbrevets indhold består af tre punkter indeholdende et billede (på de to tomme hvide pladser skal der indsættes et billede som passer til teksten), en introduktionstekst og en sigende overskrift som skiller sig ud fra selve brødteksten. Dette gør det lettere for læseren at skimme nyhedsbrevet. Introduktionsteksterne er korte og indeholder kun de vigtigste informationer, derefter er der efterfølgende links, hvor modtagerne kan finde yderligere oplysninger, hvis de ønsker det (Moos, 2006: 34). Billederne bør desuden linke til samme side som linket i teksten. Jeg har valgt at tilføje historien om firmaets nye logo og hjemmeside i nyhedsbrevet, så modtagerne forhåbentlig besøger den nye hjemmeside og dermed vil gøre brug af den i fremtiden. Som afslutning på nyhedsbrevet har jeg indsat firmaets adresse, telefonnummer og fax, så modtagerne også kan kontakte dem over telefon eller fax, hvis de ønsker det (Apsis: 81). 6

Kan du ikke se nyhedsbrevet, kan du læse det online her NYHEDSBREV Afmeld nyhedsbrev - Kontakt os Kære xxx MØD OS TIL MESSE Fredag d. 10. juni 2011 kan du møde os til messen Byggeri 2011 i Fredericia Messecenter. For nærmere information om messen og hvad vi kan tilbyde dig på vores stand, klik her. VORES STØRSTE ORDRE NOGENSINDE Vi har netop fået en ordre fra som er vores største ordre nogensinde. Læs nærmere på vores hjemmeside. NYT LOGO, NY HJEMMESIDE Vores logo og hjemmeside har netop gennemgået en større renovering. Vi er blevet moderniseret og effektiviseret, for at give dig en bedre oplevelse, når du besøger vores hjemmeside. Se resultatet her. Landlystvej 42-2650 Hvidovre - Tlf. 36 75 28 11 - Fax 36 75 09 01

Anvendt litteratur Apsis: Håndbog i e-mail-markedsføring. Moos, Rikke (2006): E-mail nyhedsbreve. Libris. Vestergaard, Bente (2008): Webkommunikation 2008 præcis og målrettet. 2. udgave, 1. oplag, BENEVEST forlag. 7