65
GOD MORGON. Fredrik Lindersson, Söderhavet Kalle Paulsson, Nansen Samuel Svensson, Söderhavet

Kommunikation på webben

Embed Size (px)

DESCRIPTION

Presentation för eleverna på Jensen education den fjortonde oktober 2009.

Citation preview

Page 1: Kommunikation på webben

GOD MORGON.Fredrik Lindersson, Söderhavet

Kalle Paulsson, Nansen

Samuel Svensson, Söderhavet

Page 2: Kommunikation på webben

VAD ÄR DET VI GÖR?

Page 3: Kommunikation på webben

LITEN GRUNDKURS I INFORMA-TIONSTEORI

Page 4: Kommunikation på webben

KOMMUNIKATION:ATT ÖVERFÖRAINFORMATIONFRÅN PUNKT ATILLPUNKT B

Page 5: Kommunikation på webben

BRUS MOTTAGARESÄNDARE

TEORI:

Page 6: Kommunikation på webben

WEBB ANVÄNDAREBESTÄLLARE

PRAKTIK:

Page 7: Kommunikation på webben

ANVÄNDAREBESTÄLLARE VD

CD

Pro

jektle

dare

Pro

du

ktio

nsle

dare

Usab

ilit

yg

uru

s

Ko

ncep

tu

tveckla

re

AD

Interaktio

nsd

esig

ners

AD

-­ass

CS

S/H

TM

L-­are

backen

du

tveckla

re

Tekn

isk p

ro

du

ktio

nsle

dare

System

arkit

ekter

Serverskäg

g

Datala

gerad

min

istratö

rer

Co

pyw

rit

ers

Web

bred

aktö

rer

Page 8: Kommunikation på webben

LITEN HISTORIK

Page 9: Kommunikation på webben

ANVÄNDAREBESTÄLLARE REKLAM-BYRÅ PRODUCENT

Page 10: Kommunikation på webben

PRYLAR PÅ ETT SKRIVBORD. ELLER EN BOK MAN KAN BLÄDDRA I. GÄRNA I FLASH.

Page 11: Kommunikation på webben

ANVÄNDAREBESTÄLLARE UTVECKLARE DESIGNERS

Page 12: Kommunikation på webben

NÅGOT SMART OCH AVANCERAT SOM FÅ LYCKAS ANVÄNDA (SORRY)

Page 13: Kommunikation på webben

ANVÄNDAREBESTÄLLARE DESIGNERS UTVECKLARE

Page 14: Kommunikation på webben

MYCKET YTA, MYCKET LITE INNEHÅLL.

Page 15: Kommunikation på webben

VAD GÖRA?

Page 16: Kommunikation på webben

MINIMERA BRUSET!

Page 17: Kommunikation på webben

HUR?

Page 18: Kommunikation på webben

DESIGNERS UTVECKLARE ANVÄNDAREBESTÄLLARE

Page 19: Kommunikation på webben

DESIGNERS

ANVÄNDARE

UTVECKLARE

GEMENSAM ITERATIV PROCESS

BESTÄLLAREDIALOG

Page 20: Kommunikation på webben

DESIGNERS

ANVÄNDARE

UTVECKLARE

GEMENSAM ITERATIV PROCESS

BESTÄLLAREDIALOG

Page 21: Kommunikation på webben

ÖMSESIDIGFÖRSTÅELSE

Page 22: Kommunikation på webben

ALLA ROLLER MED FRÅN BÖRJAN

Page 23: Kommunikation på webben

ALLAI SAMMA RUM(DISTANSARBETE SKAPAR BRUS)

Page 24: Kommunikation på webben

DIALOG

DESIGNERS

UTVECKLARE

ANVÄNDAREBESTÄLLARE

Page 25: Kommunikation på webben

TÄTA AVSTÄMNINGAR

Page 26: Kommunikation på webben

TESTA TIDIGTTESTA OFTA

Page 27: Kommunikation på webben

TESTA TIDIGTTESTA OFTATESTA FÖR MÄNNISKOR

Page 28: Kommunikation på webben

PAPPERPDFWIREFRAMESHTML

Page 29: Kommunikation på webben

BESTÄLLARE

DESIGNERS

UTVECKLARE

TESTARE/ANVÄNDARE

Page 30: Kommunikation på webben

AKTIVITETER&

LEVERABLER

