Jag valde storbankerna Handelsbanken, SEB, Nordea och Swedbank, samt förstås en utmanare: Skandiabanken.

Kort om Feng Gui

Tjänsten Feng Gui är kontroversiell i branschen (frågan är om en dator verkligen kan räkna ut hur en människa tittar) men det ger absolut ett första underlag för diskussion som du sedan bör ta vidare i fortsatta tester. För mig är Feng Gui ett effektivt verktyg för att sparka igång en givande dialog: så fort människan har en bild framför sig så är det lättare att skapa berättelser och problemformuleringar kring artefaktet.

Det du måste komma ihåg är att bilderna från Feng Gui antyder vad som händer under de första 15 sekundrarna5 sekundrarna (uppdatering: jag fick en rättelse från Feng-Gui, det är de första 5 sekundrarna som gäller och INTE 15) som en människa tittar på dem, och då en människa som inte utsatts för bilden tidigare. Feng Gui själva menar att deras tjänst ger ett resultat som är till 80% i paritet med tester som utförs med riktig eyetracking-utrustning. Om det är ett genomsnitt så kan vi tänka oss att det ibland är närmare och ibland längre ifrån likvärdighet.

Och vad visar bilderna då? Jo, för varje bank har jag 4 bilder:

• Bild 1 är originalbilden som är en skärmdump av bankens startsida från slutet av februari
• Bild 2 (fläckar med grön/orange/rött) är en heat map där de färgade ytorna visar vad som drar fokus till sig. Ju rödare/större ytan är desto större sannolikhet att blicken vilar där lite längre.
• Bild 3 (punkter med streck) är en gaze plot som visar i vilken ordning komponenterna drar uppmärksamhet till sig. Siffran 1 indikerar alltså att det är det första man tittar på, och så vidare.
• Bild 4 (svart bild) är en opacity map, vilket i princip är en inverterad heat map och är ett pedagogiskt verktyg som illusterar vad man faktiskt ser på sidan.

Vi ska som sagt vara försiktiga med att dra alltför stora växlar och slutsatser utifrån dessa bilder. Det vi ska fokusera på är tendenser till ett visst beteende, mönster i bilderna och enkla jämförelser.

Handelsbanken

Kommentar: En minimalistisk layout som lyckas bra med att lyfta fram de fyra menyalternativen.

SEB

Kommentar: En överväldigande meny som gör det svårt att hitta rätt med blicken. Orange annons och bilden får för mycket fokus och underlättar inte navigeringen.

Nordea

Kommentar: Sidan är förvisso indelad i block men de ser likadana ut allihop. Det är svårt att förstå var Nordea vill att man ska titta… överallt samtidigt? Flikarna funkar dock bra ur ett navigeringsperspektiv.

Swedbank

Kommentar: Lite mer luft och tydliga innehållsblock gör att besökaren hittar rätt med blicken och kan scanna av. Men vänstermenyn är tung och inte särskilt tilldragande.

Skandiabanken

Kommentar: Många tunga färgstarka block som alla signalerar ”se på mig!” fungerar sämre än väntat. Ansikten får första blicken och menyerna hamnar då också i skymundan.

Optimering av bankernas startsidor

En startsida ska förstås ladda snabbt och skapa så lite förvirring som möjligt. För att se hur bankerna står sig mot varandra, och för att få fler datapunkter, valde jag också ut några jämförbara värden som lätt uppmäts med hjälp av Web Developer Toolbar för Firefox/Chrome samt Googles Page Speed Online. resultatet ser du i följande tabell:

Slutsatser om bankernas startsidor

Swedbank är tung och trögladdad

Swedbank utmärker sig genom att kräva 5 gånger mer KB för att ladda klart än Handelsbanken. De har också flest bilder, flest skript och flest länkar, varav hela 12 länkar är JavaScript-länkar(!), vilket i sig indikerar en onödig krånglighet i deras upplägg.

Ironiskt nog är Swedbank en av de få som komprimerar, men de komprimerar bara sina dokument, vilket är anledningen till att deras dokument är så mycket mindre än de andra. Det är faktiskt bara Nordea som komprimerar CSS och skript ordentligt.

Det finns massor att göra hos Swedbank för att få ner laddningstiden, samtidigt som de designmässigt lyckas ganska bra med att skapa en tydlig startsida. De behöver jobba med att stycka upp sin vänstermeny i mer lättlästa block.

