Post on 20-Jun-2015
description
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