• Drafts Dropdown
• Exclude Pages
• Faster Image Insert
• No Self Pings
• Page Excerpt
• WP No Category Base
• WP Super Cache

Vet du några kandidater som skulle passa in? Lämna en kommentar i så fall.

Om man bara ska testköra Javascript-kod kan det kännas onödigt att behöva skapa filer, mappar och den HTML-kod som krävs. Det finns snabbare sätt. Ett sätt är att kör JS Bin.

När man skrivit sitt Javascript trycker man bara på ”Output” och scriptet körs. Smidigt! Man kan även spara koden för att sedan dela med sig av den till andra som behöver den. Det kan vara ett utmärkt sätt att hjälpa andra eller få hjälp av andra på.

Tjänsten heter Nanoblogg.se. Här skriver man bara in ett ord. Det kan vara ord som beskriver vad man gör eller hur man känner sig. Ett exempel kan vara ”lyckorus”.

För att göra det tydligare kan ni kika på klippen nedan.

seo-browsers.com

Hur vet man om en sida är sökmotorvänlig eller ej? Det finns en mängd faktorer som spelar in. En webbplats som kan hjälpa till att visa oss användare hur sidan ser ut för en sökmotor är seo-browser.com.

Ett tips är att växla till ”advanced mode”. Där kan man se en mängd information om sidan som laddningstid, redirects och mycket mer.

SenSEO – tillägg till Firebug

Ett annat sätt att testa om sidan är sökmotorvänlig är att använda SenSEO, ett tillägg till Firebug, som i sin tur är ett tillägg till Firefox. Är du webbutvecklare är Firebug ett måste.

Shape Collage

Jag har hittat ett program som gratis och automatiskt skapar kollage. Det finns många inställningar, bland annat att man kan få kollagebilderna att följa en ”shape” (svartvit figur). Det fungerar bäst om man har ett par hundra bilder. För att göra det hela tydligare finns ett youtube-klipp här nedan.

Nackdelar

Det finns några nackdelar som kan vara bra att känna till. Programmet är gratis, men då finns inte möjligheten att spara kollaget som PSD. Att ha kollaget i PSD-format kan vara en fördel om man i efterhand behöver flytta om bilderna. En annan nackdel är att kollagen får en vattenstämpel. Det går att kringgå om man ser till att en bild inte placerar sig just över nedre vänstra hörnet.

Att köpa PRO-versionen kostar bara någon hundralapp så använder man Shape Collage mycket kan det vara väl värt pengarna.

Webbplatsen $timator, eller stimator tar reda på hur mycket webbplatsen är värd i dollar. Hur beräkningen går till framgår inte, men det kan vara kul att se vad man får för värde. Jag har jämfört med andra webbplatser av olika storlekar och den verkar ge ett hyfsat korrekt resultat. Man bör ändå ta resultatet med en nypa salt.

jenst.se värd en kvarts miljon

Min egen blogg jenst.se var vid mätningstillfället värd 35 307 dollar vilket är 247 149 kr. Trots att jag tycker det är ganska ok så får den resultatet ”Poorly” (dåligt).

1. Undvik dropdown-menyer

Det finns många webbplatser som idag har dropdown-menyer. sxc.hu är en webbplats som har en dropdown-meny till vänster. Det går inte se att ”Browse” innehåller en dropdown-meny. När man håller över den täcks välkomst-texten över. Skulle man exempelvis vilja markera rubriken, är det lätt att råka röra musen över dropdown-menyn. Det är mycket irriterande.

Använd istället ett fliksystem. Det finns ett skäl till varför exempelvis Ribbon-systemet kom till (det som finns i MS Office). Även Microsoft har insett att flikar är bättre än dropdown-menyer.

Exempel på fliksystem finns på Boendetorget.

2. Undvik registreringar så långt som möjligt

När man låter någon registera sig på webbplatsen man bygger bör man fråga sig ”Vad får användaren ut av att registrera sig?”. Om det är en webbutik så kan det vara för att behålla sina adressuppgifter till nästa gång. Här kan det vara bättre att slå ihop köpet med registreringen så att användaren knappt märker att denne registrerar sig på sidan. Låt i så fall kunden handla och lägga saker i varukorgen innan denne måste fylla i något.

Exempel finns på Boendetorget där användaren aldrig registrerar sig för att lägga till en produkt.

3. Undvik intro-sidor

Finns det något mer irriterande än ett intro på 30 sekunder som inte går att avbryta? Flera studier pekar på att en besökare stannar kvar på en webbsida max 4 sekunder innan denne bestämt sig för att stanna eller gå. Hur snyggt ett intro än må vara är användaren mer stressad än att vilja titta på det.

4. Minimera antalet fält som ska fyllas i

Låt oss säga att du låter användaren fylla i ett formulär. Fundera noga igenom varje fält, vilka som verkligen behövs. Varje fält är nämligen en belastning för användaren. Tänk dig själv om du skulle behöva fylla i 10 fält. På nätet är 10 fält ganska mycket och få kommer orka ta sig tiden att fylla i dessa.

På Boendetorget – Lägg till produkt finns ett formulär men bara med de fält som verkligen kommer att användas.

5. Gör det lätt att komma i mål