Obestämda signaler skapar brus och förvirring

Bankernas hemsidor lider av samma sak som de flesta hemsidor. Istället för att leda besökaren rätt så slåss man om besökarens uppmärksamhet. Som om hon inte hade nog med budskap att traggla sig igenom. Handelsbanken ger ett föredömligt exempel i jämförelsen, och låter besökare först känna sig trygg med att hitta rätt och håller antalet synliga länkar till ett minimum.

Åtgärder för bankernas startsidor

Några av åtgärderna hos Swedbank (och även de övriga bankerna) bör vara:

• Komprimera mera. Alla skript, bilder och CSS-filer bör komprimeras och även sammanfogas. Det är osannolikt att Swedbank ska behöva så många filer som de kräver att besökarens webbläsare ska hämta. Använd till exempel Minify.
• Sammanfoga bilder. Ja det går. Det kallas för att skapa CSS sprites. Istället för att varje ikon är en egen bild så kan alla ikoner bli en enda bild och sedan används CSS för att styra vilken del av bilden som visas. Det gör att den enda bilden laddas bara en gång (trots att den utgörs av många mindre bilder) och även blir mindre i storlek. Till höger har jag till exempel gjort en bild av 9 ikoner som idag laddas separat. Läs mer om CSS Sprites.
• Utöka browser-cachning. Genom att ange att vissa komponenter (ikoner, CSS) har en livslängd på ca en vecka, så sparas dessa i webbläsarens cache och laddas mycket snabbare. Det kan göras med betydligt fler komponenter än man gör idag. Läs mer om cachning.

Liten inte resurssnålast, visar Skandiabanken

Det förvånar mig lite att Skandiabanken klarar sig så dåligt i jämförelsen. De kräver mer nedladdningar än 3 av storbankerna och är näst sämst när vi kollar hur bra de är på att optimera för Page Speed. De komprimerar inte och slarvar med cachning. När det gäller resultatet som visas i heat map är Skandiabankens dock den jag verkligen skulle vilja testa med riktig eyetracking-utrustning; jag hade förväntat mig tydligare fokusområden.

Sammanfattningsvis

När vi hanterar budskap via webb så är det mycket som ska klaffa. Designen måste skapa ytor som jag lätt förstår att jag ska läsa. Men vi måste också leda besökaren till rätt yta, så att det inte bara blir ett minfält av budskap att ta sig igenom för att hitta rätt. Ge mig rätt verktyg på rätt plats, och på startsidan bör det vara: (1) Information om vad jag kan göra nu och (2) En förståelse för hur jag går vidare och gör det.

Till detta kommer att vi måste bygga sajten på ett sätt som inte förstör upplevelsen trots snygg design. Om det tar lång tid att ladda och om vi är överösta med länkar så riskerar vi att sätta krokben för webbsatsningen. Det gäller att ha koll på alla objekt: CSS, bilder och skript för att det inte ska bli en gryta som kokar över av kodglädje och skrämmer bort de hungriga kunderna.

Det finns enkla, kostnadsfria och lättåtkomliga verktyg för att snabbt utvärdera hur väl du ligger till. Börja mäta och utvärdera för att säkerställa att du inte gör misstag som lätt rättas till och genast bidrar till en bättre användarupplevelse.

När du vårdar din webbplats märker besökarna hur trevligt ditt innehåll är och hur omtänksamt det presenteras. Det är då de kommer tillbaka och vill träffa webbplatsen igen. Tänk om alla banker tänkte så.

SR erbjuder alltså i detta formulär alternativen:

• Kvinna
• Man
• Vill inte definiera

[box type="info"]Jag jobbar under kommande veckan med detaljerna kring kontaktformuläret – jag har hittills lagt ungefär 3 arbetstimmar på det – och vill gärna ha din återkoppling.[/box]

Kontaktformuläret på axbom.se delar fyra välkända fält med tusentals andra kontaktformulär på webben: namn, e-post, telefonnummer och meddelanderuta. Men inte nödvändigtvis i den ordningen. Jag ser kontaktformulär som en dialog och i en dialog tycker jag det är viktigt att prata om själva ärendet innan vi börjar be varandra om privata uppgifter. Alltså ligger meddelanderutan högre upp.

Ett väluppfostrat kontaktformulär