Page 31: Kommunikation på webben

ANALYS

INFORMATIONS-DESIGNINTERAKTIONS-DESIGN

FUNKTIONSSPEC.INNEHÅLLSSPEC.

GRAFISK DESIGN

TEKNISK SPECARKITEKTUR

LÖPANDE DESIGN

UTVECKLING AV WEBBPLATSENTESTER DESIGN FUNKTION OCH INNEHÅLL

OK

LANSERING INNEHÅLLS-ARBETE TRAFIK-GENERERING

UTBILDNINGMANUAL INNEHÅLLSARBETE

OK

SPRINT SPRINT SPRINT

KORTA AVSTÄMNINGAR

LÖPANDE TESTER

Page 32: Kommunikation på webben

ANALYS

Page 33: Kommunikation på webben

INLÄSNINGINVENTERINGPROBLEMSTÄLLNING

Page 34: Kommunikation på webben

REGLAGE

SYFTEMÅLGRUPPLOOK & FEEL

Page 35: Kommunikation på webben

REGLAGE

SYFTEMÅLGRUPPLOOK & FEEL

REGLAGE

Page 36: Kommunikation på webben

REGLAGE

SYFTEMÅLGRUPPLOOK & FEEL

REGLAGE

Page 37: Kommunikation på webben

MOODBOARD

Page 38: Kommunikation på webben

KONCEPTSTRATEGIARKITEKTURFUNKTION

Page 39: Kommunikation på webben

gunneboindustries.com, .se, .no, .co.uk etc. IR

Retailers ¥!$!

About GI

User flow for productsProduct in context,promote “windowshopping”.

About Busi-ness area

About Busi-ness area

About Busi-ness area

Language etc.

Cases

Fastening

Product

Product

Product Product

SecurityMethods for testing etc.

QualityMethods for quality assurance

Lifting Traction systems Potential newbusiness areas

Products

Products

Possible webshop

Solutions

Page 40: Kommunikation på webben

BACKLOG

BEHOV

FUNKTIONALITET

LÖSNINGSFÖRSLAG

Page 41: Kommunikation på webben

INFORMATIONSSTRUKTURINFORMATIONSARKITEKTURINFORMATIONSDESIGN

Page 42: Kommunikation på webben

CARD SORTING

Page 43: Kommunikation på webben

SITEMAP

Page 44: Kommunikation på webben

FLÖDESSCHEMA

Page 45: Kommunikation på webben

KONVERTERINGSFLÖDE

Page 46: Kommunikation på webben

INTER-AKTIONS-DESIGN

Page 47: Kommunikation på webben

SKISSER

Page 48: Kommunikation på webben

WIREFRAMES

Page 49: Kommunikation på webben

WIREFRAMES

Page 50: Kommunikation på webben

WIREFRAMES

Page 51: Kommunikation på webben

KOMPONENTER

Page 52: Kommunikation på webben

PATTERNS

Page 53: Kommunikation på webben

ELLER?

Page 54: Kommunikation på webben

ELLER?

Page 55: Kommunikation på webben

ELLER?

Page 56: Kommunikation på webben

GRÄNS-SNITTS-DESIGN

Page 57: Kommunikation på webben

PATTERNS OCH KONVEN-TIONER

http://www.flickr.com/alienspacer/

Page 58: Kommunikation på webben

960-GRIDEN

Page 59: Kommunikation på webben

TYPOGRAFI

“Web Design is 95% Typography”http://informationarchitects.jp/the-web-is-all-about-typography-period/

Page 60: Kommunikation på webben

CSS ÄR ETT DESIGN-VERKTYG! (MEN JAG HAR INTE LYCKATS ÖVERTYGA ALLA OM DET ÄNNU)

Page 61: Kommunikation på webben
Page 62: Kommunikation på webben

OCH FÖRSTÅS:PHOTOSHOPSKISSER(DET SER UT SOM WEBB,MEN DET ÄR DET INTE!)

Page 63: Kommunikation på webben

OCH SEN DÅ?

Page 64: Kommunikation på webben

DESIGNERS

ANVÄNDARE

UTVECKLAREBESTÄLLARE

KOLLA KOLLA!MYCKET LITE BRUS!

Page 65: Kommunikation på webben

TACK.FRÅGOR?

http://www.soderhavet.comhttp://www.nansen.se