Per Axbom ler, i lila skjorta, framför en sjö under en dramatisk blå himmel.

Designar för webben sedan 1996

Per Axbom

Senior UX-designer och webbstrateg, med expertis inom interaktionsdesign, tillgänglighet och visuellt berättande.

Filtrera portfolion

Visar alla 128 kort

Allt sedan 1996: uppdrag, mallar och verktyg, föreläsningar, publikationer och utmärkelser. Öppna filtret för att bara se det som är relevant för dig.

Talaruppdrag

Webbdagarna Göteborg

Organisation
Webbdagarna
Format
Föreläsning
Plats
Clarion Hotel Post, Göteborg
År
2016

Innehåll först med innehållsprototyper

Visa större: Titelbild: ”Innehåll först med innehållsprototyper” och @axbom, med en uppslagen bok fylld av textrader mot en ljusblå bakgrund.
  • Visa större: Vi är unika: En wireframe för ”Din webbplats” med bildspel och rubriken VI ÄR UNIKA, texten ”Vi är oerhört unika och särskiljer oss från alla våra konkurrenter. Även om vår webbplats ser likadan ut.” och tre kolumner: Alltid. Tre. Kolumner. Idén lånad, med respekt, från Dave Ellis.
  • Visa större: Användarens resa: En kurva från start till mål med vägskyltar längs vägen och godisbitar utspridda runt omkring – vårt jobb är att sätta upp skyltarna, men vi har blivit experter på att lägga ut godis.
  • Visa större: Innehåll definierar struktur: ”Innehåll definierar struktur.” Bredvid: ”Inte tvärtom!” – med bokstäverna inklämda i en smal ruta.
  • Visa större: Vad är en innehållsprototyp?: ”En innehållsprototyp: Ett dokument med det innehåll användaren behöver för att uppfylla sina mål.” Nedanför ett textdokument med startsidans innehåll: Förälder, Sjuk, Arbetssökande.
  • Visa större: Egenskaperna: Lappar runt ett dokument: utgår från riktiga behov, är snabb och kostnadseffektiv, hittar inte på egenskaper, måste inte passa en struktur, gör att vi jobbar iterativt med innehåll, förstås av alla, är tillgänglig för alla att bidra (även användare), är guld värd för en visuell designer, är framtidssäker – stöd för tillgänglighet, plattformsoberoende, mobile first.
  • Visa större: Till och med en tweet: ”En innehållsprototyp kan användas för en webbsida, en app… ja, till och med en tweet.” Samma syfte och målgrupp, och tre versioner av texten som blir tydligare för varje varv.
  • Visa större: Syfte, värde och nytta: Sidhuvudet i en innehållsprototyp: sida, syfte, för vem, vad personen vill göra, budskap, vad som ska hända, värde som erbjuds, mätbar nytta för organisationen och senast uppdaterad – ovanför sidans innehåll.
  • Visa större: Innehållet funkar överallt: ”Genom att först ta fram bra, strukturerat innehåll tillgodoser du den minsta gemensamma nämnaren i sättet som användaren konsumerar innehållet, vare sig det är en liten skärm, en textläsare eller en TV. Innehållet funkar överallt.”
  • Visa större: Från prototyp till form: Min idéprototyp på enwebbsida.se/fk byggd från innehållet: Försäkringskassans fyra områden Förälder, Sjuk, Arbetssökande och Funktionsnedsättning som stora klickytor med var sin färg.
  • Visa större: Ditt innehåll kommer förändras: ”Med en innehållsprototyp jobbar du kollaborativt, iterativt, inkluderande, generöst och genomtänkt. Innehållet kommer inte först eller sist, det händer hela tiden – det är innehållet som är din verksamhet. Innehållet visar din avsikt.”

Om problemet med att ta fram visuell design innan innehållet är klart, så att innehållet måste pressas in i en illasittande kostym. Lösningen: börja med en innehållsprototyp som ger underlag för den grafiska formen. I september 2016 visade jag hur långt man kommer genom att, tillsammans med alla intressenter, arbeta enbart med text som designmaterial.

Läs mer
  • Jag inledde på lorem ipsum. Ingen spelar in Stranger Things och lägger till dialogen efteråt, och ingen bygger GTA utan manus. Ändå godkänns, byggs och testas webbplatser ofta innan någon har skrivit ett ord.
  • Användarens resa behöver vägskyltar, inte godis – puffar, ikoner och annonser som distraherar. Som en agilityhund som går vilse bland godbitarna.
  • Innehåll definierar struktur, inte tvärtom. Annars får man högerspalter som redaktörer måste fylla bara för att sidan ska se balanserad ut.
  • Innehållsprototypen: ett gemensamt dokument, gärna i Google Docs, med det innehåll användarna behöver för att nå sina mål. Snabb, billig, begriplig för alla och testbar med användare – och bra för tillgängligheten, med mobile first på köpet.
  • Syfte, budskap, värde och nytta skrivs överst på varje sida, och texten skrivs om iterativt – som när jag förbättrade en tweet live från scenen.
  • Ett genomarbetat exempel med Försäkringskassans innehåll: design som förstärker innehållet i stället för att fyllas med det. Färg i stället för ikoner för områdena, hela nyhetsrubriker och stora klickytor i mobilen.
  • ”Det finns alltid innehåll” – den gamla sajten, konkurrenternas, eller börja skriva. ”Om man inte har en avsikt och kan kommunicera det i text, då är man bara väldigt duktig på att slösa pengar.”

Tillbaka till alla arbeten

Arbeten