De flesta kontaktformulär börjar trots allt med att be om ett namn. Men hör och häpna, sedan använder de inte namnet! Vad menar jag, jo att så fort personen du ”pratar” talar om sitt namn kan du faktiskt vara hövlig och använda det vid tilltal. I mitt formulär fungerar det nu så att när du skrivit ditt namn så används namnet i efterföljande frågor. Man kommer långt genom att vara lite trevlig.

Självklart så använder jag en personlig ton i mitt kontaktformulär som ger en bild av vem jag är, Och det kan jag göra med de fåtal raderna i ett kontaktformulär och texten på knappen. Miljontals andra tävlar om att vara så opersonliga som möjligt, med endast enstaviga rubriker och gärna en grå bakgrund. Vad tror du funkar bäst? Men skämt åsido, alla ogenomtänkta formulär på webben håller mig sysselsatt

Kontaktformulär med tillfredställelse

Handen på hjärtat så kan det ändå vara rätt trist att fylla i formulär. De flesta tror att det inte går att göra något åt. Min uppfattning är tvärtom: Nyckeln till en önskvärd upplevelse handlar om enkelhet och nytta men väldigt mycket också om, håll i dig: [highlight]gillande[/highlight]. Och hur får vi människor att gilla kontaktformulär? Jo, självklart genom design och personlighet men också genom något oväntat som skapar en tillfredställelse eller helt enkelt som bara får offret att dra på mungipan. Ett formulär som ger glädje är ett formulär man kommer ihåg och rekommenderar till andra.

Mitt kontaktformulär har ett monster som berättar roliga historier.

Kontaktformulär är en dörr på glänt. Öppna den!

Är målet verkligen att besökaren ska fylla i ett kontaktformulär? Absolut inte. Kontakt är början på en relation och det är relationen vi vill åt. Relationen kan vi skapa på många olika sätt men ett av de effektivaste verktygen i min arsenal är nyhetsbrevet. Det kommer då och då (ja, jag vet hur sällan det är) och påminner om min verksamhet och bjuder på gratis mallar som sparar tid.

Nej, jag vill inte ha en kryssruta i formuläret för att också få mitt nyhetsbrev när man ändå fyller i kontaktformuläret. Det är [highlight]oförskämt och stör personen som fyller i formuläret[/highlight]. Låt henne göra klart det hon kom för att göra. Det är en av de viktigaste lärdomarna efter 15 år i branschen: en aktivitet eller uppgift eller budskap per sida. Mer än ett budskap ställer till problem.

Konversationen är inte slut för att formuläret skickas – det är också en vanlig missuppfattning. [highlight]Samtalet har precis börjat.[/highlight] Och möjligheterna finns för att fortsätta vara personlig. Så här ser det ut efter att du skickat mitt formulär: ett personligt tilltal och en inbjudan att prenumerera på nyhetsbrevet. E-postadressen har vi redan och sidan tjänar som en perfekt möjlighet för kontakttagaren att verifiera att hon matade in rätt e-postadress. En tacksam bonus, alltså!

Roliga historier om monster efterlyses

[box type="note"]Sedan ska vi inte orda om hur mycket du kan åstadkomma i bekräftelsemejlet till avsändaren; En ytterligare kontaktpunkt att ta vara på, vårda och använda för att överträffa förväntningar. Det får bli en egen artikel.[/box]

Just nu har dock mitt monster bara en (1) rolig historia som han berättar om och om igen. Det vore toppen om du ville skicka in  fler monsterhistorier till mig som jag kan fylla hans förråd med. Jag vet ett perfekt kontaktformulär du kan använda för att skicka in dem. Tack.

Vi passerar genom Stadium på väg till IKEA och jag triggar självklart på stora affischer och skyltar lite överallt där det står att jag ska [highlight]checka in på Facebook för att få ett erbjudande[/highlight]. Jag hastar upp mobilen och checkar snabbt in på den första logiska butiken som dyker upp i Facebook-appen: Stadium Barkarby.

Det kommer inte upp något erbjudande. Jag väntar…kollar mobilen var 10:e sekund vilket givetvis retar familjen. Jag ser inget erbjudande.

Här hade nog de flesta människor avfärdat, suckat och gått vidare men jag ville självklart följa upp och förstå vad som pågick. Så jag gick upp till en expedit och förklarade att jag minsann checkat in men att det inte kom upp något erbjudande. Först säger hon att jag inte behöver checka in (nähä?) – jag kan få erbjudandet ändå (jaha?) – och sedan kommer hon på: det är förresten Stadium Barkarby 2 du ska checka in på. Stadium Barkarby är den andra Stadium-butiken i outlet-delen av Barkarby(!)

