hold det ekte - ux i smidige prosjekt

25
Hold det ekte! Smidig design for web med HTML&CSS Kjartan Michalsen - Logica UX Fortsett samtalen på [email protected] + twitter.com/liksom

Upload: kjartan-michalsen

Post on 22-Jul-2015

350 views

Category:

Design


6 download

TRANSCRIPT

Page 1: Hold det ekte - UX i smidige prosjekt

Hold det ekte!

Smidig design for web med HTML&CSS

Kjartan Michalsen - Logica UX

Fortsett samtalen på [email protected] + twitter.com/liksom

Page 2: Hold det ekte - UX i smidige prosjekt
Page 3: Hold det ekte - UX i smidige prosjekt

Photo by Mohammed Adow

Page 4: Hold det ekte - UX i smidige prosjekt

Pressefoto SINTEF

Page 5: Hold det ekte - UX i smidige prosjekt

Photo Alan Chia

Page 6: Hold det ekte - UX i smidige prosjekt

Don´t feed the

designers,

they might bite

Page 7: Hold det ekte - UX i smidige prosjekt

Twitter.com/caribouland

Page 8: Hold det ekte - UX i smidige prosjekt
Page 9: Hold det ekte - UX i smidige prosjekt
Page 10: Hold det ekte - UX i smidige prosjekt
Page 11: Hold det ekte - UX i smidige prosjekt
Page 12: Hold det ekte - UX i smidige prosjekt
Page 13: Hold det ekte - UX i smidige prosjekt
Page 14: Hold det ekte - UX i smidige prosjekt

— The engineers used to say “Oh no, that can’t be

done”. But when we started prototyping in HTML5,

we could just tell them “Yes, you can and I’ve

already done 70% of the work”

TODD ZAKI WARFEL

Page 15: Hold det ekte - UX i smidige prosjekt
Page 16: Hold det ekte - UX i smidige prosjekt

header.php

mainmenu.php

Page 17: Hold det ekte - UX i smidige prosjekt

header.php

mainmenu.php

Page 18: Hold det ekte - UX i smidige prosjekt
Page 19: Hold det ekte - UX i smidige prosjekt

HTML / CSS Prototype

En smidigere måte å jobbe med design

Page 20: Hold det ekte - UX i smidige prosjekt

UX-fagfolk er en del av kunden eller produkteier-

teamet

Page 21: Hold det ekte - UX i smidige prosjekt

Undersøk, lag modeller + konsepter og design på

forhånd

- men bare akkurat nok

Page 22: Hold det ekte - UX i smidige prosjekt

Lag designrammeverk.

Skisser helheten, detaljer delene.

Snakk sammen.

Start sprinter med konseptworkshops.

Page 23: Hold det ekte - UX i smidige prosjekt

Test på virkelige brukere.

Ha arbeidsgrupper som kan validere designet.

Ha kontinuerlig forskning på brukerkrav og adferd

Page 24: Hold det ekte - UX i smidige prosjekt

Dokumenter i prototypen.

Dokumenter endringer.

La prototypen være spesifikasjonen.

Page 25: Hold det ekte - UX i smidige prosjekt

Takk for meg.

Kjartan Michalsen

[email protected]

ux.no / logica.no

Fortsett samtalen

twitter.com/liksom