presentasjonene utforsker hva som finnes i skjæringspunktet mellom designer og frontendutvikler og hvordan vi kan samarbeide bedre.

1. ➔ www.steria.no
Hvordan dekke kompetansegap
mellom designere og utviklere
Janne Flusund

3. Hvordan irrit ere en designer?

4. Hvordan irrit ere en designer?

6. <div>Hvordan irritere en utvikler?</span>

7. <div>Hvordan irritere en utvikler?</span>

8. “Good designers and
good developers actually
have a lot in common.”
!
- Austin Bales (Product Design Manager at Facebook)

11. • økende mengde dokumentasjon (skjermer) tar lang tid å skrive og lese… !
• går glipp av sparring, inspirasjon, interesse, kompetansedeling!
• mye info om bakgrunn, mål og strategier går tapt i ‘veggen’!
• frustrerende for utvikler når ikke alt er dokumentert ned til hver minste pixel !
• utvikler får kun siste ukene av prosjektet (som helt sikkert har sklidd ut
underveis) og får veldig dårlig tid!
• når designer kommer og skal ‘se over’ kommer det masse klager på at ting ikke
er riktig!
• når utvikler begynner å teste for ulike skjermer ser en at mye design mangler for
ulike brekkpunkt !
• osv…

21. oocss
bem
atomic design
less
sass
kss
prefix

25. Classic workflow:
Discovery > Wireframe > Design > Development > Launch

26. Classic workflow:
Imagine handing over bitmap designs for every single page
and viewport layout size of a website.

27. Prosjektene Steria er involvert i ! www.steria.no
27.08.14 17
Konfidensielt

29. Mood Boards —>
designsystem
LOFI prototype
HIFI prototype for viktige detaljer
+

30. DON´T BE AFRAID!
Designere kan starte med å laste opp svg ikoner, logoer, legge inn farger, de små enkle bitene…

32. it’s critical to remember that the user experience of the
product is not only the pixels, the workflows, the words, and the
transactions. But it’s the systems underneath it that, to your point, make it
snappy, make it responsive,
make the transitions interesting,
make things flip, make things
turn over, et cetera.
-Jeff Gothelf

37. LO-F I

39. LO-F I
H I-F I

40. Prototyping early is the only way to truly see how a given
layout will respond to different viewport sizes.
Design > Prototype > Test Cycle

41. Forventningsavklaring:
!
Stadig flere ulike skjermer mobil /
brett / minilaptop / desktop mm. =
Stadig mer tid bør brukes på
testing på ulike skjermer /
enheter.

51. Don’t try to build services for every possible
combination of operating system and browser. Avoid
the temptation of designing for the obvious without
first researching your users.

52. gjenbruk
endring
strategi
responsive
trender
uu
typo
web stats

53. ➔ www.steria.no
@jflusund
Takk!