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

Transkript

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

2 7. Ekspertvurdering Kvalitetsvurdering af Unique Landscapes nuværende website.

3 7. Ekspertvurdering NO HEUTISTIK/PRINCIP URL PROBLEM ALVORSGRAD LØSNING 1 8. Æstestik og minimalistisk design pes.co.uk DESIGN! Simpelt, konkret, inspirerende 2 8. Æstestik og minimalistisk design pes.co.uk/about-us/ TEKSTOMFANG Mindre overflødig tekst -Mere visuelt 3 8. Æstestik og minimalistisk design pes.co.uk/ testimonials/ INFORMATION! Konkret info! Harmoni ml. billeder og tekst 4 8. Æstestik og minimalistisk design pes.co.uk/designprocess/overview/ NAVIGATION! Færre menupunkter og links hist og her - menuen skal følge med 5 8. Æstestik og minimalistisk design pes.co.uk/portfolio/ gates-anddriveways/ PORTFOLIO havedesign skal SES og inspirere!

4 Vurderings fejl - sidehenvisning Æstestik, kaos: about-us/ Gentagelse af link og unødvendig: design-process/overview/ Gentagende - menu i footer: design-process/overview/ News uinteressant news/ Tekst og billede forvirrende testimonials/

5 DESIGN TEMA FONTE FARVER BILLEDER (js funktion for langsom)

6 TEKSTOMFANG OVERFLØDIGT FORVIRRENDE AFSKRÆKKENDE

7 INFORMATION HVEM ER VI HVAD TILBYDER VI SHOW IT

8 NAVIGATION FOR STOR OVERFLØDIG STICKY HEADER (forsvinder når du scroller)

9 PORTFOLIO SÅ SKAL DER SÆLGES! FOR KEDELIG FOKUS PÅ KVALITET

10 NYT DESIGN Simpel (onepage) - Konkret (tekst) - Visuelt

11 BRUGERTEST

12 1. Du har i tankerne, at du skal have en ny have. Du har set denne hjemmeside Unique landscape og vil se, hvad de har af inspiration. Hvordan finder du det? BRUGER 1: Går ind under menu-knappen, som hopper ned til et link jeg trykker på Tid: 3 sek. BRUGER 2: Klikker på Inspiration i topmenuen, og rykker ned på en side, hvor en knap jeg klikker på fører mig til en portfolio med billeder Tid: 4 sek. BRUGER 3: Jeg scroller ned af siden imens jeg læser. Topmenuen følger med hele vejen og fører mig til et link som direkte skriver INSPIRATION, meget nemt. Tid: 2 min.

13 2.Du synes det ser godt ud, og vil gerne linke den engelske hjemmeside til din engelske tante, som også er interesseret i haver. Hvor finder du den engelske side? BRUGER 1: Det står lige her på forsiden, det link Tid: 3 sek. BRUGER 2: En knap (SWITCH TO UK) møder mig som noget af det første på forsiden Knappen linker mig til en identisk side på engelsk Tid: 2 sek. BRUGER 3: På forsiden er et link til den engelske side, men det fremgår kun af forsiden at siden kan skifte sprog, måske det skulle være en integreret del af topmenuen Tid: 3 sek.

14 3.Du vil nu gerne finde deres kontaktinformationer. Hvordan vil du finde det? BRUGER 1: Tryk på Contact-menuknappen. BRUGER 2: Der er både en kontaktside, som jeg mødes af når jeg har scrollet ned gennem siderne og så er der et menupunkt, som også er synligt BRUGER 3: trykker på kontakt i menu en

15 BRUGER KOMMENTAR BRUGER 1: Meget enkel side, den kan godt tåle, at der kommer lidt mere på. Den virker måske lidt for enkel, men samtidig er det også rart, at det er let at finde. Meget simpel side. Men der må gerne komme flere billeder ind under portfolioen. + Enkel - Enkel BRUGER 2: Meget simpel side, men overskuelig og flotte billeder. Flere billeder i portfolioen og menuen er lidt irriterende. Det godt den scroller med hele vejen når man læser ned ad siden, men den ligger sig oveni teksten. + Enkel, Flotte billeder - Menu mangler baggrundsfarve under scrolling BRUGER 3: Dejlig overskuelig side, som kommer men konkret info. Den skal dog have flere stemningsbilleder i portfolio. Må gerne have understregninger i menuen når man scroller så man kan se i topmenuen hvilken underside man befinder sig på.

16 Topmenu mangler bg-farve ved scrolling index.html

17 GANGSTERTEST 1) Websitets identifikation: Hvilket website befinder du dig på? Kan man se ud fra logoet, som sidder øverst i højre side. 2) Hvilke overordnede sektioner findes der på websitet? Topmenu, one-page side som topmenuen henviser til, hvis du benytter denne. 3) Hvilken underside befinder du dig på? Det er der ingen indikation på. Menupunktet du befinder dig under bør være markeret. 4) Lokal navigation: Hvilke muligheder har du på dette niveau/hvilke undersider findes på samme niveau? Simpel side lavet som one-page side, hvor topmenuen henviser til de side sektioner som er kodet ind på index siden. Således er siden simpel med kun de informationer der er nødvendige for et overblik. Derfor er der ingen muligheder, men det virker heller ikke som om det er nødvendigt. 5) Placerings indikator: Hvor er du i den samlede struktur/hvordan er du kommet hertil? Navigationsbaren er gennemgående på hele sitet og derfor har du du hele tiden en mulighed for at klikke dig hen på den information du ønsker viden om. Da det er en sticky header følger den med dig når du scroller op.

18 DESIGNPRINCIPPER Genkendelighed: Menuen er placeret i top højre side, hvor den generelt er placeret på de fleste hjemmesider. Når musen holdes over menupunkterne bliver den sorte skrift hvid, hvilket indikere at man kan trykke på teksten og at dette er et link. Enkelthed: Vores design er så enkelt i form af en one-page hjemmeside, med en enkel henvisning til portfolioen med billeder, som er en side for sig selv. Dette gør at hjemmesiden er let og overskuelig. Da hjemmeside er en én-sides-hjemmeside, kan man enten vælge at scrolle sig ned af siden, eller trykke på én af menupunkterne og så bliver du ført ned til enten OM, Have og design Inspiration eller kontakt På den måde bliver du ikke ledt på afveje, men du følges i hånden af en lige linje fra top til tå. Ensartethed: Under inspiration har vi lavet billederne lige store og placeret overskriftet centreret. Stilen i billederne er ens gennem hele hjemmesiden og i inspirationsportfolioen og vi har valgt at gøre det grafisk i opsætningen. Fleksibilitet og brugbarhed: Vores design er nemt og overskueligt. Du får først en kort beskrivelse om os, så lidt om vores have og design, inspiration s billeder og til sidst kan man kontakt e os. Det giver et hurtigt indblik i virksomheden, hvad vi har lavet/hvad vi kan og hvordan man kontakter os. Vi har ikke lavet alle mulige undersider, men holdt det simpelt, minimaltistisk og stilrent. En hel ny fortolkning af Unique Landscapes, hvis de én dag skulle udvide deres forretning til DK. Vores menu følger desuden med, lige meget hvor langt du scroller ned. Lukkethed: Menuens baggrund er hvid/udvisket så snart man går ind på siden, og det indikere hurtigt at det er menuen, og at det er sammenhængende. Vi har valgt at holde det simpelt og minimalistisk, derfor ingen farver som baggrund. Siden er altså hvid, men med billeder under inspiration og på forsiden, hvormed vi holder den samme stil og den hvide baggrund går altså igen og igen.

19