0
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-­as...
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
...
DESIGNERS

                                      ANVÄNDARE
     BESTÄLLARE UTVECKLARE
                             DIALOG
...
Ö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-    ...
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
                                                                                                    ...
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-p...
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Å?
KOLLA KOLLA!
                        MYCKET LITE
                        BRUS!

     DESIGNERS

                          ...
TACK.
FRÅGOR?

http://www.soderhavet.com
http://www.nansen.se
Webbdesignerns syn på arbetsflödet
Upcoming SlideShare
Loading in...5
×

Webbdesignerns syn på arbetsflödet

653

Published on

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.

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
653
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Webbdesignerns syn på arbetsflödet"

  1. 1. GOD MORGON. Fredrik Lindersson, Söderhavet Kalle Paulsson, Nansen Samuel Svensson, Söderhavet
  2. 2. VAD ÄR DET VI GÖR?
  3. 3. LITEN GRUNDKURS I INFORMA- TIONSTEORI
  4. 4. KOMMUNIKATION: ATT ÖVERFÖRA INFORMATION FRÅN PUNKT A TILL PUNKT B
  5. 5. TEORI: SÄNDARE BRUS MOTTAGARE
  6. 6. PRAKTIK: BESTÄLLARE WEBB ANVÄNDARE
  7. 7. 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
  8. 8. LITEN HISTORIK
  9. 9. REKLAM- BESTÄLLARE PRODUCENT ANVÄNDARE BYRÅ
  10. 10. PRYLAR PÅ ETT SKRIVBORD. ELLER EN BOK MAN KAN BLÄDDRA I. GÄRNA I FLASH.
  11. 11. BESTÄLLARE UTVECKLARE DESIGNERS ANVÄNDARE
  12. 12. NÅGOT SMART OCH AVANCERAT SOM FÅ LYCKAS ANVÄNDA (SORRY)
  13. 13. BESTÄLLARE DESIGNERS UTVECKLARE ANVÄNDARE
  14. 14. MYCKET YTA, MYCKET LITE INNEHÅLL.
  15. 15. VAD GÖRA?
  16. 16. MINIMERA BRUSET!
  17. 17. HUR?
  18. 18. BESTÄLLARE DESIGNERS UTVECKLARE ANVÄNDARE
  19. 19. DESIGNERS ANVÄNDARE BESTÄLLARE UTVECKLARE DIALOG GEMENSAM ITERATIV PROCESS
  20. 20. DESIGNERS ANVÄNDARE BESTÄLLARE UTVECKLARE DIALOG GEMENSAM ITERATIV PROCESS
  21. 21. ÖMSESIDIG FÖRSTÅELSE
  22. 22. ALLA ROLLER MED FRÅN BÖRJAN
  23. 23. ALLA I SAMMA RUM (DISTANSARBETE SKAPAR BRUS)
  24. 24. DESIGNERS BESTÄLLARE DIALOG ANVÄNDARE UTVECKLARE
  25. 25. TÄTA AVSTÄMNINGAR
  26. 26. TESTA TIDIGT TESTA OFTA
  27. 27. TESTA TIDIGT TESTA OFTA TESTA FÖR MÄNNISKOR
  28. 28. PAPPER PDF WIREFRAMES HTML
  29. 29. BESTÄLLARE DESIGNERS UTVECKLARE TESTARE/ANVÄNDARE
  30. 30. AKTIVITETER & LEVERABLER
  31. 31. 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
  32. 32. ANALYS
  33. 33. INLÄSNING INVENTERING PROBLEMSTÄLLNING
  34. 34. SYFTE MÅLGRUPP LOOK & FEEL REGLAGE
  35. 35. SYFTE MÅLGRUPP LOOK & FEEL REGLAGE
  36. 36. SYFTE MÅLGRUPP LOOK & FEEL REGLAGE
  37. 37. MOODBOARD
  38. 38. KONCEPT STRATEGI ARKITEKTUR FUNKTION
  39. 39. 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 ¥€$!
  40. 40. BACKLOG BEHOV FUNKTIONALITET LÖSNINGSFÖRSLAG
  41. 41. INFORMATIONSSTRUKTUR INFORMATIONSARKITEKTUR INFORMATIONSDESIGN
  42. 42. CARD SORTING
  43. 43. SITEMAP
  44. 44. FLÖDESSCHEMA
  45. 45. KONVERTERINGSFLÖDE
  46. 46. INTER- AKTIONS- DESIGN
  47. 47. SKISSER
  48. 48. WIREFRAMES
  49. 49. WIREFRAMES
  50. 50. WIREFRAMES
  51. 51. KOMPONENTER
  52. 52. PATTERNS
  53. 53. ELLER?
  54. 54. ELLER?
  55. 55. ELLER?
  56. 56. GRÄNS- SNITTS- DESIGN
  57. 57. PATTERNS OCH KONVEN- TIONER http://www.flickr.com/alienspacer/
  58. 58. 960-GRIDEN
  59. 59. TYPOGRAFI “Web Design is 95% Typography” http://informationarchitects.jp/the-web-is-all-about-typography-period/
  60. 60. CSS ÄR ETT DESIGN- VERKTYG! (MEN JAG HAR INTE LYCKATS ÖVERTYGA ALLA OM DET ÄNNU)
  61. 61. OCH FÖRSTÅS: PHOTOSHOPSKISSER (DET SER UT SOM WEBB, MEN DET ÄR DET INTE!)
  62. 62. OCH SEN DÅ?
  63. 63. KOLLA KOLLA! MYCKET LITE BRUS! DESIGNERS ANVÄNDARE BESTÄLLARE UTVECKLARE
  64. 64. TACK. FRÅGOR? http://www.soderhavet.com http://www.nansen.se
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×