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

@hanneersdal Hva vil du sitte igjen med? …5 grep for bedre sluttresultat …Konkrete tips …Noen eksempler …Bli en ørlite bedre prosjektleder

@hanneersdal 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

@hanneersdal Min historie med programmerere …Skoleoppgaver

@hanneersdal Min historie med programmerere …Eksperiment-app

@hanneersdal Min historie med programmerere …Web og app utviklere

@hanneersdal Min historie med programmerere …Arbeidsordresystemer

@hanneersdal Jobbe i et miljø med kun utviklere …Dogu bruker eksterne designere, kun meg som satt internt

@hanneersdal Jobbe i et miljø med kun utviklere …Designere gjør mye rart

@hanneersdal Misforståelser er roten til alt vondt …Bruk tid på å prate sammen …Tilrettelegg for kommunikasjon

@hanneersdal Respekter den andres kunnskap …Det skader ikke å være ydmyk …Husk å lytt

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

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

@hanneersdal Grep nr. 2: Gjør eksporteringen din selv

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

@hanneersdal …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 Grep nr. 2: Gjør eksporteringen din selv

@hanneersdal ALDRI SEND INDESIGN FILER Grep nr. 2: Gjør eksporteringen din selv

@hanneersdal …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: Grep nr. 2: Gjør eksporteringen selv

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

@hanneersdal Grep nr. 3: Lær et minimum av kode …Få en forståelse av utvikleres tankesett

@hanneersdal …Få en forståelse av utvikleres tankesett …Lek deg på Grep nr. 3: Lær et minimum av kode

@hanneersdal

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

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

@hanneersdal 1.Inviter utvikleren inn i research-fasen 2.Gjør eksporteringen selv 3.Lær et minimum av kode Foreløpig oppsummering

@hanneersdal Grep nr. 4: Done beats perfect

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

@hanneersdal

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

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

@hanneersdal 1.Inviter utvikleren inn i research-fasen 2.Gjør eksporteringen selv 3.Lær et minimum av kode 4.Done beats perfect 5.Er du helt fornøyd med ditt eget design? Oppsummering

@hanneersdal Et lite tips til slutt …Sitt gjerne på samme sted …Dumme spørsmål sparer mye tid

@hanneersdal Spørsmål?