Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
 www.steria.no 
Kreativt trekantsamarbeid 
#smidig2014 
Vilda B. Buhs 
Interaksjonsdesigner 
@vildosia
Helseøkonomiforvaltningen
Oppdrag: 4 uker 
• Responsive nettsider 
• Universell utforming 
• Nytt visuelt uttrykk 
• Leveranse – HTML prototype
Illustrasjon: Janne Flusund, Steria
Illustrasjon: Janne Flusund, Steria
Hvorfor? 
• Sparer tid – fokus på sluttleveransen, ikke 
dokumentasjon underveis 
• Enklere å sparre med hverandre 
• Fort...
Verdibudskap 
“Responsive Workflows: 
 www.steria.no 
There’s No 
Perfect Process” 
Ben Callahan
Team fra Steria 
• Interaksjonsdesigner 
• Grafisk designer 
• Frontendutvikler 
Prosjektgruppen fra HELFO 
7 ansatte: pro...
Detaljert plan 
• Prioritere 
• Fokusere 
• Strukturere
Kunden involvert i alle faser
Utvikler er med i alle faser
Workshops og møter med kunden 
Hvem fra teamet skal delta? 
Interaksjonsdesigner 
Grafisk designer 
Utvikler
HTML-prototyping
Designere koder
Utvikler designer
Brukertesting 
Hvem deltar? 
Interaksjonsdesigner 
Grafisk designer 
Utvikler 
Kunden
Testing på ulike skjermer og enheter
 www.steria.no 
Lessons learned
Veldig tett sammen
Px, em eller cm?
Samarbeidsverktøy
Toppturer
For mer effektiv responsiv designprosess 
• Riktig sammensetning av team: kompetanse 
og personlighet 
• Kick-off/teambuil...
 www.steria.no 
Takk for oppmerksomheten!
Kreativt trekantsamarbeid
Kreativt trekantsamarbeid
Upcoming SlideShare
Loading in …5
×

Kreativt trekantsamarbeid

258 views

Published on

10 minutters lyntale jeg holdt på Smidigkonferansen 2014. Presentasjonen handlet om hvordan utvikler, interaksjonsdesigner og grafisk designer jobbet tett sammen for å lage responsive nettsider for HELFO.no

Published in: Design
  • Be the first to comment

  • Be the first to like this

Kreativt trekantsamarbeid

  1. 1.  www.steria.no Kreativt trekantsamarbeid #smidig2014 Vilda B. Buhs Interaksjonsdesigner @vildosia
  2. 2. Helseøkonomiforvaltningen
  3. 3. Oppdrag: 4 uker • Responsive nettsider • Universell utforming • Nytt visuelt uttrykk • Leveranse – HTML prototype
  4. 4. Illustrasjon: Janne Flusund, Steria
  5. 5. Illustrasjon: Janne Flusund, Steria
  6. 6. Hvorfor? • Sparer tid – fokus på sluttleveransen, ikke dokumentasjon underveis • Enklere å sparre med hverandre • Fortere å avklare ting • Raskere å gjøre endringer • Interaksjon og grafisk design testes i tidlig fase og i ulike brekkpunkt
  7. 7. Verdibudskap “Responsive Workflows:  www.steria.no There’s No Perfect Process” Ben Callahan
  8. 8. Team fra Steria • Interaksjonsdesigner • Grafisk designer • Frontendutvikler Prosjektgruppen fra HELFO 7 ansatte: prosjektleder, webredaktør, webmaster, kunderådgivere
  9. 9. Detaljert plan • Prioritere • Fokusere • Strukturere
  10. 10. Kunden involvert i alle faser
  11. 11. Utvikler er med i alle faser
  12. 12. Workshops og møter med kunden Hvem fra teamet skal delta? Interaksjonsdesigner Grafisk designer Utvikler
  13. 13. HTML-prototyping
  14. 14. Designere koder
  15. 15. Utvikler designer
  16. 16. Brukertesting Hvem deltar? Interaksjonsdesigner Grafisk designer Utvikler Kunden
  17. 17. Testing på ulike skjermer og enheter
  18. 18.  www.steria.no Lessons learned
  19. 19. Veldig tett sammen
  20. 20. Px, em eller cm?
  21. 21. Samarbeidsverktøy
  22. 22. Toppturer
  23. 23. For mer effektiv responsiv designprosess • Riktig sammensetning av team: kompetanse og personlighet • Kick-off/teambuilding • Gjenbruk team som fungerer (faste team) • Oppretthold balansen mellom “tett sammen” og alenetid • Designere bør lære å kode og utviklerne - å designe
  24. 24.  www.steria.no Takk for oppmerksomheten!

×