Top Banner
04-03-2015 morgenbooster - 10 tips til dit næste website
78

Kogebog: 10 tips til dit næste website / Morgenbooster

Jul 14, 2015

Download

Business

1508 A/S
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Kogebog: 10 tips til dit næste website / Morgenbooster

04-03-2015morgenbooster - 10 tips til dit næste website

Page 2: Kogebog: 10 tips til dit næste website / Morgenbooster

KOGEBOG: 10 TIPS TIL DIT NÆSTE WEBSITE

MORGENBOOSTER 2015

Page 3: Kogebog: 10 tips til dit næste website / Morgenbooster

VI SKAL HA’ ET NYTWEBSITE…

OPDRAGET…

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 4: Kogebog: 10 tips til dit næste website / Morgenbooster

DET SKAL VÆRERESPONSIVT…

VI SKAL HAVE NYTEKNISK PLATFORM…

VI HAR FÅET NY CHEF…

OFTE SKYLDES DET EN YDRE OMSTÆNDIGHED…

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 5: Kogebog: 10 tips til dit næste website / Morgenbooster

MEN HVAD SKAL DETKUNNE?

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 6: Kogebog: 10 tips til dit næste website / Morgenbooster

VI STARTER DET RIGTIGE STED

WHAT

HOW

WHYSTART FROM THE ‘WHY’ AND

WORK YOUR WAY DOWN

04-03-2015morgenbooster - 10 tips til dit næste website

Page 7: Kogebog: 10 tips til dit næste website / Morgenbooster

VI ØNSKER OS EN DIGITAL PLATFORM, DER GRADVIST BLIVERBEDRE

– IKKE DÅRLIGERE…

OG LAD OS BARE VÆRE AMBITIØSE

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 8: Kogebog: 10 tips til dit næste website / Morgenbooster

DET BETYDER DET FOR PROCESSEN

04-03-2015morgenbooster - 10 tips til dit næste website

Page 9: Kogebog: 10 tips til dit næste website / Morgenbooster

HVORDAN ER VI GEARET TIL ET

04-03-2015morgenbooster - 10 tips til dit næste website

Løsning

Organisering

Mindset

Page 10: Kogebog: 10 tips til dit næste website / Morgenbooster

1: HVILKE PROBLEMERSKAL VI LØSE FOR FORRETNINGEN?

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 11: Kogebog: 10 tips til dit næste website / Morgenbooster

FORRETNINGSSPØRGSMÅL

HVAD LEVER VI AF?

HVAD ER PLANEN FOR VORES FORRETNING?

HVOR ER DER UDFORDRINGER MED VORES EKSISTERENDEFORRETNINGER?

HVILKE MULIGHEDER HAR VI?

HVEM ER KONKURRENTER OG HVEM ER PARTNER?

HVORDAN FÅR VI VIDEN OM KUNDEBEHOV?

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 12: Kogebog: 10 tips til dit næste website / Morgenbooster

HVOR MEGET VILLE DU GI?

04-03-2015morgenbooster - 10 tips til dit næste website

Page 13: Kogebog: 10 tips til dit næste website / Morgenbooster

HVAD FORVENTER FORRETNINEGN AT FÅ?

04-03-2015morgenbooster - 10 tips til dit næste website

Page 14: Kogebog: 10 tips til dit næste website / Morgenbooster

VI HAR JO IKKE NOGET MAN KOMMER I EN KURV, SOM SÅDAN…

04-03-2015morgenbooster - 10 tips til dit næste website

Page 15: Kogebog: 10 tips til dit næste website / Morgenbooster

FORRETNINGSSPØRGSMÅL

VI ER CA 3000 MEDARBEJDERE I VIRKSOMHEDEN

ET MINUT HAR EN VÆRDI AF 4,50 KR PR MEDARBEJDER

ET MINUT I SVARER SAMLET TIL 13.500,00 KR

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 16: Kogebog: 10 tips til dit næste website / Morgenbooster

FIND PROBLEMET

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 17: Kogebog: 10 tips til dit næste website / Morgenbooster

OG DEFINER DIN HYPOTESE – INKL MÅL OG KPI’ER

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 18: Kogebog: 10 tips til dit næste website / Morgenbooster

2: HVILKE PROBLEMERSKAL VI LØSE FOR FOR VORES KUNDER?

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 19: Kogebog: 10 tips til dit næste website / Morgenbooster

EN LILLE SPØRGEGUIDE TIL KUNDEBESKRIVELSER

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 20: Kogebog: 10 tips til dit næste website / Morgenbooster

PRAKTISK ØVELSE: HVILKEN KNAP?

04-03-2015morgenbooster - 10 tips til dit næste website

Page 21: Kogebog: 10 tips til dit næste website / Morgenbooster

3: HVAD MED SAMSPILLET MED ANDREKANALER?

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 22: Kogebog: 10 tips til dit næste website / Morgenbooster

04-03-2015morgenbooster - 10 tips til dit næste website

Page 23: Kogebog: 10 tips til dit næste website / Morgenbooster

KANALSAMMENHÆNG

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 24: Kogebog: 10 tips til dit næste website / Morgenbooster

