Webbdesignerns syn på arbetsflödet

852 views

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
852
On SlideShare
0
From Embeds
0
Number of Embeds
97
Actions
Shares
0
Downloads
12
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

×