Kommunikation på webben

GOD MORGON.Fredrik Lindersson, Söderhavet

Kalle Paulsson, Nansen

Samuel Svensson, Söderhavet

VAD ÄR DET VI GÖR?

LITEN GRUNDKURS I INFORMA-TIONSTEORI

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

BRUS MOTTAGARESÄNDARE

TEORI:

WEBB ANVÄNDAREBESTÄLLARE

PRAKTIK:

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

LITEN HISTORIK

ANVÄNDAREBESTÄLLARE REKLAM-BYRÅ PRODUCENT

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

ANVÄNDAREBESTÄLLARE UTVECKLARE DESIGNERS

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

ANVÄNDAREBESTÄLLARE DESIGNERS UTVECKLARE

MYCKET YTA, MYCKET LITE INNEHÅLL.

VAD GÖRA?

MINIMERA BRUSET!

HUR?

DESIGNERS UTVECKLARE ANVÄNDAREBESTÄLLARE

DESIGNERS

ANVÄNDARE

UTVECKLARE

GEMENSAM ITERATIV PROCESS

BESTÄLLAREDIALOG

DESIGNERS

ANVÄNDARE

UTVECKLARE

GEMENSAM ITERATIV PROCESS

BESTÄLLAREDIALOG

ÖMSESIDIGFÖRSTÅELSE

ALLA ROLLER MED FRÅN BÖRJAN

ALLAI SAMMA RUM(DISTANSARBETE SKAPAR BRUS)

DIALOG

DESIGNERS

UTVECKLARE

ANVÄNDAREBESTÄLLARE

TÄTA AVSTÄMNINGAR

TESTA TIDIGTTESTA OFTA

TESTA TIDIGTTESTA OFTATESTA FÖR MÄNNISKOR

PAPPERPDFWIREFRAMESHTML

BESTÄLLARE

DESIGNERS

UTVECKLARE

TESTARE/ANVÄNDARE

AKTIVITETER&

LEVERABLER

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

ANALYS

INLÄSNINGINVENTERINGPROBLEMSTÄLLNING

REGLAGE

SYFTEMÅLGRUPPLOOK & FEEL

REGLAGE

SYFTEMÅLGRUPPLOOK & FEEL

REGLAGE

REGLAGE

SYFTEMÅLGRUPPLOOK & FEEL

REGLAGE

MOODBOARD

KONCEPTSTRATEGIARKITEKTURFUNKTION

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

BACKLOG

BEHOV

FUNKTIONALITET

LÖSNINGSFÖRSLAG

INFORMATIONSSTRUKTURINFORMATIONSARKITEKTURINFORMATIONSDESIGN

CARD SORTING

SITEMAP

FLÖDESSCHEMA

KONVERTERINGSFLÖDE

INTER-AKTIONS-DESIGN

SKISSER

WIREFRAMES

WIREFRAMES

WIREFRAMES

KOMPONENTER

PATTERNS

ELLER?

ELLER?

ELLER?

GRÄNS-SNITTS-DESIGN

PATTERNS OCH KONVEN-TIONER

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

960-GRIDEN

TYPOGRAFI

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

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

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

OCH SEN DÅ?

DESIGNERS

ANVÄNDARE

UTVECKLAREBESTÄLLARE

KOLLA KOLLA!MYCKET LITE BRUS!

TACK.FRÅGOR?

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