informationsarkitekt.se

Driva och leda webbprojekt

publicerad 2008-03-06

-Förfrågan om kurser inom Informationsarkitektur har aldrig varit större, det ligger precis rätt i tiden! säger Bjarne Hindersson, Ulf Winroth och Johan S Sundström. LÄS MER...

Länk till extern artikel

10 enkla punkter inför att bygga webbplats

publicerad 2007-11-15

[ Bli först att kommentera artikeln ]

av Johan Sundström

Med denna artikel antar jag att du till vardags har använt HTML, kanske gjort en webbsida någon gång. Hur många gånger har du fått frågan "Du som kan HTML kan väl ansvara för vår webbplats?". Det är lätt att anta utmaningen därför att man ju kan HTML, eller i alla fall kan lära sig det.
Du kanske t.om. har fått i uppdrag att bygga en ny webbplats åt ett företag, eller fått uppdraget att förnya en befintlig webbplats?
-Ja, öh... men, hur börjar man?
LÄS MER...

Ofta stöter jag på exakt detta beteende i olika sammanhang. "-Hur börjar man?". Låt mig inleda med att istället föreslå att du ställer dig litet vid sidan om och analyserar vad det hela handlar om. Om du kommer fram till samma sak som mig är vi överens, och det handlar om att kommunicera effektivt och att erbjuda information och/eller funktioner, anpassat på mottagarens villkor. -Rätt långt från HTML faktiskt.

1 - Arbeta metodiskt

Varför inte arbeta metodiskt? Arbeta gärna efter HISU-metoden som bygger på att du befinner dig i en av fyra faser. Du går till nästa fas när du uppnått aktuella fasens mål. HISU-metodens faser är...
* research
* strategi
* design och dokumentation
* presentation

2 - Låt uppdragsgivaren växa med projektet

Du har alltså en uppdragsgivare som gett dig ett uppdrag, du är uppdragstagaren.

[Bild1]

Denna bild (bild1) kan vara till hjälp för att påvisa att det kan finnas något "luddigt" mellan uppdragsgivaren och uppdragstagaren, nämligen uppdraget. Det är viktigt att vara beredd på att uppdragsgivaren inte riktigt vet vad denne vill, det är ju "DU som kan det här med webb!" Det är också viktigt att allmänt förbereda sig innan första riktiga mötet med uppdragsgivaren då uppdraget ska lämnas över och frågor kan ställas. Uppdragsgivaren är inte alltid beställarkunnig så det gäller att tillsammans med uppdragsgivaren arbeta dig fram.

3 - Ställ initierade frågor baserade på verksamheten för att få fram tydligt syfte

För att ta reda på vad syftet med webbplatsen är kan du ställa frågor som "vad vill du uppnå med webbplatsen" till uppdragsgivaren. Lyssna aktivt och var beredd på att ställa följdfrågor som "varför vill du det?" och "hur är ditt nuläge?". Svar som "därför att alla andra har en webbplats" bidrar inte till något. Syften som hjälper dig kan vara "vi vill sälja 25% mer skor" eller "vi vill ha 500 besökare till event X".

4 - Vad har uppdragsgivaren som är unikt

Uppdragsgivaren (UG) vill också ha en information framförd på webben. Ta speciellt reda på vad är unikt med uppdragsgivarens verksamhet. Uppdragsgivaren är t.ex. enda på orten som tillhandahåller X. UG har en logotyp (som förhoppningsvis är unik). Finns befintligt formspråk, färg eller teckensnitt? Det unika behöver förstärkas.

5 - Hur påverkar "omgivningen" uppdragsgivarens webbplats

Ta också reda på vad uppdragsgivarens position är på marknaden? Hur ser konkurrenters webbplatser ut? Hur uppfattar målgrupper och potentiella kunder att uppdragsgivaren ska uppträda på webben? Finns det något som säger att det ska se ut på ett speciellt sätt för just denna bransch, kanske uttryck, ord, bilder? McDonalds, Sibylla och exempelvis Max vill alla att man ska köpa just deras hamburgare. Dessa har positionerat sig så att de kan uttrycka samma sak på sitt unika sätt på webben?

6 - Ringa in uppdragsgivarens målgrupp med hjälp av uppdragsgivaren

Uppdragsgivaren har en målgrupp (target audience), denna målgrupp kan delas upp i segment. På frågan om till vilka UG vänder sig till, är svaret givet: -ALLA! Innan du helt går upp i limningen av det svaret, betänk punkt 1. Ställ istället frågor som vilka handlar er produkt eller tjänst. Vilka övriga berörs av
produkten/tjänsten? Press/media? Nyrekrytering? Ständigt nya kunder?

