5 grep som gjør at du som designer får bedre kontroll over hva programmereren produserer

1. 5 grep som gjør at du som designer får bedre kontroll over hva programmereren produserer Yggdrasil 2014 – Hanne Ersdal

2. Hva vil du sitte igjen med? • 5 grep for bedre sluttresultat • Konkrete tips • Noen eksempler • Bli en ørlite bedre prosjektleder

3. Kort om meg • Utdannet ved NTNU • Fag fra NiH og Boston University • Jobber som designer og prosjektleder for Norsk Navigasjon • Hater ting som ikke virker

4. Min historie med programmerere • Skoleoppgaver

5. Min historie med programmerere • Eksperiment-app

6. Min historie med programmerere Web og app utviklere

7. Min historie med programmerere • Arbeidsordresystemer

8. Jobbe i et miljø med kun utviklere • Dogu bruker eksterne designere, kun meg som satt internt

9. Jobbe i et miljø med kun utviklere • Designere gjør mye rart

10. Misforståelser er roten til alt vondt • Bruk tid på å prate sammen • Tilrettelegg for kommunikasjon

11. Respekter den andres kunnskap • Det skader ikke å være ydmyk • Husk å lytt

12. Grep nr. 1: Inviter utvikleren til å delta i research-fasen

13. Grep nr. 1: Inviter utvikleren til å delta i research-fasen • La utvikleren være med på å oppdage utfordringene • Skal tidlig et rom for dialog

14. Grep nr. 2: Gjør eksporteringen din selv

15. Grep nr. 2: Gjør eksporteringen din selv • Avtal hvordan arbeidet skal leveres • Eksporter .png og .jpg filene selv

16. Grep nr. 2: Gjør eksporteringen din selv • Avtal hvordan arbeidet skal leveres • Eksporter .png og .jpg filene selv • Trekk ut fargene gjerne hex • Kontrollsjekk filene før du gir arbeidet fra deg

17. Grep nr. 2: Gjør eksporteringen din selv • ALDRI SEND INDESIGN FILER

18. Grep nr. 2: Gjør eksporteringen selv • Om du ikke eksporterer så husk følgende • God versjonskontroll • Behold lagene og dataen • God navngiving av lag og grupper • Fjern det som ikke brukes! • Vektor og skalerbare effekter • Vil du lære mer se: http://mattgemmell.com/how-designers-can-help-developers/

19. Grep nr. 3: Lær et minimum av kode

20. Grep nr. 3: Lær et minimum av kode • Få en forståelse av utvikleres tankesett

21. Grep nr. 3: Lær et minimum av kode • Få en forståelse av utvikleres tankesett • Lek deg på www.codecademy.com

23. Grep nr. 3: Lær et minimum av kode • Få en forståelse av utvikleres tankesett • Lek deg på www.codecademy.com • Utviklerverktøy i Google Chrome

24. Grep nr. 3: Lær et minimum av kode • Få en forståelse av utvikleres tankesett • Lek deg på www.codecademy.com • Utviklerverktøy i Google Chrome • Spør om hvilke verktøy og språk som utvikleren bruker

25. Foreløpig oppsummering • Inviter utvikleren inn i research-fasen • Gjør eksporteringen selv • Lær et minimum av kode

26. Grep nr. 4: Done beats perfect

27. Grep nr. 4: Done beats perfect • Hvor må det være pixelperfect og hvor kan en tilpasse til ulike skjermer? • Lær deg skjermstørrelser • Bruk Google fonts • Juks der du kan :-) makeappicon.com

28. https://makeappicon.com

29. Grep nr. 5: Er du helt fornøyd med ditt eget design?

30. Grep nr. 5: Er du helt fornøyd med ditt eget design? • Gå over arbeidet ditt på ulike skjermer • Åpne nettsider i nettlesere • Åpne appskisser på telefonen din • Ikke ombestem deg unødig

31. Oppsummering • Inviter utvikleren inn i research-fasen • Gjør eksporteringen selv • Lær et minimum av kode • Done beats perfect • Er du helt fornøyd med ditt eget design?

32. Et lite tips til slutt Sitt gjerne på samme sted Dumme spørsmål sparer mye tid

33. Spørsmål?