Grafisk design & brugervenlighed
Uge 07
Mine kritikpunkter
- Sort tekst på rød baggrund er svært at læse, rød baggrund er voldsom at kigge på.
- Menupunkter bør flyttes fra højre til venstre..
- Meget info, priser for både hund og kat optræder på alle sider, et det godt eller nødvendigt?
- Tekstopstilling og overskrifter ensrettes. Der bør være kortere afstand mellem overskrift og tilhørende tekst, og de skal ensrettes. Teksten gøres nemmere at læse, muligvis spalter.
- Header er brudt op på grund af foto. Den er det første man ser. Jeg ville del det op i en farvet header med menuer og et billede nedenunder.
- Hunde og især katte på nuværende foto ser ikke specielt tilfredse ud, foto af legende glade dyr, som signalerer at her hos Hanne har de det godt.
- Under pensionsafsnit kan der være billeder af indretning, så man kan se, hvordan dyrene bor.
- Den røde farve er meget dominerende.
Min løsning
Jeg har bygget siderne op efter et 960 pixel grid for at give den en bedre struktur. Ud fra principperne om nærhed og grupper har delt indholdet op i nemt genkendelige sektioner.
Header er opdelt i et farvet (#E68A49) felt til navigation plus et nedtonet foto af en veltilfreds hund. Man ser først navigationen og derefter hundebilledet, som signalerer at her har dyrene det godt.
Den røde farve er byttet ud med en ny farve-pallette af komplementærfarver, hvor der er taget udgangspunkt i den brune farve på hunden. Det bliver til følgende farver:
Header er opdelt i et farvet (#E68A49) felt til navigation plus et nedtonet foto af en veltilfreds hund. Man ser først navigationen og derefter hundebilledet, som signalerer at her har dyrene det godt.
Den røde farve er byttet ud med en ny farve-pallette af komplementærfarver, hvor der er taget udgangspunkt i den brune farve på hunden. Det bliver til følgende farver:
Teksterne er delt op i spalter for højere læsbarhed og overskrifter er ensartede for at underbygge sidens hierarki. Hovedoverskrifter er 25 punkt og har farven #128E99, så de adskiller sig fra underoverskrifter med 20 punkt og farven #49D8E6.
Jeg har lavet få ændringer i teksten, fordi jeg synes at man først lige skal have at vide, hvad det er for et site, altså en hunde- og kattepension, og derefter kan vi så få lidt flere detaljer om stedets historie og ejeren. Jeg har også tilføjet et foto af en fiktiv Hanne Hastig, fordi jeg synes at det er vigtigt at kunden med det samme ser, hvem det er de udleverer deres kæledyr til.
Jeg har lavet få ændringer i teksten, fordi jeg synes at man først lige skal have at vide, hvad det er for et site, altså en hunde- og kattepension, og derefter kan vi så få lidt flere detaljer om stedets historie og ejeren. Jeg har også tilføjet et foto af en fiktiv Hanne Hastig, fordi jeg synes at det er vigtigt at kunden med det samme ser, hvem det er de udleverer deres kæledyr til.
På undersiden ”Pension” har jeg opdelt teksten i tre spalter og tilføjet et foto af de omgivelser dyrene bliver passet i. Priser har jeg flyttet hen i dette afsnit, hvor man har brug for den information, og ligeledes er adressen flyttet, så den kun optræder på ”Find vej” siden. Jeg har altså ikke kun forholdt mig til sidens generelle udseende, men også til indholdet og forsøgt at præsentere det på en måde, som både er indbydende og følger en logisk progression.