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ÖRA
INFORMATION
FRÅN
PUNKT A
TILL
PUNKT B
TEORI:
SÄNDARE   BRUS   MOTTAGARE
PRAKTIK:
BESTÄLLARE   WEBB   ANVÄNDARE
BESTÄLLARE
 VD
 CD
 Projektledare
 Usabilitygurus
 Konceptutvecklare
 AD
 Interaktionsdesigners
 Produktionsledare
 AD-­ass
 CSS/HTML-­are


 Teknisk produktionsledare
 backendutvecklare
 Systemarkitekter
 Datalageradministratörer
 Serverskägg
 Copywriters


 Webbredaktörer
ANVÄNDARE
LITEN
HISTORIK
REKLAM-
BESTÄLLARE             PRODUCENT   ANVÄNDARE
              BYRÅ
PRYLAR PÅ ETT SKRIVBORD.
ELLER EN BOK MAN KAN
BLÄDDRA I. GÄRNA I FLASH.
BESTÄLLARE   UTVECKLARE   DESIGNERS   ANVÄNDARE
NÅGOT SMART OCH
AVANCERAT SOM FÅ
LYCKAS ANVÄNDA (SORRY)
BESTÄLLARE   DESIGNERS   UTVECKLARE   ANVÄNDARE
MYCKET YTA,
MYCKET LITE INNEHÅLL.
VAD GÖRA?
MINIMERA
BRUSET!
HUR?
BESTÄLLARE   DESIGNERS   UTVECKLARE   ANVÄNDARE
DESIGNERS

                                      ANVÄNDARE
     BESTÄLLARE UTVECKLARE
                             DIALOG




GEMENSAM ITERATIV PROCESS
DESIGNERS

                                      ANVÄNDARE
     BESTÄLLARE UTVECKLARE
                             DIALOG




GEMENSAM ITERATIV PROCESS
ÖMSESIDIG
FÖRSTÅELSE
ALLA ROLLER
MED FRÅN
BÖRJAN
ALLA
I SAMMA RUM
(DISTANSARBETE
SKAPAR BRUS)
DESIGNERS




BESTÄLLARE
             DIALOG       ANVÄNDARE




             UTVECKLARE
TÄTA
AVSTÄMNINGAR
TESTA TIDIGT
TESTA OFTA
TESTA TIDIGT
TESTA OFTA
TESTA FÖR
MÄNNISKOR
PAPPER
PDF
WIREFRAMES
HTML
BESTÄLLARE



DESIGNERS



UTVECKLARE



TESTARE/ANVÄNDARE
AKTIVITETER
     &
LEVERABLER
KORTA AVSTÄMNINGAR



                                                          LÖPANDE DESIGN

         INFORMATIONS-                         SPRINT       SPRINT     SPRINT
         DESIGN           GRAFISK
         INTERAKTIONS-    DESIGN
         DESIGN
                                                  UTVECKLING AV WEBBPLATSEN
                                                                                 TESTER          LANSERING
                                       OK                                        DESIGN     OK   INNEHÅLLS-
ANALYS                                                                           FUNKTION        ARBETE
                                                                                 OCH             TRAFIK-
                                                                                 INNEHÅLL        GENERERING


                          TEKNISK            UTBILDNING
         FUNKTIONSSPEC.   SPEC               MANUAL            INNEHÅLLSARBETE
         INNEHÅLLSSPEC.   ARKITEKTUR




                                              LÖPANDE TESTER
ANALYS
INLÄSNING
INVENTERING
PROBLEMSTÄLLNING
SYFTE
MÅLGRUPP
LOOK & FEEL


REGLAGE
SYFTE
MÅLGRUPP
LOOK & FEEL


REGLAGE
SYFTE
MÅLGRUPP
LOOK & FEEL


REGLAGE
MOODBOARD
KONCEPT
STRATEGI
ARKITEKTUR
FUNKTION
User flow for products
                                                                                                                            Product in context,
                                                                                                                            promote “windowshopping”.                Product



            gunneboindustries.com, .se, .no, .co.uk etc.                                            IR   About GI     Language         etc.


                                  Security                               Quality
                                  Methods for testing etc.               Methods for quality assurance

  Cases


                                             About Busi-                                  About Busi-                               About Busi-
                                             ness area                                    ness area                                 ness area
                 Fastening                                   Lifting                                     Traction systems                           Potential new
                                                                                                                                                    business areas




Solutions               Product                                        Product                                  Product




                                                                                             Possible webshop
                    Products




                                                                        Products
                                                                                                                                       Retailers
                                                                                                                                                         ¥€$!
BACKLOG
BEHOV
FUNKTIONALITET
LÖSNINGSFÖRSLAG
INFORMATIONSSTRUKTUR
INFORMATIONSARKITEKTUR
INFORMATIONSDESIGN
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)
Webbdesignerns syn på arbetsflödet
OCH FÖRSTÅS:
PHOTOSHOPSKISSER
(DET SER UT SOM WEBB,
MEN DET ÄR DET INTE!)
OCH SEN DÅ?
KOLLA KOLLA!
                        MYCKET LITE
                        BRUS!

     DESIGNERS

                              ANVÄNDARE
BESTÄLLARE UTVECKLARE
TACK.
FRÅGOR?

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

More Related Content

PPT
Schneider0301
PPT
9 Reasons Japanese Interactive Work Is Awesome 2
PPTX
Robin Hood I want money
PPTX
Chapter 1 secondgradehomes
PPTX
Awesome Animals
PDF
Starcom MediaVest Group, Supermarket UK: A Very Social Christmas
PPT
Media Planning
PPTX
Professions
Schneider0301
9 Reasons Japanese Interactive Work Is Awesome 2
Robin Hood I want money
Chapter 1 secondgradehomes
Awesome Animals
Starcom MediaVest Group, Supermarket UK: A Very Social Christmas
Media Planning
Professions

