➔ www.steria.no

Hvordan dekke kompetansegap mellom designere og utviklere

Janne Flusund

Hvordan irrit ere en designer?

Hvordan irrit ere en designer?

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

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

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

• ø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…

oocss

bem

atomic design

lesssass

kssprefix

Discovery > Wireframe > Design > Development > Launch

Classic workflow:

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

Classic workflow:

!  www.steria.no Prosjektene Steria er involvert i

27.08.14 17

Konfidensielt

Mood Boards —> designsystem

LOFI prototype HIFI prototype for viktige detaljer

+

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

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

LO-FI

LO-FI HI-FI

Prototyping early is the only way to truly see how a given layout will respond to different viewport sizes.

Design > Prototype > Test Cycle

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

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.

gjenbruk

endring

strategi

responsive

trender

uu

typo

web stats

➔ www.steria.no

@jflusund

Takk!