Till Hemsidan Webbdesign Sidan 1 Sidan 2, 3,
  

> 2

Mycket av information som finns här är från olika experter på Internet. Det är för många olika källor för att kunna ge en fullständig förteckning.

På denna sidan:

Vad är webbdesign?
Plannering
Tillgänglighet.
Praktiska tips 1.


Till borjan av sidan Plannering. Vad är webbdesign?

Alla har egna åsikter om hur deras skapelse ska se ut. Webdesign handlar inte bara om utseende men också om olika sätt att utförma hemsidor så att besökare uppfattar de som snabb. Med det menar jag att sidorna laddas ner relativt snabbt.

Utveckling går fort men det är inte alla som kan eller vill hänga med. Bredband i all ära men det finns fortfarande en hel del modem i bruk. Det är både en fråga om tillgänglighet och ekonomi.

Även de som har bredband har upplevt dagar när det går trögt på nätet. Det är bra att tänka på de detaljer som kan underlätta nedladdning. Alltså hur du utförmar dina sidor så att även de som surfar med en modem kan ta del av det du har att erbjuda.

Vad är webbdesign? Tillgänglighet. Plannering.

Innan du borjar med skapandet tänk igenom vad dina sidor ska innehålla. Vilka är dina tilltänkta besökare? Det är lättare att forma sidorna om du vet vad du har för material och hur du vill presentera den.

Har du många bilder eller är det mest text? Skissa på papper var eventuella bilder ska läggas in och vilka de är. Om du har flera sidor skapa en mall så att menyn, logo och dina interna länkar alltid finns på samma plats. Meningen är att de som besöker dina sidor ser de som enhetliga och att de kan alltid utförska de olika sidor utan att gå vilse så att säga.

Rita en flödesplan över din sidan. Se bilden nedan. Den är helt enkelt en karta över hur de olika delar är länkade och hur många olika nivåer det kan finnas. Med nivå menas hur många sidor man måste klicka genom för att hitta det man letar efter.

Bilden visar flödesplan över min hemsidan.
  

 

Längst upp finns startsidan  1
och näst kommer menyn  2
och sen alla de övriga sidor som har ljus blå färg  3

De övriga sidor är sidor som innehåller extra information  4  

 

I bilden ser man egentligen fyra nivåer men den viktigaste information finns på nivå tre. Den som är intresserade av att läsa lite mer om vissa saker kan klicka ner till nivå fyra.

Att begrava information så att en besökare måste klicka, klicka genom olika länkar är bästa sättet att han/hon bestämmer att det finns andra säjter som är mer intressant. Inte mer än tre klickar ska behövas för att komma till det intressanta del.

God plannering i borjan kan spara mycket tid och underlätta underhållet av din sidan. Spara dina skisser och flödesplan. På så vis när du lägger till eller tar bort sidor blir det lättare att uppdatera dina länkar. Det är irriterande att klicka på en länk som inte leder till det som man söker. Glöm inte att notera på ditt underlag och skiss alla ändringar.

Plannering. Praktiska tips 1. Tillgänglighet.

Tvärr verkar det som att de flesta som skapar hemsidor tror att alla har perfekt syn och har lätt att läsa även den minsta typsnitt. Det kostar inget att tänka på de som har svårigheter att läsa små text.

Man kan välja att ange text storlek som 12 pt eller inget storlek alls. Då visas text i den font storlek som besökare har valt som standard i sin dator. Många sidor har så mycket information på den första sidan att de använder ett mindre typsnitt just för att kunna packa in så mycket text som möjligt.

Tillgänglighet. Nästa stycke Praktiska tips 1.

Enligt undersökningar de 100 mest populära hemsidor har visa saker gemensamt.

1. Sidorna laddas ner snabbt.
2. Mycket få bilder.
3. Nästan inget multimedia.
4. Inga frames alltså ramar.
5. Ganska lik men effektiv navigerings system.
6. Mycket bra kontrast mellan text och bakgrunden.
7. God utrymme mellan rader och stycke. Vilosamt för ögonen.
8. Väldigt lite JavaScript och nästan inget DHTML.

Alltså enkla hemsidor kan vara mycket bra hemsidor. De följande tips är vad de mesta populära hemsidor använder.

30 sekunds regel.
När någon besöker din hemsidan ska de snabbt se vad som finns och ha lätt att gå till den sidan som de är mest intresserad av. Som regel ska det ta mindre än 30 sekunder för sidan att visa sig och att besökare gör sitt val. Tar det längre än så är det risk att de går någon annanstans.

Tänk på din första sidan som en tidning. I tidnings värld det viktigaste nyheter finns ovanpå "vikkanten". Samma sak med din websidan. Ge en kort beskrivning av vad dina sidor innehåller. Det ska inte var nödvändigt att rulla ner för att veta vad du har att erbjuda.