Viewers also liked (10)

PPTX
Asfaltera kostigarna
PDF
The Social Media Behaviour Index
PPTX
Wierd and Wonderful animals!
PPTX
Conversion rate optimization CRO breakfast seminar Stockholm, August 2015
PPTX
Thanksgiving
PPTX
The Computer
PDF
Starcom Media Vest Group, Supermarkets Uk The Changing Values Of Uk Consumers
PPT
Addressable advertising on TV: An advertiser's perspective
PPT
Holistic Media Planning
PPTX
Asfaltera kostigarna
The Social Media Behaviour Index
Wierd and Wonderful animals!
Conversion rate optimization CRO breakfast seminar Stockholm, August 2015
Thanksgiving
The Computer
Starcom Media Vest Group, Supermarkets Uk The Changing Values Of Uk Consumers
Addressable advertising on TV: An advertiser's perspective
Holistic Media Planning
Ad

Similar to Webbdesignerns syn på arbetsflödet (20)

PPTX
Saa S Scio Engagement Model V2 2 Generic
PDF
Emakina Academy 6 - Boost your intranet - Web Content Management for SAP
PPTX
Akendi
PDF
Business Patterns presentation @ Oredev 2012
PDF
Iipcc 2012 ip valuation
PDF
Creating multi-channel design frameworks - Mobile Experience
PDF
Marlabs campus recruitment brochure 2011
PPTX
Business Patterns for Software Developers
PDF
10 Things to know about experience design
PDF
Agile for Startups
PPTX
Innovation product design planning process style 3 powerpoint presentation te...
PDF
Innovation decision making new product development process style design 3 pow...
PDF
Innovation decision making new product development strategy design 3 powerpoi...
PDF
Innovation decision making new product development process style design 3 pow...
PDF
Innovation decision making new product development process style design 3 pow...
PDF
Innovation decision making new product development process design 3 powerpoin...
PDF
Innovation decision making new product development process style design 3 pow...
PDF
Innovation decision making new product development strategy style design 3 po...
PDF
Innovation decision making new product development strategy design 3 powerpoi...
PDF
Innovation decision making new product development process design 3 powerpoin...
Saa S Scio Engagement Model V2 2 Generic
Emakina Academy 6 - Boost your intranet - Web Content Management for SAP
Akendi
Business Patterns presentation @ Oredev 2012
Iipcc 2012 ip valuation
Creating multi-channel design frameworks - Mobile Experience
Marlabs campus recruitment brochure 2011
Business Patterns for Software Developers
10 Things to know about experience design
Agile for Startups
Innovation product design planning process style 3 powerpoint presentation te...
Innovation decision making new product development process style design 3 pow...
Innovation decision making new product development strategy design 3 powerpoi...
Innovation decision making new product development process style design 3 pow...
Innovation decision making new product development process style design 3 pow...
Innovation decision making new product development process design 3 powerpoin...
Innovation decision making new product development process style design 3 pow...
Innovation decision making new product development strategy style design 3 po...
Innovation decision making new product development strategy design 3 powerpoi...
Innovation decision making new product development process design 3 powerpoin...
Ad

Recently uploaded (20)

PPT
robotS AND ROBOTICSOF HUMANS AND MACHINES
PDF
GSH-Vicky1-Complete-Plans on Housing.pdf
PDF
Govind singh Corporate office interior Portfolio
PPT
Unit I Preparatory process of dyeing in textiles
PPTX
2. Competency Based Interviewing - September'16.pptx
PDF
1 Introduction to Networking (06).pdfbsbsbsb
PPTX
Presentation1.pptxnmnmnmnjhjhkjkjkkjkjjk
PDF
Architecture Design Portfolio- VICTOR OKUTU
PDF
trenching-standard-drawings procedure rev
PPTX
PROPOSAL tentang PLN di metode pelaksanaan.pptx
PPTX
a group casestudy on architectural aesthetic and beauty
PDF
THEORY OF ID MODULE (Interior Design Subject)
PDF
The Basics of Presentation Design eBook by VerdanaBold
PDF
Test slideshare presentation for blog post
PDF
Designing Through Complexity - Four Perspectives.pdf
PPTX
Drafting equipment and its care for interior design
PPTX
8086.pptx microprocessor and microcontroller
PDF
Trends That Shape Graphic Design Services
PDF
2025CategoryRanking of technology university
PDF
The Complete Guide to Buying Verified Stripe Accounts 2025.pdf
robotS AND ROBOTICSOF HUMANS AND MACHINES
GSH-Vicky1-Complete-Plans on Housing.pdf
Govind singh Corporate office interior Portfolio
Unit I Preparatory process of dyeing in textiles
2. Competency Based Interviewing - September'16.pptx
1 Introduction to Networking (06).pdfbsbsbsb
Presentation1.pptxnmnmnmnjhjhkjkjkkjkjjk
Architecture Design Portfolio- VICTOR OKUTU
trenching-standard-drawings procedure rev
PROPOSAL tentang PLN di metode pelaksanaan.pptx
a group casestudy on architectural aesthetic and beauty
THEORY OF ID MODULE (Interior Design Subject)
The Basics of Presentation Design eBook by VerdanaBold
Test slideshare presentation for blog post
Designing Through Complexity - Four Perspectives.pdf
Drafting equipment and its care for interior design
8086.pptx microprocessor and microcontroller
Trends That Shape Graphic Design Services
2025CategoryRanking of technology university
The Complete Guide to Buying Verified Stripe Accounts 2025.pdf

Webbdesignerns syn på arbetsflödet