Inom grafisk design i allmänhet anses det vara en god praxis att inte använda fler teckensnitt än vad som faktiskt behövs. Att ha olika typsnitt i rubrik och brödtext kan anses befogat för att skilja dem åt och göra brödtexten mer lättläst. Även ingresser kan ha ett eget typsnitt så att de bättre sticker ut. Man kan dock säga att oavsett vilka intentioner Nya skafferiet har, ser det aldrig bra ut med fem olika typsnitt, inte ens om det är det första man ser. Sen kan vi också konstatera att Kunstler Script inte hör till de mer lättlästa typsnitten.

En annan webbstandard är att blå text och bilder med blå ram är länkar. Texten är länkad, men inte de sex bilder som finns överst på hemsidan. Vilket är frustrerande eftersom ingen frisk människa skulle göra bilderna så fula utan att länka dem.

Tipstack till Alex.

Så var vi tillbaka till ämnet semantisk webb, konsten att använda html-element som de är tänkta att användas. Att missbruka textarea-element hör dock till ett av de lite mer sällsynta formerna av missbruk. Bengts bilmaskiner har nämligen använt textarea som om det vore någon sorts textbox. Det är det inte. Textarea ska användas i formulär om man vill spara eller skicka längre textstycken. Textarea ska kunna ändras av besökaren. Textarea ska inte användas för att visa produktinfo…

Om ni inte tror mig kan ni nedan se hur kul man kan ha när folk inte förstår hur html-elementen ska användas. En liten stund är det kul.

Här kommer ett kort inlägg om varför man aldrig ska ha bakgrundsljud på sin hemsida, eftersom jag inte kan stanna mer än någon sekund på Cheval Libertè utan att det börjar spelas klassisk musik…

Tipstack till Raggoparden.

Stockholms hästtransport center (deras särskrivning) har i dag funnits skyldig till h1-missbruk. Det normala fallet är att helt utelämna alla rubrikelement, men i detta fall har det gått överstyr åt andra hållet och alldeles för många huvudrubriker går att återfinna på SHTC:s hemsida. Det ideala antalet huvudrubriker är, per definition, EN! En sida har en enda jävla huvudrubrik, ska det vara så svårt?

Vidare har de även gjort sig skyldiga till att använda bilder för att visa textinnehåll. Jag försöker fortfarande förstå varför någon kan få för sig att det är en bra idé att krångla till något så enkelt som text så att den blir totalt omöjlig att uppdatera och effektivt försvårar för en stor del av besökarna.

I övrigt har hemsidan vissa visuella skavanker som mer verkar vara misstag än avsiktliga försök till förfulning.

Idag tänkte jag bara gå in på en förhållandevis liten detalj hos fjellfotografen. Om huvudsyftet med en hemsida är direkt försäljning eller stärkande av det egna varumärket är det inte helt smart att ha annonser på hemsidan. Tänk själv om fjellfotografen försöker sälja sina högupplösta bilder och precis när besökaren tänker beställa en bild på en örn ser hen att det till höger står “massor av superbilliga och högupplösta naturbilder”…

Låt mig en gång för alla ge er läsare i allmänhet och Jan Sulek i synnerhet ett klart och tydligt råd. Eller order snarare. Ska du skaffa en hemsida, gör det ORDENTLIGT! Det finns ingen jävla mening med att skaffa en gratis hemsida hos Telia, särskilt inte om man tänk marknadsföra sitt företag med hemsidan. De visserligen alldeles för få timmar Jan Sulek lagt ned på att göra den här hemsidan är ändå timmar i sjön.

Ska man göra en hemsida ska den ha ett syfte. Visst kan syftet ibland vara att bara roa sig själv, men i Jan Suleks fall torde det vara att marknadsföra honom som tandläkare. Men för att en hemsida ska kunna uppfylla sitt syfte, marknadsföring, bra måste den uppnå ett visst minimum av standard. Detta dels för att besökarna inte ska känna sig förolämpade av det skräp som skitar ner deras dator

Några exempel på vad som är minimum av standard och som Jan Sulek har misslyckats med:

