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

1.  www.steria.no
Kreativt trekantsamarbeid
#smidig2014
Vilda B. Buhs
Interaksjonsdesigner
@vildosia

2. Helseøkonomiforvaltningen

4. Oppdrag: 4 uker
• Responsive nettsider
• Universell utforming
• Nytt visuelt uttrykk
• Leveranse – HTML prototype

5. Illustrasjon: Janne Flusund, Steria

6. Illustrasjon: Janne Flusund, Steria

7. 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

8. Verdibudskap
“Responsive Workflows:
 www.steria.no
There’s No
Perfect Process”
Ben Callahan

9. Team fra Steria
• Interaksjonsdesigner
• Grafisk designer
• Frontendutvikler
Prosjektgruppen fra HELFO
7 ansatte: prosjektleder, webredaktør,
webmaster, kunderådgivere

11. Detaljert plan
• Prioritere
• Fokusere
• Strukturere

12. Kunden involvert i alle faser

13. Utvikler er med i alle faser

14. Workshops og møter med kunden
Hvem fra teamet skal delta?
Interaksjonsdesigner
Grafisk designer
Utvikler

15. HTML-prototyping

16. Designere koder

17. Utvikler designer

18. Brukertesting
Hvem deltar?
Interaksjonsdesigner
Grafisk designer
Utvikler
Kunden

19. Testing på ulike skjermer og enheter

20.  www.steria.no
Lessons learned

21. Veldig tett sammen

22. Px, em eller cm?

23. Samarbeidsverktøy

24. Toppturer

25. 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

26.  www.steria.no
Takk for oppmerksomheten!