Vejen til det gode webdesign

Dit website skal se så godt som ens ud i de mest gængse browsere, herunder Internet Explorer, Mozilla Firefox, Safari og Google Chrome. Browsere viser desværre ikke altid websider helt ens. F.eks. viser Firefox ikke farvede scrollbarer, som Explorer gør. Især CSS-design kan drille, når du tester siderne i browserne.

Derfor er det vigtigt, at du installerer disse browsere og løbende tester dine sider i de forskellige browsere, så du kan foretage ændringer. I Dreamweaver kan du teste dine sider i de forskellige browsere ved at vælge File->Preview in browser.

Du kan validere dine websider på http://validator.w3.org/. Her undersøges, om dine sider overholder de standarder, beskrevet af W3C, med andre ord: om den er korrekt kodet.

En skærms opløsning er antallet af pixels vandret og lodret. En 17” skærm har typisk en opløsning på 1024x768 eller 1280x1024 pixels, mens en endnu større skærm kan have en højere opløsning. Du kan ændre din skærms opløsning ved at højreklikke med musen på skrivebordet og vælge ’Egenskaber’. Herefter vælger du fanen ’Indstillinger og trækker på skyderen ved ’Skærmopløsning’.

Dit website vil se mindre ud på en skærm med opløsningen 1600x1200 pixels, end på en skærm med opløsningen 800x600. En grundregel i dag er, at du skal lave dit website til en skærm med opløsningen 1024x768 pixels. Det hænger sammen med, at det er de færreste som har en lavere opløsning og så bliver nødt til at scrolle vandret, hvilket sænker brugervenligheden væsentligt. Dem som har en højere skærmopløsning end 1024x768 vil opleve, at siden ikke fylder hele skærmen vandret, men det er meget normalt.

Hvis du designer dit website til 1024 pixels i bredden, skal dit layout ikke fylde meget mere end 950 pixels, da du skal tage højde for scrollbaren i højre side.

Ved at beskrive en målgruppe meget præcist, eksempelvis vha. Minervas eller Gallups segmenter, kan fange læserens interesse i højere grad, end hvis du designer til alle. Hvis du f.eks. skal designe et website for en fodboldklub, er der jo forskel på, om din primære målgruppe er supportere eller om det er sponsorerne. Indenfor supportere er der også forskel på, om det er teenagere eller om det er til ægtepar på 45-50 år.

Udvælgelsen af en bestemt målgruppe vil påvirke dit valg farver, fonte, indhold, formuleringer, billeder, musik osv. Eksempeltvis vil unge måske gerne have en mp3-afspiller med slagsange på websitet, mens de ældre foretrækker en mere informativ og konservativ side med klare informationer.

Sørg for at dit design er enkelt og let at navigere rundt i. Lige meget hvem, du henvender dig til, vil de foretrække et enkelt design frem for et kaotisk. Et enkelt design kan være:

• Få, rolige og matchende farver
• Max to forskellige fonte, og altid en grotesk font (dvs. uden fødder) til brødtekst
• En menu med en lille font, frem for store bombastiske roll-overs
• Linielængder med max 50 anslag, og mange nye afsnit.
• Let navigation mellem siderne
• Siderne skal være hurtige at downloade

Nogle tror, at et simpelt opbygget website kun må bestå af tekst og ikke må indeholde flash, video og lyd. Dette er forkert. En musikside uden musik eller en spilside uden bevægelser holder ikke. Du skal vælge de medietyper, som understøtter dit budskab og din målgruppe, og disse skal sættes op på en pæn og simpel måde.

I store træk skal du følge det workflow som beskrevet  under Webdesign – Workflow. Eksempelvis laves hverken en målgruppebeskrivelse eller et storyboard for at tilfredsstille din kunde eller lærer, men for at du eller en anden kan udarbejde det rette layout og sætte siden op korrekt. Med andre ord skal det ikke laves til sidst.

Hvis du skal bruge et billede på 700x200 pixels, skal du ændre billedstørrelsen i et billedbehandlingsprogram, og ikke i en web-editor som f.eks. DreamWeaver. Det samme gælder tekst, lyd, illustrationer, video osv. En webeditor bruges til at sammensætte dine elementer, redigere indholdet og uploade.

Sæt dine sider op uden at anvende tabeller i tabeller i tabeller..., som man gjorde før i tiden! De er svære at ændre, genbruge og anvende for søgemaskiner. Godt webdesign er sat op med DIV-containere.