Jag tackar vänligt men webbstrategen i mig skriker. Har jag missat något? Nej, det finns inget i affischer eller skyltar som talar om att det är Stadium Barkarby 2 jag ska checka in på.

Återigen tar jag mig över en tröskel för att verkligen fullfölja det hela, något som gemene man inte gör: Jag tar fram telefonen igen, letar aktivt upp och checkar in på Stadium Barkarby 2.

Dels retar det mig att jag checkat in på fel ställe eftersom jag nu bevisligen inte var på Stadium Barkarby men jag förundras förstås över det genialiska i att Stadium Barkarby 2 är som ett sandpapper för kundförståelsen (skapat för maximal friktion). Ett namn som Stadium Barkarby Ikeahuset hade förstås gjort att jag hittat rätt direkt utan hinder men det ligger väl ändå inte i butikens intresse?

I alla fall: nu ser jag kupongen – 99 kronor för ett par Race Marine sneakers. Strålande.

Jag ignorerar det faktum att det är junior- och damstorlekar som kupongen avser och söker upp skorna eftersom jag är nyfiken på hur stort mitt kap skulle kunna vara om jag verkligen hade det minsta intresse av produkten. Vad tjänar jag på att checka in?

0 kr.

Då tackar jag alldeles särskilt för det Stadium Barkarby 2. Samma pris utan kupong som med kupong. Nu ger till och med jag upp och promenerar raskt ut ur butiken medan jag spyr lite okvädesord i flödet.

2 råd till Stadium Barkarby 2 för att slippa misslyckas så hårt

1. Testa. Det tar 3 minuter att förstå att det är mycket på tok med den här kampanjen. Gå igenom processen så som du tror att kunden skulle gå igenom den så blir det snabbt uppenbart varför den gör mer skada än nytta. Det blir annars pinsamt uppenbart att en reklambyrå utan helhetsperspektiv ligger bakom.
2. Involvera personalen. Det är väldigt uppenbart att personalen inte bryr sig särskilt mycket om kampanjen. De är säkert inte ens informerade och inte tillfrågade om kampanjens lämplighet. De får bara dumma frågor av sådana som mig. Om inte alla är med på tåget så blir det alltid en tafflig upplevelse och dåligt genomförande. Som rabatten som inte blev någon rabatt.

2 råd till Stadium Barkarby 2 innan ni gör om något liknande

1. Köp inte era kunder. Hitta de som verkligen gillar er redan och ge dem verktyg för att bli ambassadörer och sprida budskapet om hur mycket de gillar er. Det kräver lite mer arbete än att bara öppna plånboken och beställa en kampanj, men det blir äkta och trovärdigt. Och det funkar.
2. Gör en upplevelsekartläggning (experience map) där ni dokumenterar sinnesstämningen genom hela processen från att man åker hemifrån, går in i butiken och kommer hem igen. Identifiera möjligheter till förbättringar och genomför dem. Ge en wow-upplevelse när kunden minst förväntar det. Se till att köpprocessen alltid avslutas på toppen av humörkurvan, ge något extra till de som faktiskt köper och är nöjda.

I grund och botten handlar det om att faktiskt bry sig om kunden och alltid försöka göra bra grejer för dem. Men checkar in på Stadium Barkarby 2 gör jag nog aldrig igen. Utom kanske på pin kiv

Snabb analys av Axbom vs Barack Obama

Den här infografiken är förstås bara en ganska tanklös lek med siffror och ett smart marknadsföringsknep från visual.ly, men jag nappade.

Barack Obama är ju en superstar (av självklara skäl) och även om jag twittrat under längre tid och har genererat fler Twitter-meddelanden så är hans räckvidd förstås vida överlägsen. På ett par områden piskar jag dock stjärt: jag är långt mer social än Obama och jag skapar väldigt mycket mer retweets. Kanske kan Obama lära sig ett och annat nu när han ska börja Twittra personligen istället för bara hans stab.

Jag tycker det är väldigt roligt att Baracks och mina gemensamma intressen utgörs av bland annat människor och innovation, orden ”take, everything” antar jag betyder att vi båda vill ta över världen. Det går också att utläsa att vi båda ses som positiva politiker!