[ Uppdragsgivaren ]
|
+-------------+------------+
| | |
[ Målgrupp1 ] [ Målgrupp2 ] [ Målgrupp3 ]
|
+-----------+
| |
[ Segment1 ] [ Segment2 ]

---
Bild2

7 - Ta reda på vad vill målgrupperna vill ha ut av upplevelsen

När bilden av målgrupperna börjar klarna är det dags att ställa sig frågor som "vad vill målgruppen ha ut av upplevelsen?". Exempel på lyckade besökarupplevelser kan vara "Trots att det svaret på min fråga inte fanns på första sidan, hittade jag precis det jag sökte. Det var lätt att hitta". Ett sådant svar tyder på att man lyckats med strukturer, navigering och lyckade rubriker. För att verkligen förstå besökarens behov kan man behöva träffa dessa genom exempelvis intervjuer, enkäter eller andra relevanta studier.

8 - Samla in, tolka och formulera uppdraget - få uppdragstolkningen bekräftad

För att vara överens om att du tolkat uppdraget korrekt skriver du en uppdragsbeskrivning som du presenterar för uppdragsgivaren. Det skall vara ställt utom allt tvivel vad som ska göras, vilka leverabler som förväntas produceras åt uppdragsgivaren. Andra också viktiga faktorer är tidsramar, budget, vem du rapporterar till, vem du kan förväntas få material från och vem som allmänt är ansvarig kontaktperson i uppdragsgivarens organisation.
När du har svar på
* vad uppdragsgivaren vill erbjuda (syftet med webbplatsen)
* vilka uppdragsgivaren vänder sig till (målgrupper/segment)
* hur man ska framföra erbjudandet (omvärlden påverkar)
...är du klar med fas1 - research i HISU-modellens arbetsmetod.

9 - Formulera en strategi

Detta är HISU-modellens andra fas - strategi. Resultatet av denna fas hjälper dig att ta nästa steg på ett naturligt sätt. Anta att du har alla fakta inför produktionen av webbplatsen på bordet. Din nästa naturliga fråga bör vara "på vilket sätt skall detta gestaltas?". Du bör med tanke på användarna, uppdragsgivaren och omvärlden hitta ett passande DNA för webbplatsen. Vad ska minsta gemensamma nämnare på webbplatsen vara.

Exempel på strategi eller koncept kan vara som Google's söksida (enkelt, minimalistiskt, inte krångligt). Ett annat tydligt koncept kan vara mediamarkts, (signalrött, humoristiskt). När du hittat och formulerat, och kan argumentera för din strategi vet du precis vad den grafiska formen ska återspegla - hur texter ska formuleras och vad bilder/illustrationer ska visa.

Detta är en fas man inte ska hoppa över. Strategin ska inte komma ut av en slump, den ska vara underbyggd och verkligen fungera mot användare - kontext och informationen. Ju mer fastställd den är desto lättare blir det att gå vidare till nästa fas i arbetsmetoden.

10 - Bra förarbete ger effektivitet

Med de två förberedande faserna är det både lätt och snabbt att skissa förslag som sedan kan utprovas på tänkt målgrupp. Med en tydlig uppdragsbeskrivning, fakta, en strategi och skisser är det bara att köra igång med fas 3 - Design och dokumentation.

Lycka till

Utforma den mest viktiga sidan – STARTSIDAN

publicerad 2007-11-08

[ Kommentera artikeln ]

av Bjarne Hindersson

Ingen sida är så viktig för en webbplats som startsidan. Med få undantag passerar besökarna den någon gång – om inte varje gång de besöker webbplatsen. Med tanke på hur viktig startsidan är bör man säkerställa att vissa saker når fram till besökaren omedelbart… LÄS MER...

IDENTITET – Var är jag?

Detta svarar de flesta startsidor på genom att visa organisationens logga. Ofta är loggan placerad i det övre vänstra hörnet. Det finns sällan något att klaga på när det gäller tydlighet om webbplatsens identitet. Man kan med få undantag besöka de flesta startsidor och snabbt bli varse vilken organisation som är avsändare.

WEBBPLATSENS MISSION – Vad är syftet med webbplatsen?