KANALSTRATEGI – HVOR GØR VI HVAD?

morgenbooster - 10 tips til dit næste website

WEB

04-03-2015

Page 25: Kogebog: 10 tips til dit næste website / Morgenbooster

PLANLÆGNING

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 26: Kogebog: 10 tips til dit næste website / Morgenbooster

MAPPINGVÆRKTØJ

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 27: Kogebog: 10 tips til dit næste website / Morgenbooster

4: HVAD MED INDHOLD?

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 28: Kogebog: 10 tips til dit næste website / Morgenbooster

04-03-2015morgenbooster - 10 tips til dit næste website

Page 29: Kogebog: 10 tips til dit næste website / Morgenbooster

ROLLER

04-03-2015morgenbooster - 10 tips til dit næste website

Page 30: Kogebog: 10 tips til dit næste website / Morgenbooster

VÆRKTØJER

04-03-2015morgenbooster - 10 tips til dit næste website

Page 31: Kogebog: 10 tips til dit næste website / Morgenbooster

PRODUKTION OG OPTIMERING

04-03-2015morgenbooster - 10 tips til dit næste website

Page 32: Kogebog: 10 tips til dit næste website / Morgenbooster

5: HVAD MED PLANEN?

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 33: Kogebog: 10 tips til dit næste website / Morgenbooster

FÆLLES TAVLE – FÆLLES RUM

morgenbooster - 10 tips til dit næste website

Aktiviteter

Opgaver

Møder

Ideer

Identificerede

problemstillinger

Kontaktdata

04-03-2015

Page 34: Kogebog: 10 tips til dit næste website / Morgenbooster

6: HVORDAN SIKRER JEG, AT MIT INDHOLD ERTILGÆNGELIGT?

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 35: Kogebog: 10 tips til dit næste website / Morgenbooster

04-03-2015morgenbooster - 10 tips til dit næste website

RESPONSIVE WEB DESIGN

Page 36: Kogebog: 10 tips til dit næste website / Morgenbooster

04-03-2015morgenbooster - 10 tips til dit næste website

ADAPTIVE CONTENT

Page 37: Kogebog: 10 tips til dit næste website / Morgenbooster

04-03-2015morgenbooster - 10 tips til dit næste website

NATIONAL PUBLIC RADIO

Page 38: Kogebog: 10 tips til dit næste website / Morgenbooster

NPR CONTENT

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 39: Kogebog: 10 tips til dit næste website / Morgenbooster

NPR API

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 40: Kogebog: 10 tips til dit næste website / Morgenbooster

NPR WEBSITE

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 41: Kogebog: 10 tips til dit næste website / Morgenbooster

morgenbooster - 10 tips til dit næste website

IPHONE APP Android AppMobile Site

04-03-2015

Page 42: Kogebog: 10 tips til dit næste website / Morgenbooster

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 43: Kogebog: 10 tips til dit næste website / Morgenbooster

NPR FACEBOOK

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 44: Kogebog: 10 tips til dit næste website / Morgenbooster

NPR YOUTUBE

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 45: Kogebog: 10 tips til dit næste website / Morgenbooster

NPR.ORG AUDIO PLAYER

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 46: Kogebog: 10 tips til dit næste website / Morgenbooster

7: HVORDAN VÆLGER JEGDET RIGTIGE CMS?

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 47: Kogebog: 10 tips til dit næste website / Morgenbooster

EVERYONE GETS A CMS!

04-03-2015morgenbooster - 10 tips til dit næste website

Page 48: Kogebog: 10 tips til dit næste website / Morgenbooster

04-03-2015morgenbooster - 10 tips til dit næste website

CMS PARAMETER

Page 49: Kogebog: 10 tips til dit næste website / Morgenbooster

CONTENT MANAGEMENT

IKKE

WEBPAGE MANAGEMENT

CMS

04-03-2015morgenbooster - 10 tips til dit næste website

Page 50: Kogebog: 10 tips til dit næste website / Morgenbooster

8: HVILKE FRAMEWORKS SKAL DER BRUGES?

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 51: Kogebog: 10 tips til dit næste website / Morgenbooster

FRAMEWORK GALORE

04-03-2015morgenbooster - 10 tips til dit næste website

Page 52: Kogebog: 10 tips til dit næste website / Morgenbooster

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 53: Kogebog: 10 tips til dit næste website / Morgenbooster

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 54: Kogebog: 10 tips til dit næste website / Morgenbooster

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 55: Kogebog: 10 tips til dit næste website / Morgenbooster

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 56: Kogebog: 10 tips til dit næste website / Morgenbooster

FRAMEWORKS

• DU BEHØVER IKKE VÆRE UDVIKLER

• MINDRE TID OG FÆRRE RESURSER

• PLUG-AND-PLAY FUNKTIONALITETER

• STABIL OG GENNEMTESTET KODE

• FEJLRETTELSE OG VIDEREUDVIKLING

VARETAGES

• NEMT(ISH) AT GIVE VIDERE

• MEGET UNØDIG KODE

• BEHOV FOR AT BRUGE TID PÅ AT