I övrigt har förstås verktyget, som så många amerikanska verktyg, lite kvar när det gäller att sortera bort svenska ord utan betydelse, som ”jag, det, och, inte, att”. Men jag är mäkta imponerad av dess design!

Vem ska du ta upp kampen med i din egen Twitter-infografik?

PS Varför jag valde Obama? Jag hoppas förstås locka honom till Sweden Social Web Camp

Det finurliga med den här bilden är att jag redan skickat iväg formuläret. Men det förstod inte jag. Kan du hitta bekräftelsen? Jag kunde! Till slut…

Sjävklart borde producenten av detta webbformulär ha begrundat minst 2 saker några fler gånger om:

1. Var ligger användarens blick när hon fyllt i formuläret och klickat på skicka… och
2. Bör formuläret ligga kvar redigerbart på bekräftelsesidan?

På 1 svarar jag ”på samma ställe där den just var, på knappen” och på 2 svarar jag ”självklart inte.”

Och det faktum att jag inte fått minsta tillstymmelse till svar ännu efter en vecka gör att jag gissar att det finns fler fel i ledet fram till en fungerande kommunikation med Solna stad. Eller vad tror du?

På tal om en helt annan sak så är det här första blogginlägget som jag skriver på min iPad. Äntligen finns det en applikation som gör bloggandet till en rimlig aktivitet på paddan. Om du vill prova heter det Blogsy.

[box type="note" size="large" style="rounded" border="full" icon="http://axbom.se/share/joke-icon.png"]A persona walked into a storyboard looking for some interaction. At the end of the scenario he found himself eye-tracking a mental model with a wireframe interface. He sorted his cards and managed to think-aloud: ”I love your design pattern, would you like to come back to my iPad for some bodystorming?”. ”Sorry,” she replied, ”you’re just not my prototype.”[/box]

Jag var tvungen att publicera en ”historia” som bara slog mig när jag jobbade med en t-shirt design jag nyligen släppt. Har haft oerhört kul med att spåna ihop dessa och fler, hoppas du gillar.

Om du inte förstår det roliga så är det helt ok. Det här är den nördigaste av den nördigaste UX-humorn man kan bevittna…

Det blir alltmer tydligt att högerkolumnen är ett svart hål för viktig information!

Om vi antar att en högerkolumn är på 200 pixlar så kan vi utläsa ur Nielsens studie att knappt 6% ens tittar på högerkolumnens innehåll. Ändå envisas företag med att fylla högerkolumnen med viktig information som nedladdningsmaterial, fördjupningsinnehåll och förtydliganden.

Jag är också förvånad över hur många nya designlösningar som av bara farten fortsätter utgå från 2 eller 3 kolumner utan närmare eftertanke. Jag vill härmed uppmuntra alla till att utmana högerkolumnens existens. Läsarna vill in, få det de kom för och de vill snabbt ut. Hur stöds det beteendet av högerkolumnen?

(Genväg: Hoppa direkt till när Google bekräftar högerkolumnens osynlighet)

Högerkolumnen försvinner snabbt från fokus

Om vi vill att människor ska läsa våra texter så lägger vi en hel del krut på bra, informativa texter som drar uppmärksamheten till sig. Vi måste anta att texten ska lösa en människas problem, eller övertyga om att problemet kan bli löst i nästa steg. Med genomtänkta mellanrubriker, punktlistor och bilder så kan vi tillfredställa läsare såpass att de faktiskt skummar igenom en text.

Men det slutar inte där; du måste  förstå var användaren befinner sig i det läget: hon har scrollat ner och allt det viktiga i högerkolumnen har försvunnit från fokus.

Jag kan bara misstänka att kolumn-tänket där mittenkolumnen anses ha ett samband med högerkolumnen kommer från tidningsvärlden där jag alltid har en översikt över en hel sida och ser en helhet på ett annat sätt. På webben tittar jag genom ett nyckelhål (också för att många får tunnelseende när de ska lösa en uppgift) och då måste allt sitta ihop i en vacker röd tråd utan svåra hopp.

Att anta att läsaren snällt och vackert ska scrolla upp och ”fortsätta läsa” viktig information i högerkolumnen är att skjuta sig själv i foten.

Lägg innehållet där läsaren är

