innehåll först med innehållsprototyper

59
Innehåll förmed innehållsprototyper @axbom

Upload: per-axbom

Post on 18-Feb-2017

475 views

Category:

Business


0 download

TRANSCRIPT

Innehåll förstmed innehållsprototyper

@axbom

@a

xb

om

Lorem!

Ipsum! Dolor sit!

Amet!

@a

xb

om

@a

xb

om

Hur gör vi när vi ska bygga en ny webbplats?

@a

xb

om

– Hur ska den se ut?

@a

xb

om

@a

xb

om DIN WEBBPLATS ÄR        DETTA        DIN        WEBBPLATS

VI ÄR UNIKA

LÄS MER

Vi är oerhört unika och särskiljer oss från alla våra konkurrenter. Även om vår webbplats ser likadan ut.

Alltid. Tre. Kolumner.Vi skulle kunna ha fyra kolumner. Men alla andra har ju tre.

Vi kände oss kreativa så vill la en bild på en

leende kvinna här.

Webbplatsen dikterar alltså att vi begränsar

oss till 3 tjänster.

Idén stulen, med all respekt, av: Dave Ellis. / novolume.co.uk

@a

xb

om

@a

xb

om

@a

xb

om

– Hur snygg som helst, nu testar vi!

@a

xb

om

– Vänta, var det här innehållet ni ville kommunicera?

@a

xb

om

Ingen vågar ta ansvar för

innehållet. Alla vet nämligen

att om innehållet inte

matchar behoven är sajten

värdelös.

@a

xb

om

Användarens resa

@a

xb

om

Användarens resa

@a

xb

om

Användarens resa

@a

xb

om

@a

xb

om DIN WEBBPLATS ÄR        DETTA        DIN        WEBBPLATS

Rubriken skriver vi någonstans mitt på sidan

Här är det innehåll du som användare söker. Är du inte glad att du hittade fram hit? Beroende på vilken sida du hamnat på så kanske det här i och för sig kanske bara utfyllnadstext som leder dig vidare till det innehåll som egentligen hjälper dig att komma vidare. Vi behövde den här sidan för designern byggde det så. Lycka till!

Alternativ 1

Alternativ 2

Alternativ 3

Alternativ 4

Alternativ 5

Alternativ 6

Alternativ 7

Alternativ 8

Eftersom vi inte litar på att du hittar något så lägger vi för säkerhet skull alla länkar en gång till i sidfoten också.

Lorem ipsumLorem ipsumLorem ipsumLorem ipsum

Lorem ipsumLorem ipsumLorem ipsumLorem ipsum

Lorem ipsumLorem ipsumLorem ipsumLorem ipsum

Gå vidare till det riktiga innehållet

Mer sakerEftersom vi inte klarar av att lösa ditt problem på den här sidan så vill vi tipsa om andra sidor.

Ännu mer sakerSidan blir obalanserad om vi inte lägger något här så vi bad Jimmy hitta på något. Det blev en puff.

Här i högerkanten lägger vi också några länkar som ingen orkar förvalta:

Några länkar

Lorem ipsumLorem ipsum

Avdelning 1 Avdelning 2 Avdelning 3 Avdelning 4 Avdelning 5

@a

xb

om DIN WEBBPLATS ÄR        DETTA        DIN        WEBBPLATS

Rubriken skriver vi någonstans mitt på sidan

Här är det innehåll du som användare söker. Är du inte glad att du hittade fram hit? Beroende på vilken sida du hamnat på så kanske det här i och för sig kanske bara utfyllnadstext som leder dig vidare till det innehåll som egentligen hjälper dig att komma vidare. Vi behövde den här sidan för designern byggde det så. Lycka till!

Alternativ 1

Alternativ 2

Alternativ 3

Alternativ 4

Alternativ 5

Alternativ 6

Alternativ 7

Alternativ 8

Eftersom vi inte litar på att du hittar något så lägger vi för säkerhet skull alla länkar en gång till i sidfoten också.