När det gäller att snabbt förklara för besökaren vad som är syftet med webbplatsen så slarvas det däremot en hel del. Många startsidor svarar inte på besökarens fråga, ”Vad gör jag här?”. En välformulerad ”tagline” eller ”slogan” som förklarar webbplatsens syfte och mission råder bot på detta problem.

Ett bra exempel på en sida som snabbt förmedlar både avsändare och syfte är pricerunners startsida (http://www.pricerunner.se/). Längst uppe i vänstra hörnet ser man pricerunners logga och direkt under loggan finns en slogan som förklarar syftet med sajten. En slogan som lyder:

”JÄMFÖR INNAN DU HANDLAR”

Enkelt, snyggt och uttömmande. Som besökare får man snabbt en känsla för vad man gör där. På pricerunners webbplats jämför man priser hos olika företag för att hitta bästa pris!

För att förstå hur viktig logga och slogan är för pricerunner.se så kan man hålla för dessa så att de blir osynliga och titta på resten av startsidan. Vad händer? Förstår man vad webbplatsen handlar om? Förstår man vad man ska göra på webbplatsen? Själv tycker jag att det blir obegripligt och man har ingen aning om vad man ska göra, uppleva eller ta del av utan pricerunners logga och slogan.

USP – Varför ska jag stanna här och inte surfa till en konkurrent?

USP (Unique Selling Proposition) handlar om att ta fram det unika i förhållande till konkurrenterna. Vad som gör en webbplats unik måste naturligtvis synas på startsidan så att besökaren tar beslutet att stanna i stället för att surfa vidare till en konkurrent. Unikt måste inte alltid vara att man är billigast, inte tar betalt för frakt eller dylikt utan det kan vara något så enkelt som att man är den enda affärsjuristen i Kolsva eller den enda med moderna kanoter av alla kanotuthyrare i Västmanland.

För att ta reda på vad som är möjliga särskiljande drag för den egna startsidan är det bara att kolla upp konkurrenternas startsidor och webbplatser.

Att tydligt tala om vad som gör en sajt unik handlar inte om att skryta utan om att vara tydlig gentemot besökare och eventuella kunder om varför de ska spendera tid och kanske pengar på det din webbplats har att erbjuda.

1 läsare har hittills kommenterat artikeln

(2008-02-20) Hej Bjarne! Jag är med på resonemanget, då jag själv håller informationsarkitekturen högt i kurs. Men när vi pratar startsida så är enligt mig en av de viktigaste grundstenarna även Designen. Den grafiska, där inräknat placeringen av element. Jag har sett många webbsidor där läsvärde och läsbarhet varit klockren men färg och form rent bedrövlig. Även sånt sänker trovärdighet och uppmanar inte heller till att läsa vidare på webbplatsen. Layout och formgivning borde stå i topp när man pratar arkitektur på startsidor tycker jag.

(Pierre)

Känns som om det är dags att beskriva framtiden lite

publicerad 2007-09-17

[ Kommentera artikeln ]

av Johan Sundström

De tyckte att (X)HTML saknade något, de gjorde något åt det. De bildade den fristående gruppen med det utmanande namnet WHATWG - Web Hypertext Application Technology Working Group.
Hur ställer sig W3C till detta? Vad är det? Hur drabbar det oss? LÄS MER...

Länk till extern artikel

1 läsare har hittills kommenterat artikeln

(2008-02-20) Oavsett vilken grupp/mjukvarugigant det är och innan de börjar skapa webb 2.0 lösningar så vore det önskvärt om de kunde skapa en klass eller en standard som gör att vi slipper se följande: Fungerar i IE 7, Fungerar i FF, Fungerar i Safari bla bla bla. Och som en icke hacker är man fortfarande tvungen att skapa långa IF-satser i javascript och CSS för att kanske få det att fungera. Visst vi är på väg mot en trevligare upplevelse med Ajax och diverse API-er men jag har fortfarande inte sett en hållbar standardisering för ovan nämnda problem. En trappa skall sopas uppifrån och ned! Kanske Samhall kan lära W3C något. Tyvärr kunde jag inte se "Ögongodis" eller "Demonstration" då jag sitter med FF. Har ett plugin som visar sidorna som IE6, men det räckte inte. Men annars låter det interesant ;)

(pierre@pox.se)

En webb­plats för informa­tions­arki­tekter av informa­tions­arki­tekter

Driva och leda webbprojekt

10 enkla punkter inför att bygga webbplats

Utforma den mest viktiga sidan – STARTSIDAN

Känns som om det är dags att beskriva framtiden lite

En webbplats för informationsarkitekter av informationsarkitekter