• Köp en domän. Det är värt några hundringar att inte se extremt oseriös ut. Binero är mitt favoritwebbhotell, men för enkla och billiga lösningar funkar one.com (men använd inte wordpress på one.com).
• Använd beskrivande html. Jag har sagt det förut men det måste sägas igen. H-element, title, beskrivande länktext och så vidare. Allt detta ger inte bara fördelen att man får fler besökare utan även att besökarna har en aning om vilken sida de är på.
• Tydlig navigering. Varför i hela helvete har inte Jan Sulek menyn på alla sidor?
• Ha en undersida som heter “kontakt”, “hitta hit” eller liknande. För mig är det inte helt intuitivt att adressen finns under “Praktik”.

Avslutningsvis verkar 8000 besökare alldeles för mycket för en så dålig hemsida, men notera att det är sedan 1999. Det blir ca 2,2 besökare om dagen, och gissningsvis är en stor del av dessa besökare Jan Sulek själv som tittat in för att se hur många besökare han fått.

Tipstack till Björn Larsson.

Namnet, Scandinavian Gooseneck, antyder onekligen att de säljer Goosenecks. Ändå är det ända som det faktiskt står på hemsidan att de säljer ett ihoprullbart lock…

Tipstack till Raggoparden.

“Sveriges största och mest aktiva långlöparklubb” har 373 medlemmar och en riktigt skitful hemsida med brutna länkar och en title som är en smula förvirrande… heter klubben KGnystrom eller “Running Main”?

Tipstack till Jim Degrenius.

Till deras försvar har modersiten Marathon inte heller den bästa av hemsidor, den förtjänar nästan en egen sågning.

Björn Larsson har bett mig ge lite konstruktiv kritik, vilken hans hemsida ser ut att behöva. Var ska jag börja? Vid de hysteriska boxarna med rundade hörn kanske? Kort sagt: bevel and emboss är aldrig en bra idé. Om man ändå bestämmer sig för att använda rundade hörn med bevel and emboss är det en bra idé att göra likadant överallt. Blå runda boxar passar inte tillsammans med kantiga vita boxar med svart ram.

Just det, färgvalet. Det finns hur många olika färgmodeller och skalor som helst. Från kromatiska, där alla färger har samma kulör, till komplementfärger och avancerade kombinationer av “tints” och “shades” (kan tyvärr inte de korrekta svenska termerna). I princip kan man kombinera vilka färger som helst om man gör det på rätt sätt. Björn har inte gjort det på rätt sätt. Kombinationen urvattnad grönaktig ljusblå och väldigt mättad mörkblå fungerar sällan. Vill du veta mer om färg har Smashing magazine har två utmärkta artiklar om färglära.

Vidare har vi strukturen. Jag uppfattar bloggen som hemsidans viktigaste resurs, ändå är den undangömd i en hög av länkar till diverse undersidor. Dessa verkar inte heller ha någon tydlig hierarki. Troligen skulle det gå att samla vissa av sidorna under nya rubriker, för att göra det hela mer lättöverskådligt. Ur SEO-synpunkt bör man inte ha samma huvudrubrik på alla sidor, och även en tydligare struktur skulle göra sidan mer sökmotoroptimerad.

Till sist en tanke gällande gränssnittsdesign, och kanske lite sälj. Bland det första man ser när man besöker hemsidan är en instruktion för hur man ska använda hemsidan. Det finns fall då det kan vara nödvändigt, men generellt sett kan man säga att om besökarna behöver instrueras har man gjort interaktionen alldeles för komplicerad.

Magnus på Nakna sanningen har startat något han kallar bloggkärleksveckan. Tanken är helt enkelt att uppmana andra att länka till bloggar som kanske inte nämns så ofta. Jag tänker tipsa om Katastrofala omslag, och jag hoppas verkligen att alla som läser den här bloggen även följer den. Han är trots allt originalet, den som först kom på att såga fula saker. Men hans nisch är skivomslag, min är hemsidor.

När vi ändå tar upp ämnet kan jag passa på att nämna hur hysteriskt ful och illa sökoptimerad Katastrofala omslag är, men jag misstänker att fulheten är en del av poängen…