Om användaren ska fylla i formulär eller ta sig vidare i olika steg, se till att underlätta processen så mycket som möjligt. Ett sätt kan vara att göra stegen tydliga, exempelvis genom att skriva att man är på steg 2/3. Ett annat sätt är att låta Javascript kontrollera om fälten är rätt ifyllda. Om fälten är fel ifyllda och informationen dessutom försvinner om man gjort fel är det inte säkert att användaren orkar fylla i dessa igen.

6. Låt designen främja användbarheten, inte tvärt om

Att skapa en snygg design kan skapa en bättre miljö för användaren, men man får se upp så att inte den snygga designen tar överhanden och försämrar användbarheten. För mycket färger kan ge ett rörigt intryck och försvåra för användaren. Använd rätt färg på rätt ställe. Har ni ett specialerbjudande som bara gäller just nu, sätt en stark färg på det så det verkligen sticker ut.

Var inte rädd för att använda riktigt stora eller små typsnitt. Det gör det enklare att överblicka sidan. Låt inte snygga grafiska element göra att navigeringen göms eller hamnar tokigt. En snygg webbplats säljer inte bättre om folk inte vet hur de ska använda den.

7. Låt användaren veta vart denne befinner sig i hierarkin

I större webbplatser kan det vara lätt att inte veta vart man befinner sig i hierarkin. Det gäller speciellt om man hittat sidan genom en sökmotor. Därför är det viktigt att tydlig på ett eller flera sätt markera det. Ett sätt är att använda ”breadcrumbs” som visar vilka steg man tagit. Ett annat sätt är att markera varje steg, markera toppmenyvalet, sedan markera undermenyvalet och sedan sidomenyvalet. Då kan användaren enkelt gå tillbaka till tidigare sidor. Ytterligare ett sätt är att skapa en webbplatskarta någonstans på webbplatsen där hierarkin beskrivs tydligt.

Exempel på breadcrumbs finns på Boendetorget.

8. Utnyttja konvensioner

De vanor vi och andra människor har hjälper oss att snabbare hitta information om internet. Det bör vi utnyttja när vi skapar vår webbplats.

Några exempel

• Logotypen placeras i toppen
• Länkar är ofta blå och understrukna
• I sidfoten som placeras längst ner hittar vi oftast kontakt-information eller andra saker som inte behöver vara i fokus

9. Låt inte användaren tänka

Om användaren har 4 sekunder på sig att bestämma sig för att stanna eller gå finns knappast tid för att tänka. Därför är det viktigt att användaren direkt ser något att klicka på för att hamna rätt. Det är i många fall bättre att låta användaren klicka en gång för mycket än att låta denne tänka för att fundera över vilket val som är rätt.

10. Luft är en del av designen

Jag har sett webbplatser där webbproducenten varit rädd för luft och resonerat att all information ska ta så lite plats som möjligt för att få plats med så mycket som möjligt på skärmen. Faktum är att luft i många fall gör webbplatsen lättare att läsa. Var därför inte rädda för luft, mellan stycken, mellan rader och mellan text och bilder.

Folk drar sig inte för att scrolla om det skulle behövas. Stora tidningswebbplatser som Aftonbladet och Expressen låter användare scrolla hela tiden.

11. Gör webbplatsen sökbar

Om man nu inte hittar vad man söker på en webbplats kan en sökfunktion på sidan vara räddaren i nöden. Tänk dig att du sitter i en webbutik med tusentals produkter. Då kan det vara helt avgörande för försäljningen om användaren med en sökfunktion på sidan kan hitta det den söker.

Slutord

Utgå från att dina användare förväntar sig en snygg, snabb och enkel webbplats. Utgå också från att användaren aldrig har varit på din webbplats förut, att han / hon är stressad och dessutom är både lat och kräsen. Om man kan göra en sådan användare till en kund så har man kommit långt.

Vilka är dina bästa användbarhetstips?

Här är några av dem

• Personas – Ett nytt förbättrat tema-system för att anpassa utseendet av Firefox
• Fullskärm för Open Video
• Gradienter med CSS3
• För utvecklare, File API med dra och släpp
• Ökad hastighet

Plugins med sidnummer (paging)

Här kommer några plugins för att lägga till sidnummer på Wordpress-bloggen. Att lägga till dessa plugins fungerar bara på egen-hostade bloggar (ej wordpress.com). WP Page Numbers och WP Paging har jag kodat ihop.

• Pagebar
• Wordpress paging navigation
• Wordpress SEO Pager
• WP Page Numbers
• WP PageNavi
• WP Paging

Detta är alla jag kunde hitta. Känner du till fler? Skriv i så fall.

Wordpress bokmärken – 2010-01-24

• Add Query Arg
• Include CSS and Javascript conditionally

Wordpress bokmärken – 2010-01-08

• Custom Taxonomies
• Embed Wordpress Functions Outside Wordpress
• Extend the User Contact Info in Wordpress 2.9
• How to make a child theme
• How to make a translatable Wordpress theme
• How to NOT Build a Wordpress Plugin
• How to speed up your blog
• Post on your Wordpress blog using PHP
• Removing the Wordpress Generator meta tag completely
• the_post_thumbnail In Wordpress 2.9
• Use Wordpress Cron
• Wordpress 2.9 new excerpt filters

Skicka gärna in egna tips på intressanta relaterade länkar, genom kommentarsfältet nedan.