Vi läser från vänster till höger, uppifrån och ner, vilket inte gäller om du skriver japanska eller arabiska. Det är längst uppe, till vänster, som du ska fånga besökarens intresse. Här ska du ha dina nyckel ord och en kort beskrivning av vad dina sidor innehåller. De flesta som surfar nätet är på jakt efter information. Se till att din beskrivningen ger en klar bild av ditt material. Försök att vara kort och koncist.

En annan fördel med att ha de viktigaste ord längst uppe till vänster är att en del sökmotorer visar den första raden på de sidor som de hittar. På så sätt ser de som letar att din sida kanske har den information som är intressant för de..

3 Klickar.
De flesta människör är lite otåligt av sig. De vill komma fram snabbt till det som de letar efter. Se till att den information som du har att erbjuda behöver inte mer än tre klickar för att nå den. Det bästa sättet att frustrera dina besökare är om de måste klicka genom massa olika sidor för att hitta det de vill ha.

Titel.
Glöm inte att ge varje sidan ett unikt titel mellan <TITLE> och </TITLE>. Högst fyra till tio ord som indikerar vilken sidan som det är. De används för navigering genom de olika sidor och även av sökmoterer. Vill en besökare skapa en länk till någon sida är det bra om det finns en titel angivet. Den är också till hjälp om besökare vill gå igenom dina sidor offline. När de klickar på knappen Tidigare i webbläsarens meny ser de titlar på varje sida som de har besökt.

Du kan även underlätta sökning om du i borjan av varje titel använder de ord som direkt anknyter till innehållet. På så sätt kan besökare snabbt titta genom en lista på dina sidor offline och direkt ta upp sidan de är intresserade av. Dessutom om de sätter en bokmärke på någon sida är det titel som syns i deras bokmärke listan.

Tabeller.
Använder du tabeller tänk på att webbläsare laddar ner hela innehållet i en tabell innan den visar den på skärmen. Har du mycket på din sida dela upp den på flera tabeller. Den första tabellen ska innehålla bara lite text så att den öppnas tillräckligt snabbt. På så vis har besökare något att titta på medan de andra tabeller laddas ner. Undvik att skapa tabeller innanför andra tabeller. Det bromsar upp webbläsare eftersom den måste börja beräkna tabeller inifrån och ut.

Upplösning.
De flesta använder upplösning 820 eller 1024. Upplösning är viktigt när du skapar tabeller. Se till att ange bredden på tabeller i percent. Se nedan.

<TABLE WIDTH="99%">

Detta har två födelar. De flesta har accepterat att det kan vara nödvändigt att rulla upp och ner i en sidan men upplever det som mycket irriterande att rulla vänster till höger. Detta undviks med sidor som följer upplösningen.

Dock finns det vissa saker som kan ställa till problem. Hur du bäst löser detta kan du läsa i HTML sektionen. Den andra egenskap som finns i sidor som är skapade att folja upplösning är att när fönster storlek ändras så omförmas innehållet så att det är förtfarande synlig. Att jag har valt 99% är för att vara säker att rullnings list inte försvinner under kanten på skärmen ifall bredden på fönstret är lite för stor.

Bilder.
Ett stort fel är att ha en stor bild på den allra första sidan. Det fördröjer den tid det tar för sidan att laddas ner. Det finns stor risk att din besökare kommer att byta till en annan sajt om de tycker att det tar för lång tid för din sidan att laddas ner. Se HTML sektionen för tips om bilder. Ska du visa bilder ange alltid bredd och höjd på bilden. T.ex.

<img src="bild1.jpg" height=30 width=30 alt="bild text">

Detta hjälper webbläsare att göra layout på sidan utan att behöva själv räkna ut bildens mått. För att ta reda på bredd och höjd öppna bilden i Windows Paint program. Klicka på Bild i Meny och välj Egenskaper. Bildens mått finns angiven i fönstret som öppnas. Ange alternativ text för de som har valt att stänga av möjlighet att titta på bilder. Jag har bara skrivit "bild text" men här kan du ge en kort beskrivningen av bilden så att besökare vet vad det ska föreställa.

Läsbarhet och kontrast.
Alla har inte perfekt syn och även de som använder glasögon är tacksamt om text storlek är inte för liten. Att sätta text storlek lite storre är bättre än att sätta den för lite. T.ex.

<FONT SIZE="+1">

Då vet man att texten blir alltid lite storre än vad besökare har i sin datorn. Något som är också viktigt att tänka på är hur väl syns din text mot den bakgrunds färg som du har valt. Testa olika bakgrunds färger och även text färger men tänk på att för de flesta är blå text att betrakta som en länk. Rött för aktiva länkar och lila för besökta länkar. Titta på sidan med Färgkod för att kunna testa de olika färger.

 

> 2

Till Hemsidan Webbdesign Sidan 1

Hemsidan  HTML Menyn  Taggar Färgkoder   Länksidan

Till borjan av sidan.
Sidan 2, 3,