HEMLIGHETERNA BAKOM SVERIGES BÄSTA INFORMATIONSSAJT

mattias.axelsson@happiness.se

[TOP SECRET]

[CLASSIFIED]

MATTIAS AXELSSON

• ARBETE: Happiness• UTBILDNING: Stockholms Universitet

Multimedia Pedagogik-Teknik, 120p• TIDIGARE: Pacer, Clockwork, Everyday,

Telia, Stockholms Universitet Institutionen för reklam och PR

HAPPINESS

• Webbyrå, produktionsinriktad• Styrka: Pedagogik och användbarhet –

både i design och systemutveckling

PROJEKTET PREVENT.SE

• Uppdrag: Redesign och ny informationsstruktur• Projekttid: 4 månader• Luftig kravspecifikation – lång relation &

förtroende• Tidigare erfarenheter guld värda• Iterativ designprocess• Resultat: Bästa webbplats information och

service Web Service Award 2006

VAD ÄR HEMLIGHETERNA?

• Hur kan man producera en webbplats som är tillgänglig och användbar till ett fördelaktigt pris?

ANVÄND WEBBSTANDARDER

ANVÄND WEBBSTANDARDER

• Webbstandarder är regler för hur man kodar• Separera innehåll och design, helst strikt• Logiskt och korrekt uppmärkt innehåll• God sökbarhet• God tillgänglighet• Snabbare laddningstider• Innehållshanteringssystemet måste klara av detta• Prevent.se använder Consolo (www.consolo.se)• Finns även bra open source system

HAR DU WEBBSTANDARDER?

• Testa din webbplats på http://validator.w3.org/

TÄNK SÖKBARHET

TÄNK SÖKBARHET

• Webbplatsens egen sökmotor är viktig• Prevent.se använder Google Search API

(som ”är” var gratis) för att söka på sina egna sidor utan att det märks

• Detta ger bra gratis optimering i sökmotorer

• Vokabulär / rubriksättning, använd bra ord

ÄR DU SÖKBAR?

• Testa att söka på din webbplats med Google men skriv ocksåsite:dinwebbplatsnamn.se

• Om du bara skriver site:dinwebbplatsnamn.se ser du hur många sidor och filer som finns i Google

TÄNK GRÄNSSNITT, INTE DESIGN

TÄNK GRÄNSSNITT, INTE DESIGN

• Look & feel, design, manér, känsla, estetik• Ett mardrömsscenario kan vara när vi får

en färdig skiss på hur webbplatsen ska se ut

• Prevent hade en bra grafisk manual där mycket kunde anpassas för prevent.se

• Gör saker i en bra ordning, börja inte i fel ände

VÅRA MILSTOLPAR

1. Förstudie, undersökning2. Kreativ workshop – målgrupper – funktioner3. Informationsstruktur med prioritering4. Funktionsspecifikation5. Skisser på gränssnitt6. Prototyp och testning7. Produktion8. Lansering9. Uppföljning

VAD ÄR ETT GRÄNSSNITT?

VAD ÄR ETT GRÄNSSNITT?

VAD ÄR ETT BRA GRÄNSSNITT?

• Likadant överallt (konsistent)• Gör som andra gör (konventionellt)• Funktionellt (ett verktyg att användas)• Pedagogiskt (snabbt att lära)

PREVENT.SE GRÄNSSNITT

UTNYTTJA SIDANS BREDD

LOGISKA SÖKVÄGAR LOGISKA SIDTITLAR

KLICKBAR STRUKTURMARKERING SÖKRUTA

ANNONS/PUFFYTA

RUBRIKSÄTTNING

TYPOGRAFI. LUFTIGHET. VERDANA.

BILDPOLICY

TYDLIGA INGÅNGAR

SIDFOT & KONTAKT

FOKUS PÅ NYHETER

SÖKRESULTAT SOM GOOGLE

AVSÄNDARE / IDENTIFIKATION

HUVUDNAVIGATIONSTRUKTURMARKERING SÖK

NAVIGATION

NYHETSBREV

EXTRAFUNKTIONER

ANNONSPUFFYTA

INNEHÅLL

IBLAND TVÅSPALT

LÄTTJOBBAT INNEHÅLLSHANTERINGSSYSTEM (CMS)

FÖLJ UPP

FÖLJ UPP

• Använd ett statistikverktyg• Prevent.se använder Urchin• Urchin köptes upp av Google och blev Google Analytics

som är gratis och finns på svenska• Spåra populära funktioner, avdelningar eller innehåll och

lyft fram dessa• Spåra buggar och fixa• Spåra felaktigt innehåll och rätta till, eller radera det• Spåra ointressant innehåll och prioritera ned det• Titta på trender, få en känsla för webbplatsen• Gör undersökningar löpande

PROBLEM

PROBLEM

• Integration av andra system som är gamla eller som inte är bra, t ex dåliga innehållshanteringssystem

• Dubbla sökningar – sajten och bokhandeln• Oseriösa sökmotoroptimeringsföretag• Många småsaker, t ex förstoring av text

MEGATRENDER

MEGATRENDER

• Bredband (bredband mer än 50%)- multimedia, video, flash

• Sökbarhet (Google mer än 50%)- webbstandarder, xhtml

• Öppenhet- Open source, LAMP, designmönster, öppna API som t ex Google Search, bloggar, släpp in användarna

FRAMTIDEN

FRAMTIDEN

• Inloggning, kanske OpenID?• RSS-flöden• Kommentarer, kommunikation• Mikroformat• Etiketter och sökmoln• Utnyttja smarta tjänster på webben via API

KOM IHÅG

KOM IHÅG

• Använd webbstandarder• Tänk sökbarhet• Tänk gränssnitt, inte design

OCH DET VIKTIGASTE

GE ALLT

“Don't do anything by half. If you love someone, love them with all your soul. When you go to work, work your ass off…”Henry Rollins