Lorem ipsumLorem ipsumLorem ipsumLorem ipsum

Lorem ipsumLorem ipsumLorem ipsumLorem ipsum

Lorem ipsumLorem ipsumLorem ipsumLorem ipsum

Gå vidare till det riktiga innehållet

Mer sakerEftersom vi inte klarar av att lösa ditt problem på den här sidan så vill vi tipsa om andra sidor.

Ännu mer sakerSidan blir obalanserad om vi inte lägger något här så vi bad Jimmy hitta på något. Det blev en puff.

Här i högerkanten lägger vi också några länkar som ingen orkar förvalta:

Några länkar

Lorem ipsumLorem ipsum

Avdelning 1 Avdelning 2 Avdelning 3 Avdelning 4 Avdelning 5

@a

xb

om DIN WEBBPLATS ÄR        DETTA        DIN        WEBBPLATS

Rubriken skriver vi någonstans mitt på sidan

Här är det innehåll du som användare söker. Är du inte glad att du hittade fram hit? Beroende på vilken sida du hamnat på så kanske det här i och för sig kanske bara utfyllnadstext som leder dig vidare till det innehåll som egentligen hjälper dig att komma vidare. Vi behövde den här sidan för designern byggde det så. Lycka till!

Alternativ 1

Alternativ 2

Alternativ 3

Alternativ 4

Alternativ 5

Alternativ 6

Alternativ 7

Alternativ 8

Eftersom vi inte litar på att du hittar något så lägger vi för säkerhet skull alla länkar en gång till i sidfoten också.

Lorem ipsumLorem ipsumLorem ipsumLorem ipsum

Lorem ipsumLorem ipsumLorem ipsumLorem ipsum

Lorem ipsumLorem ipsumLorem ipsumLorem ipsum

Gå vidare till det riktiga innehållet

Mer sakerEftersom vi inte klarar av att lösa ditt problem på den här sidan så vill vi tipsa om andra sidor.

Ännu mer sakerSidan blir obalanserad om vi inte lägger något här så vi bad Jimmy hitta på något. Det blev en puff.

Här i högerkanten lägger vi också några länkar som ingen orkar förvalta:

Några länkar

Lorem ipsumLorem ipsum

Avdelning 1 Avdelning 2 Avdelning 3 Avdelning 4 Avdelning 5

Nej, men ser man på, där är ju innehållet jag ville läsa!

@a

xb

om

Innehålldefinierar

struktur.

Inte

tv ärtom!

@a

xb

om

@a

xb

om

@a

xb

om

@a

xb

om

@a

xb

om

@a

xb

om

innehållsprototyp

Vad menas med ?

innehållsprototyp

Ett dokument med det innehåll användaren behöver för att

uppfylla sina mål.

En

…alltså inte ett dokument med vackra bilder som får webbägaren att må bra och känna sig viktig.

@a

xb

om

Grafisk design som inte

utgår från innehåll är inte

design, det är på sin höjd

estetisk verksamhet.

Jag dekorerar webbplatser.Vad gör du?

@a

xb

om En innehållsprototyp

@a

xb

om En innehållsprototyp

Utgår från riktiga behov.

Måste inte läsa tankar

@a

xb

om En innehållsprototyp

Utgår från riktiga behov.

Är snabb och kostnadseffektiv.

Måste inte läsa tankar

@a

xb

om En innehållsprototyp

Förstås av alla.Utgår från riktiga behov.

Är tillgänglig för alla att bidra.

Är snabb och kostnadseffektiv. Även användare

Måste inte läsa tankar

@a

xb

om En innehållsprototyp

Förstås av alla.Utgår från riktiga behov.

Är tillgänglig för alla att bidra.

Är snabb och kostnadseffektiv.

Hittar inte på egenskaper.

Även användare

Måste inte läsa tankar

@a

xb

om En innehållsprototyp

Förstås av alla.Utgår från riktiga behov.