TILPASSE TIL DIT BEHOV

• CHANCE FOR AT DIT SITE LIGNER DE

ANDRE

• INGEN KONTROL OVER KODEN

04-03-2015morgenbooster - 10 tips til dit næste website

Page 57: Kogebog: 10 tips til dit næste website / Morgenbooster

CUSTOM CODE

• OPTIMERET TIL DIT BEHOV

• KUN HVAD DU HAR BRUG FOR, LAVET

SOM DU VIL HAVE DET

• FULD KONTROL OVER KODEBASEN

• ÉN SAMLET KODEBASE

• MERE TID OG FLERE RESSOURCER

• DU SKAL SELV TESTE OG

VEDLIGEHOLDE AL KODE

• BUG FIXES, OPDATERINGER OG NYE

FUNKTIONER SKAL BYGGES AF DIG

• DU STÅR FOR DOKUMENTATIIONEN

• SVÆRT AT OVERLEVERE

04-03-2015morgenbooster - 10 tips til dit næste website

Page 58: Kogebog: 10 tips til dit næste website / Morgenbooster

04-03-2015morgenbooster - 10 tips til dit næste website

DEN 3. VEJ

Page 59: Kogebog: 10 tips til dit næste website / Morgenbooster

9: HVORFOR SKAL JEGHAVE ET “PERFORMANCE BUDGET”?

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 60: Kogebog: 10 tips til dit næste website / Morgenbooster

04-03-2015morgenbooster - 10 tips til dit næste website

FROM TIME TO TIME I GET ASKED WHAT I DO FOR A LIVING. WHENEVER I

MENTION THAT I WORK IN MOBILE, I’VE HAD PEOPLE IMMEDIATELY REACT

FACEBOOK SUCKS!

WHY SUCH AN IMMEDIATE, VISCERAL REACTION? THEY AREN’T REACTING TO THE

INTUITIVENESS OF FACEBOOK’S NAVIGATION, NOR QUESTIONING THE ELEGANCE

OF THE TIMELINE REDESIGN. THE WHOLE FACEBOOK CLUSTERFUDGE HAD

EVERYTHING TO DO WITH THE FACT THAT THEIR APP WAS SLOW AS SHIT.

http://bradfrost.com/blog/post/performance-as-design/

BRAD FROST

Page 61: Kogebog: 10 tips til dit næste website / Morgenbooster

morgenbooster - 10 tips til dit næste website

75% af alle mobilbrugere vil forlade dit site,

hvis det tager mere end 5 sekunder at loade

04-03-2015

Page 62: Kogebog: 10 tips til dit næste website / Morgenbooster

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 63: Kogebog: 10 tips til dit næste website / Morgenbooster

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 64: Kogebog: 10 tips til dit næste website / Morgenbooster

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 65: Kogebog: 10 tips til dit næste website / Morgenbooster

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 66: Kogebog: 10 tips til dit næste website / Morgenbooster

GOOD PERFORMANCE IS GOOD DESIGN

morgenbooster - 10 tips til dit næste website

“The goal of this project is to create a stunning, flexible,

lightning-fast experience…”

HTTP://BRADFROST.COM/BLOG/POST/PERFORMANCE-AS-DESIGN/

04-03-2015

Page 67: Kogebog: 10 tips til dit næste website / Morgenbooster

10:HVORDAN!!?

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 68: Kogebog: 10 tips til dit næste website / Morgenbooster

morgenbooster - 10 tips til dit næste website

VANDFALDS UDVIKLING

STRATEGI

UX/IA

DESIGN

INTERFACE

UDVIKLING

04-03-2015

Page 69: Kogebog: 10 tips til dit næste website / Morgenbooster

AGIL UDVIKLING

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 70: Kogebog: 10 tips til dit næste website / Morgenbooster

LABORATORIEUDVIKLING

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 71: Kogebog: 10 tips til dit næste website / Morgenbooster

DYNAMISK FREM FOR STATISK LEVERANCE

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 72: Kogebog: 10 tips til dit næste website / Morgenbooster

PROTOTYPING FRA STARTEN

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 73: Kogebog: 10 tips til dit næste website / Morgenbooster

DESIGN (SÅ MEGET SOM MULIGT) I BROWSEREN

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 74: Kogebog: 10 tips til dit næste website / Morgenbooster

FORVENT STYLE TILES FREM FOR PHOTOSHOP OG ILLUSTRATOR

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 75: Kogebog: 10 tips til dit næste website / Morgenbooster

PATTERNS/STYLE GUIDES BRINGER DET HELE SAMMEN

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 76: Kogebog: 10 tips til dit næste website / Morgenbooster

STYLE GUIDES GØR SITET LET AT VEDLIGEHOLDE OG UDVIKLE

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 77: Kogebog: 10 tips til dit næste website / Morgenbooster

morgenbooster - 10 tips til dit næste website 04-03-2015

Page 78: Kogebog: 10 tips til dit næste website / Morgenbooster

NÆSTE MORGENBOOSTER:

DIGITALE KPI’ERTORSDAG DEN 26. MARTS

04-03-2015morgenbooster - 10 tips til dit næste website