När läsaren kommer in på en sajt behöver hon snabbt förstå vad innehållet handlar om, och blicken faller på bilder, rubrik och ingress. Där har du några sekunder att visa att du har lösningen på problemet (eller inte) och där kan du också erbjuda lösningen, om du så vill, på en gång. Det skulle kunna vara ett dokument att ladda ner eller liknande.

Om du får en läsare som hänger med till slutet så har du fått ett löftesrikt napp och har då en engagerad läsare som har potential att bli en intressant relation. Din val blir då:

• att sätta punkt för relationen i samband med sista punkten i din text (och kasta tillbaka läsaren i webbens stora blå), eller
• fortsätta samtalet genom att erbjuda det viktiga innehållet precis där läsaren befinner sig, redo och hungrig för mer.

Dags alltså att hala in resultatet av det hårda arbetet med texten.

Högerkolumnen i bloggar är sekundär

Många bloggar, liksom den du läser, har just en högerkolumn på huvudsajten. Här är det viktigt att notera hur högerkolumnen i bloggar skiljer sig markant från högerkolumnen på många företags webbplatser. Det förutsätts ingen relation mellan texten (blogginlägget) och innehållet i högerkolumnen.

Du kan se högerkolumnen som en verktygslåda med bra länkar som sällan används men som finns i närheten när man väl behöver dem. Det är lätt att ignorera och tänka bort högerkolumnen för den är exakt likadan på alla sidor. Huvudsyftet kan nästan kokas ner till att skapa en läsvänlig bredd på kolumnen som innehåller alla artiklar!

Bloggar har också det gemensamt att de lägger länkar till liknande inlägg, share-knappar och kommentarer direkt under texten. Det är där läsaren är när du har fångat hennes intresse. Ett tillägg till WordPress som visar relaterade inlägg ( exempelvis Yet Another Related Posts Plugin) har gjort underverk för många sajter som vill hålla kvar och engagera lojala läsare.

Glöm kolumner, tänk aktiveringszoner

I slutändan vill du nå fram till läsaren och då gäller det att ha klart för sig var man ska lägga det viktigaste innehållet (och vilket innehåll, men det är en annan historia). Den här bilden visar att du säkerligen kan uppnå dina syften med såväl 2 kolumner som 1 kolumn. Det är ditt innehåll som måste avgöra tillvägagångssätt och du måste inse vad på din sajt aktiveringszonerna hamnar.

Värt att notera är att många säljsajter på nätet — i gråzonen till det etiska (”tappa 10 kg på två veckor”, ”bygg stora muskler på 2 veckor”, mfl)  – tillämpar 1-kolumnslayout för att behålla fokus på säljbudskapet. Det här är sajter som aktivt mäter vad som funkar och inte funkar när det gäller att driva försäljningar.

Vi behöver kanske inte apa efter alla deras beteenden, men det finns alltid något att läsa sig av de som detaljmäter och jämför resultat. Bonus: Du som får till en bra enkolumns-layout har också lättare att nå en mobil marknad.

Google bekräftar högerkolumnens osynlighet

Google är förstås den globala mästaren i att mäta konverteringar på nätet och de delar också med sig av information om var du ska placera ditt innehåll. De berättar nämligen var du bör placera dina Google-annonser och visar då också indirekt på vilka ytor som drar till sig mycket uppmärksamhet.

Slutsatserna överensstämmer väldigt mycket med F-mönstret hos Nielsen; i bilden så skapar de mörkare ytorna mer klick/uppmärksamhet och jag har numrerat från 1 (viktigast) och neråt. Högerkolumnen kanske inte är sämst… men den är tillräckligt dålig för att du måste tänka både två och tre gånger innan du lägger innehåll i något som kanske bara sugs ut i kosmos.

Har du exempel på bra användning av högerkolumnen på webben? Dela gärna med dig!

Läs också: Retiring the 3-column layout

Det finns en övertro på komplexa webbformulär.

Det förvånar mig gång på gång hur lite tid som läggs på webbformulär när man utvecklar en ny webbplats. Formulär är den interaktiva komponent i din webbnärvaro som avgör om människor köper, kontaktar eller av andra anledningar lämnar ifrån sig sina kontaktuppgifter – det som ger din organisation mer värde. Få se nu: ska vi göra det enkelt eller svårt?

Ett av mina favoritexempel handlar om banken HSBC som för några år sedan fick ungefär två intresseanmälningar per vecka i ett formulär för bolån på sin webbplats. Formuläret genererade lite mindre än 1 miljon dollar i affärer per år. Inte illa för ett formulär som bara ligger där?