Är tillgänglig för alla att bidra.

Är guld värd för en visuell designer.

Är snabb och kostnadseffektiv.

Hittar inte på egenskaper.

Även användare

Måste inte läsa tankar

@a

xb

om En innehållsprototyp

Förstås av alla.Utgår från riktiga behov.

Är tillgänglig för alla att bidra.

Är guld värd för en visuell designer.

Är snabb och kostnadseffektiv.

Hittar inte på egenskaper.

Måste inte passa en struktur.

Gör att vi jobbar iterativt med innehåll.

Även användare

Måste inte läsa tankar

@a

xb

om En innehållsprototyp

Förstås av alla.Utgår från riktiga behov.

Är tillgänglig för alla att bidra.

Är guld värd för en visuell designer.

Är framtidssäker.

Är snabb och kostnadseffektiv.

Hittar inte på egenskaper.

Måste inte passa en struktur.

Gör att vi jobbar iterativt med innehåll.

Stöd för tillgänglighet Plattformsoberoende

Mobile first

Även användare

Måste inte läsa tankar

@a

xb

om En innehållsprototyp

kan användas för en webbsida, en app… ja, till och med en tweet.

Syfte: Dra trafik till en landningssida. Bygg varumärke. För: deltagare på Webbdagarna

Välkomna att ladda ner en gratis innehållsprototyp på axbom.se/ipro

@a

xb

om En innehållsprototyp

kan användas för en webbsida, en app… ja, till och med en tweet.

Plats för exempel

Syfte: Dra trafik till en landningssida. Bygg varumärke. För: deltagare på Webbdagarna

Välkomna att ladda ner en gratis innehållsprototyp på axbom.se/ipro

Syfte: Dra trafik till en landningssida. Bygg varumärke. För: deltagare på Webbdagarna

Vill du bli tydligare med syfte, budskap och värde som din tjänst ger? Använd en innehållsprototyp. axbom.se/ipro #webbdagarna

@a

xb

om En innehållsprototyp

kan användas för en webbsida, en app… ja, till och med en tweet.

Plats för exempel

Syfte: Dra trafik till en landningssida. Bygg varumärke. För: deltagare på Webbdagarna

Välkomna att ladda ner en gratis innehållsprototyp på axbom.se/ipro

Syfte: Dra trafik till en landningssida. Bygg varumärke. För: deltagare på Webbdagarna

Vill du bli tydligare med syfte, budskap och värde som din tjänst ger? Använd en innehållsprototyp. axbom.se/ipro #webbdagarna

Plats för exempelSyfte: Dra trafik till en landningssida. Bygg varumärke. För: deltagare på Webbdagarna

Fet *facepalm* när visuell design kommer före innehåll. Ligg ljusår före, använd en innehållsprototyp: axbom.se/ipro #webbdagarna

@a

xb

om

–Matt Jones

“Skribenter är världens snabbaste designers.”

@a

xb

om

–Abby Covert

“Skrivande kommunicerar avsikt.”

@a

xb

om En innehållsprototyp

kommunicerar tydligt syfte, värde och nytta.

@a

xb

om

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.

@a

xb

om

enwebbsida.se

@a

xb

om

enwebbsida.se/fk

@a

xb

om

enwebbsida.se/fk

@a

xb

om

enwebbsida.se/fk

@a

xb

om

enwebbsida.se/fk

@a

xb

om

enwebbsida.se/fk

@a

xb

om

enwebbsida.se/fk

@a

xb

om

enwebbsida.se/fk

@a

xb

om

enwebbsida.se/fk

@a

xb

om

– Men vi har inget innehåll!

@a

xb

om

– Det finns alltid innehåll!

• Den gamla sajtens innehåll • Konkurrenters innehåll • Skriv innehållet!

@a

xb

om

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.

@a

xb

om

@a

xb

om

@axbom

Gratis mall för innehållsprototyp: axbom.se/ipro