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

Webbdesignerns syn på arbetsflödet

Embed Size (px)

DESCRIPTION

Arbetssätt och utvecklarens förhållningssätt till beställaren och till designen. Vad man kan förvänta sig för underlag och hur designintensiva teknikprojekt kan läggas upp för att bli smidiga och för att säkra kvaliteten hela vägen till färdig produkt. Föreläsning av Kalle Paulsson, Fredrik Lindersson, Samuel Svensson på Jensen Education.

Citation preview

Page 1: Webbdesignerns syn på arbetsflödet

GOD MORGON.Fredrik Lindersson, Söderhavet

Kalle Paulsson, Nansen

Samuel Svensson, Söderhavet

Page 2: Webbdesignerns syn på arbetsflödet

VAD ÄR DET VI GÖR?

Page 3: Webbdesignerns syn på arbetsflödet

LITEN GRUNDKURS I INFORMA-TIONSTEORI

Page 4: Webbdesignerns syn på arbetsflödet

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

Page 5: Webbdesignerns syn på arbetsflödet

BRUS MOTTAGARESÄNDARE

TEORI:

Page 6: Webbdesignerns syn på arbetsflödet

WEBB ANVÄNDAREBESTÄLLARE

PRAKTIK:

Page 7: Webbdesignerns syn på arbetsflödet

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: Webbdesignerns syn på arbetsflödet

LITEN HISTORIK

Page 9: Webbdesignerns syn på arbetsflödet

ANVÄNDAREBESTÄLLARE REKLAM-BYRÅ PRODUCENT

Page 10: Webbdesignerns syn på arbetsflödet

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

Page 11: Webbdesignerns syn på arbetsflödet

ANVÄNDAREBESTÄLLARE UTVECKLARE DESIGNERS

Page 12: Webbdesignerns syn på arbetsflödet

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

Page 13: Webbdesignerns syn på arbetsflödet

ANVÄNDAREBESTÄLLARE DESIGNERS UTVECKLARE

Page 14: Webbdesignerns syn på arbetsflödet

MYCKET YTA, MYCKET LITE INNEHÅLL.

Page 15: Webbdesignerns syn på arbetsflödet

VAD GÖRA?

Page 16: Webbdesignerns syn på arbetsflödet

MINIMERA BRUSET!

Page 17: Webbdesignerns syn på arbetsflödet

HUR?

Page 18: Webbdesignerns syn på arbetsflödet

DESIGNERS UTVECKLARE ANVÄNDAREBESTÄLLARE

Page 19: Webbdesignerns syn på arbetsflödet

DESIGNERS

ANVÄNDARE

UTVECKLARE

GEMENSAM ITERATIV PROCESS

BESTÄLLAREDIALOG

Page 20: Webbdesignerns syn på arbetsflödet

DESIGNERS

ANVÄNDARE

UTVECKLARE

GEMENSAM ITERATIV PROCESS

BESTÄLLAREDIALOG

Page 21: Webbdesignerns syn på arbetsflödet

ÖMSESIDIGFÖRSTÅELSE

Page 22: Webbdesignerns syn på arbetsflödet

ALLA ROLLER MED FRÅN BÖRJAN

Page 23: Webbdesignerns syn på arbetsflödet

ALLAI SAMMA RUM(DISTANSARBETE SKAPAR BRUS)

Page 24: Webbdesignerns syn på arbetsflödet

DIALOG

DESIGNERS

UTVECKLARE

ANVÄNDAREBESTÄLLARE

Page 25: Webbdesignerns syn på arbetsflödet

TÄTA AVSTÄMNINGAR

Page 26: Webbdesignerns syn på arbetsflödet

TESTA TIDIGTTESTA OFTA

Page 27: Webbdesignerns syn på arbetsflödet

TESTA TIDIGTTESTA OFTATESTA FÖR MÄNNISKOR

Page 28: Webbdesignerns syn på arbetsflödet

PAPPERPDFWIREFRAMESHTML

Page 29: Webbdesignerns syn på arbetsflödet

BESTÄLLARE

DESIGNERS

UTVECKLARE

TESTARE/ANVÄNDARE

Page 30: Webbdesignerns syn på arbetsflödet

AKTIVITETER&

LEVERABLER

Page 31: Webbdesignerns syn på arbetsflödet

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: Webbdesignerns syn på arbetsflödet

ANALYS

Page 33: Webbdesignerns syn på arbetsflödet

INLÄSNINGINVENTERINGPROBLEMSTÄLLNING

Page 34: Webbdesignerns syn på arbetsflödet

REGLAGE

SYFTEMÅLGRUPPLOOK & FEEL

Page 35: Webbdesignerns syn på arbetsflödet

REGLAGE

SYFTEMÅLGRUPPLOOK & FEEL

REGLAGE

Page 36: Webbdesignerns syn på arbetsflödet

REGLAGE

SYFTEMÅLGRUPPLOOK & FEEL

REGLAGE

Page 37: Webbdesignerns syn på arbetsflödet

MOODBOARD

Page 38: Webbdesignerns syn på arbetsflödet

KONCEPTSTRATEGIARKITEKTURFUNKTION

Page 39: Webbdesignerns syn på arbetsflödet

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: Webbdesignerns syn på arbetsflödet

BACKLOG

BEHOV

FUNKTIONALITET

LÖSNINGSFÖRSLAG

Page 41: Webbdesignerns syn på arbetsflödet

INFORMATIONSSTRUKTURINFORMATIONSARKITEKTURINFORMATIONSDESIGN

Page 42: Webbdesignerns syn på arbetsflödet

CARD SORTING

Page 43: Webbdesignerns syn på arbetsflödet

SITEMAP

Page 44: Webbdesignerns syn på arbetsflödet

FLÖDESSCHEMA

Page 45: Webbdesignerns syn på arbetsflödet

KONVERTERINGSFLÖDE

Page 46: Webbdesignerns syn på arbetsflödet

INTER-AKTIONS-DESIGN

Page 47: Webbdesignerns syn på arbetsflödet

SKISSER

Page 48: Webbdesignerns syn på arbetsflödet

WIREFRAMES

Page 49: Webbdesignerns syn på arbetsflödet

WIREFRAMES

Page 50: Webbdesignerns syn på arbetsflödet

WIREFRAMES

Page 51: Webbdesignerns syn på arbetsflödet

KOMPONENTER

Page 52: Webbdesignerns syn på arbetsflödet

PATTERNS

Page 53: Webbdesignerns syn på arbetsflödet

ELLER?

Page 54: Webbdesignerns syn på arbetsflödet

ELLER?

Page 55: Webbdesignerns syn på arbetsflödet

ELLER?

Page 56: Webbdesignerns syn på arbetsflödet

GRÄNS-SNITTS-DESIGN

Page 57: Webbdesignerns syn på arbetsflödet

PATTERNS OCH KONVEN-TIONER

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

Page 58: Webbdesignerns syn på arbetsflödet

960-GRIDEN

Page 59: Webbdesignerns syn på arbetsflödet

TYPOGRAFI

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

Page 60: Webbdesignerns syn på arbetsflödet

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

Page 61: Webbdesignerns syn på arbetsflödet
Page 62: Webbdesignerns syn på arbetsflödet

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

Page 63: Webbdesignerns syn på arbetsflödet

OCH SEN DÅ?

Page 64: Webbdesignerns syn på arbetsflödet

DESIGNERS

ANVÄNDARE

UTVECKLAREBESTÄLLARE

KOLLA KOLLA!MYCKET LITE BRUS!

Page 65: Webbdesignerns syn på arbetsflödet

TACK.FRÅGOR?

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