Nåväl, Brett King – författaren till Bank 2.0 – fick uppdraget att förenkla formuläret och efter hårt motstånd gick de från 17 fält i formuläret till tre: namn, e-post och telefonnummer. Antalet besök till sidan med formuläret låg kvar på samma nivå, men antalet intresseanmälningar gick från 2 till 180 per vecka, och formuläret genererade 20 miljoner dollar under sitt första år i drift.

Det är ökning i konverteringsgrad med nästan 9 000% och en ökning i omsättning med nästan 2 000%!

För att vara en kundcentrerad organisation måste du utgå från kundens perspektiv. Det kan självklart innebära större komplexitet för organisationen och mer hantering, men var tycker du själv komplexiteten skall ligga? En kund som har problem att komma in genom din dörr provar gärna en annan.

Läs också: Konsten att optimera webbformulär med ett ynka ord, A Dead-Simple Change That Increased Our Conversion Rate by Over 250%

Lite paradoxalt är det att orden, som skall vara själva drivkraften och en uppmaning för användaren att agera, ofta helt glöms bort när vi tittar på användarupplevelser. För visst måste vi börja med de ord som ska inspirera, övertyga och bidra till ny kunskap eller nya insikter. Budskapet, som förmedlas i orden, ska därefter förstärkas med rätt bilder och formgivning.

Inte ens Jesse James Garretts vedertagna modell, The Elements of User Experience (PDF), har med webbcopy som en egenskap!

Lorem ipsum skapar obefintlig dynamik

Lorem ipsum trivialiserar ditt innehåll

Lorem ipsum är en genväg till att fylla en designmall med en text, för att på så vis få en uppfattning om hur en grafisk design ser ut när texten är på plats. Utan text ser en designmall tom ut och ofta hinner inte informationsägare eller kunder skaka fram en text som de tycker är färdig.

Men i bästa fall är Lorem ipsum ett halvhjärtat och mediokert sätt att angripa den viktigaste delen av en webbtjänst.

4 nackdelar med Lorem ipsum

1. Orealistiska antaganden om utrymme för texten kan lätt göra att en elegant design sväller över.
2. Lorem ipsum texten innehåller inte relevanta styckesindelningar, mellanrubriker och länkar i texten, sådant som också ger texten styrka.
3. Värdet av texten förminskas till att bara vara ännu ett designelement, som bara ska vara där för att sajten ska se snygg ut.
4. En designskiss med Lorem ipsum blir lätt förlaga för en skribent, som riskerar att skriva rakt på utan styckesindelningar för att efterlikna ”designen”.

Bilden visar skillnaden mellan en lorem-ipsum design och verkligheten, där innehållet bryter den eleganta designen.

Bannlys Lorem ipsum från dina skisser

Bara genom att använda faktiskt innehåll och information genom hela designprocessen skapar man lösningar som kommunicerar på ett effektivt sätt.

• Strunta i att texten inte är 100% klar. Läsbar text är faktiskt mer användbar än oläslig text.
• Prata om och diskutera innehållet innan du påbörjar design. Det är innehållet som ska förstärkas, inte tvärtom.
• Involvera webbskribenterna från början!
• Använd riktigt innehåll för att förstå när du måste skala ner och tona ner grafik till förmån för innehållet.

En skräddarsydd kostym funkar bara om du vet hur stor människan är som ska passa i kostymen. Visuell design på webben funkar bara om du vet vilket innehåll som ska passa in i formen.

Lorem ipsum-text förmedlar inga känslor

Alla tillsammans: Ett rungande Lorem shitsum!

Visst är det smått ironiskt i sammanhanget att Lorem ipsum bäst översätts med ”Smärtan själv” från dolorem (smärta, förtvivlan, lidande) och ipsum (sig själv, själv).

Så nästa gång du ser en designer använda Lorem ipsum kan du säga rakt ut:

Jag ser att du använder Lorem shitsum. Är det smärta eller förtvivlan du vill att läsaren ska känna?

Andra åsikter om Lorem ipsum

• designInformer: Lorem Ipsum is killing your designs
• Adaptive Path: Death to Lorem Ipsum and other adventures in content
• LukeW: Death to Lorem Ipsum
• Karen McGrane: In defence of Lorem Ipsum