Spør ikke hva WordPress kan gjøre for deg…

WordPress er et dugnadsprosjekt og Hanni Ross oppfordret i sitt foredraget om å bli en del av fellesskapet. Man kan bidra på veldig mange ulike måter og kanskje hun inspirerte noen av oss til å starte en WordPress-gruppe i Bergen?

Mine notater fra de to første foredragene på WordCamp Norway 2012.

Funksjonalitet i WordPress kan utvides

WordPress er skrevet i programmeringsspråket PHP og filene er åpne for å endres og utvides. Jeg er ikke programmerer og kan ikke skrive min egen PHP. Men jeg kan klippe og lime det andre har skrevet for å få flere funksjoner.

Morten Hauan snakker om å skrive «innstikk» for å få flere funksjoner.

Plugins kalles innstikk på norsk og kan utvide nettstedet ditt til akkurat det du måtte ønske deg. Foredraget fra Morten Hauan ga meg noen nyttig aha-opplevelser om hvordan det hele henger sammen. (Dessuten fikk jeg noen kodesnutter fra Morten sendt på epost under lunsjen. Takk!)

Etter lunsj snakket Marko Heijnen om programmering av applikasjoner, mens Ryan Hellyer viste mulighetene med WP Paintbrush.

Flere notater, blant annet fra en serie med korte foredrag seinere på dagen.

Wilhelm viser layout til et leksikon på nettbrett og leker tegnspråktolk.

Det finnes ingen standard skjermstørrelse

Den beste teknikken for webdesign i 2012 er å sørge for at designet er fleksibelt og tilpasser seg ulike skjermstørrelser. Se gode eksempler på responsiv design som fungerer bra på telefoner, nettbrett, bærbare og stasjonære maskiner.

Jeg har lest noen bøker og hørt foredrag om responsive design før, men hadde stor glede av å høre Wilhelm Joys Andersen om temaet. Jeg liker innstillingen hans om at all webdesign skal gjøres fleksibel på denne måten. Wilhelm viste glimrende eksempler fra arbeidet med nye nettsider til Store norske leksikon.

Noen publikummere under keynote på WordCamp.

WordPress blir stadig mer populær

Det avsluttende foredraget ble holdt av Zé Fontainhas. Han viste den utrolige utviklingen fra et enkelt bloggsystem til et toppmoderne publiseringsverktøy. I dag får rundt 15% av hele Internettet kraft fra WordPress. Wow!

Hjem til Bergen etter en bra helg i Oslo!

Mine fredagsdrypp fra i år

Dette er eksempler på hva jeg har arbeidet med gjennom året – dokumentert gjennom små drypp til twitter-folket fra 22 fredager i 2011. Noe er nesten ferdig arbeid. Noe er så vidt påbegynt og er bare en skisse. Noen drypp er bare laget til som eksempler på farger og fonter jeg har jobbet med. Teksten under er tilhørende opprinnelig tweet (lettere omskrevet i noen tilfeller).

9. desember → I går jobbet jeg på en løpeseddel med en font inspirert av Atelier Populaire.

2. desember → De siste dagene har jeg stresset mye med å forsøke ta noen ok bilder av årets jobber til ny portfolio. Er ikke enkelt…

25. november → Et kryptisk #fredagsdrypp fra et sideprosjekt som kanskje ser dagens lys før jul!

18. november → Jeg får vel komme med et #fredagsdrypp fra pågående arbeid med egen nettside.

14. oktober → Denne uken har jeg (pr)øvd meg på sketchnotes på konferanse, derfor et lite #fredagsdrypp fra “Everyone Act Differently” med Joseph O’Sullivan.

7. oktober → I dag lager jeg lager magasinannonser til turistene. Sånn går no dagan.

23. september → Jeg har blitt helt forelsket i ligaturene og swash’ene til Affair, har brukt den til bordkort denne uken.

9. september → Verdens enkleste lille nettkampanje. Laget på et par timer! Du kan se den her > arbeiderparti.no/bergen/eiendomsskatt

26. august → I sommer har jeg tegnet masse greier til Bergen SV sitt valgmateriell. Blant annet Bybanen!

19. august → Fonten Klavika fra @processtype beskrives som «…a full-featured, do-it-all sans serif for the needs of the 21st century.»

12. august → Kontorpulten min er full av valgmateriell! Se opp for plutselig oppdatert portfolio etter valgkampstart.

3. juni → Skal det være et #fredagsdrypp kanskje? Her er en liten flik grafikk jeg leverte denne uken.

25. mars → Jeg tok fram igjen Ryder Gothic til noe grafikk for Bergen SV. #fredagsdrypp med litt typografi – Nuh helg!

18. mars → Flere #fredagsdrypp fra hotellsiden jeg jobber med: nå med symboler på hva som finnes på rommet.

5. mars → Et av ukens prosjekter var maritime greier.

25. februar → Hotellets side «om Bergen» hadde ikke tekst enda, så til skissene skrev jeg mine egne forslag.

18. februar → Denne uken har jeg blant mye annet jobbet med en typografisk logo og #fredagsdrypp viser et aldri så lite utsnitt.

11. februar → Første skisser fra et spennende webprosjekt. Blir moro å skrive kode til dette i neste uke!

4. februar → #fredagsdrypp fra nettsted til et hotell som nå også har fått finfin HTML med en dæsj CSS3.

28. januar → Av en eller annen grunn har jeg i hele dag nynnet aggresivt HON-NING-BAR-NA og bænget med hodet.

21. januar → En flik av en logo. Skisser levert tidligere i uken og kunde er happy! Gleder meg til å jobbe videre på dette prosjektet.

7. januar → Det var så moro å oppsummere #fredagsdrypp at jeg ønsker god helg med ny font og ny farge på fjorårets siste.

Oppsummere gjorde jeg for et år siden i: Hva har jeg arbeidet med i 2010?

Og når prosjektet ble ferdig da?

Disse dryppene ble til for eksempel: konferanseflyer for NHO Hordaland, nettside og logo for en service ingeniør, nettside for en barnehage og logo for en nettbutikk. Flere av dryppene er på webdesign for Basic Hotels.

Og ikke minst har det i år vært mye valgkamp med materiell for både Arbeiderpartiet og SV, noe det kommer mer av helt plutselig i min portfolio.

Jeg har akkurat laget en stillingsannonse for Arbeiderpartiet som søker etter politisk rådgiver og bruker derfor denne som eksempel.

Veldig fornøyd med at annonsen jeg laget ble tydelig på oppslaget. Det var målet!

Frister

Bestillingsfristen kan typisk være seinest to virkedager før innrykk. Det holdes av plass i avisen til annonser som er bestilt innen denne fristen. Størrelsen må altså bestemmes før selve annonsen trenger å være ferdig. Materialfristen er ofte én dag før innrykk og gjelder levering av PDF-filen som skal på trykk.

Bestilling av annonseplass

Du må bestemme publikasjon, plassering, dato for inntrykk og størrelse. Nødvendig informasjon finner du på nettsidene til avisene.

Plassering gjelder alt fra sidetall til tema, men ikke nøyaktig hvor på den enkelte side. Det kan du som regel ikke påvirke. Noen aviser skiller mellom annonsering på rene annonsesider eller på tekstsider sammen med artiklene. For eksempel samler Bergens Tidende alle stillingsannonser i en seksjon.

Moduler, millimeter og kroner

Sidene deles inn i moduler og dette er et system for layout i 5 eller 6 spalter. Avisene bruker modulkart, og første gang jeg så et trodde jeg det var en oversikt over hvor på siden annonsen skulle stå. Men det er altså et verktøy for å vise alle de ulike størrelser på annonser det er mulig å kjøpe. En helside er ruten øverst til venstre, mens den minste er nederst til høyre.

Priskalkulator med modulkart. Annonsen jeg bestilte var modul 23B.

Prøv BTs priskalkulator og klikk rundt for å se ulike format. Prisene varierer også ut ifra annonsetype og plassering, så husk å sjekk at dette er riktig.

Det er viktig å få med seg høyde og bredde i tillegg navnet på modulen. Eksempel: Modul 23 betyr to rader over tre spalter, men det er ikke nødvendigvis et standard format og kan variere i millimeter, også i samme avis.

I noen tilfeller kan det være mulig å spare noen kroner på kun svart farge, men ofte vil antall farger ikke spille noen rolle lenger.

Hva er det plass til?

Størrelsen på annonsen bør selvsagt ikke kun vurderes utifra pris, men også behov for plass. Min erfaring er at mange overvurderer mengden tekst det er mulig å presse inn i et gitt format. En godt designet annonse trenger ikke være stor for å være tydelig – men en tettpakket annonse er det ingen som ser. Skal du lyse ut en stilling kan det være lurt å prioritere en stor overskrift. Hvis ingen legger merke til annonsen, hjelper det ikke hvor grundig arbeidsoppgavene er beskrevet.

I samme avis søkte noen tydelig en administrasjonssjef – men de to andre annonsene her er lett å gå glipp av.

Bruk stillingstittel som overskrift der det er mulig og tydelig logo på arbeidsgiver. Det er de to tingene som er viktigst for leseren. Forsøk på fengende overskrifter risikerer å bare bli intetsigende og fort å bla forbi for potensielle søkere. Den rette kandidaten er kanskje ikke på jobbjakt i utgangspunktet og bruker dermed ikke finlese samtlige annonser.

Hvilket program trenger du?

Ikke bruk Word, PowerPoint eller andre kontorprogrammer til å produsere avisannonser. Photoshop er heller ikke å anbefale, men kan gå til nød om du ikke har noen forventninger til trykkresultatet. Tips til deg som liker å leve farlig.

Bruk heller et profesjonelt grafisk program, som Adobe Indesign eller QuarkXpress. Disse er beregnet på annonseproduksjon til avis.

Adobe Indesign produserer PDF-filer som oppfyller avisenes tekniske krav.

For noen kan det være aktuelt å investere i lisens og opplæring, men for de fleste vil det lønne seg å heller få profesjonell hjelp om du ikke allerede har riktig programvare og kunnskap.

Tekniske spesifikasjoner

PDF-filer kan eksporteres fra mange vanlige kontorprogrammer, men vil ikke kunne brukes til trykk. Det virker kanskje rart når utskriften på kontorprinteren ser helt fin ut, men en trykkpresse snakker ikke helt samme språk og trenger andre spesifikasjoner i filen for å forstå den. Jeg analyserer alltid filen i Acrobat for å sjekke detaljene i farger, fonter, overtrykk, oppløsning og annet.

Kontrollen i Acrobat fant ingen problemer i min PDF-fil.

Krav til PDF-filen kan du lese f.eks. hos Bergens Tidende eller hos NADA. Aner du ikke hva CMYK er eller om fontene dine er PostScript-fonter? Høres transparensutflating høres ut som en skikkelig skummel aktivitet? Dette er tegn på at du ikke bør forsøke produsere filen selv.

Levering av annonsefilen

Ta alltid en siste sjekk av annonsen før den sendes. Er målene riktig? Les korrektur på kritiske detaljer som telefonnummer, epostadresse og datoer. Annonser til norske aviser overføres gjennom NADAexpress. Dette er en nettbasert løsning som kontrollerer kvaliteten på filen min og sende meg en kvittering på leveransen.

Annonsefilen overfører jeg til avisen via NADAexpress.

«Ikke gjør dette hjemme!»

Til tross for den forførende tittelen på innlegget, er det altså mange gode grunner til å overlate annonseproduksjon til profesjonelle framfor å gjøre det selv.

Har du ikke et fast byrå du bruker til grafisk arbeid, så kan du la avisen produsere annonsen. Det trenger ikke bli så dyrt og kan være et godt alternativ for mange. For produksjonsannonser gjelder en tidligere frist for bestilling og levering av manus.

Syns du det er dyrt nok med annonsering om du ikke også må betale noen for å lage den? Ingenting er så dyrt som en stor annonse med uleselig tekst på grunn av tekniske feil…

Min nystartede samling av konferansepass som henger på kontoret.

Å lade opp med fersk kunnskap

Som frilanser tror jeg det er ekstra viktig å stadig utvikle ferdighetene sine. Men spesielt innen webdesign er det for mange som blir akterutseilt og leverer utdaterte løsninger til kundene sine. Jeg skrev i fjor at det er ingenting som en konferanse av internasjonalt kaliber for å holde seg oppdatert.

Jobbedag på toget mens jeg rygger i retning Oslo.

To dager med 12 supre foredrag

Simon Collison holdt et gjennomgående inspirerende foredrag om å leve og arbeide som webdesigner. Og han mener vi har et stort og viktig ansvar for å bygge et bedre Internett. Ingen liten oppgave, med andre ord.

Eva-Lotta Lamm lærte vekk teknikker for å ta bedre notater ved å kombinere ord med noe visuelt. Nyttig og praktisk – dette har jeg tatt til meg og det funker!

The Standaristas holdt en glimrende webpolitisk appell med oppfordringer om å sette innhold tilbake i hovedrollen på nettet.

Viktig med pause og påfyll mellom slagene.

Jessica Hische har hatt stor suksess og det er verdt å høre etter når hun sier at det er lite her i verden som handler om talent. Folk har som regel jobbet utrolig hardt for det de har oppnådd. Har du lyst å bli flink til noe? Da må du øve!

Sarah Parmenter er ekspert på å utforme gode brukeropplevelser – og deler praktiske tips om det på konferanser. Sarah er forøvrig et eksempel til etterfølgelse i måten hun driver business, noe hun også skriver om på sin blogg.

Life in the web industry

Wolf Becvar snakket om hvordan få brukere av et nettsted til å bli kunder. Mye tankevekkende og med gode eksempler fra sitt eget firma HotGloo – en tjeneste for å lage wireframes.

Albert Shum leder designteamet til Window Phone og snakket om å designe et økosystem rundt et produkt. Kanskje ikke direkte relevant for mine prosjekt som frilanser, men det var et interessant foredrag.

Mine notater er gresk for andre, men selv husker jeg mye fra et foredrag slik.

Joseph O’Sullivan var en positiv overraskelse med kloke ord om bedriftskultur som er like gyldige i et enkeltpersonforetak. De fem punktene hans skal jeg ta med meg videre.

Straks klar for foredraget «Persuasive Web Design».

Andy Budd er hovedforfatter av min aller første bok om webdesign som jeg fikk på CSS-kurs hos Palografen tilbake i 2006. Tema nå var hvordan overbevise brukeren om å gjøre akkurat det vi vil at de skal gjøre. (Muhahaha…)

Rich Quick viste kjapt og greit minste motstands vei til å lage nettsider som tilpasser seg telefon, iPad og ulike størrelser stasjonære skjermer. Ingen unnskyldninger for å ikke ta i bruk media queries fra nå av.

Nettsiden til Simon Collison tilpasser seg skjermstørrelsen.

«Design from the outside and in. Code from the inside and out.»

Vitaly Friedman oppfordret til å bringe mer substans inn i designet, i form av f.eks. nyttefunksjon og å la nettsider fortelle en historie. Det vi ikke umiddelbart legger merke til i et design, kan være viktigere enn ytre pynt.

Russ Unger presenterte et eksperiment der fire ulike designere har jobbet på samme prosjekt hver for seg og med ulike verktøy. Prosessen visste seg å være overraskende lik for alle fire.

Klassisk avslutning på alle foredrag er bøkene du nå skal lese for å lære mer.

Sosialt avbrekk for en soloarbeider

Den store bonusen på konferanse er alle folkene og det mange anledninger til å snakke mye med både deltagere og foredragsholdere. Frontend har også vært flinke med ulike sosiale arrangement fire kvelder på rad.

Konferanselunsj.

Konferanser er en helt unik anledning til å snakke med kollegaer fra inn- og utland. Om fag – og om hvordan de organiserer arbeidshverdagen sin, forholder seg til kunder og overlever som frilanser.

Mesterklasser med fordypning

Nytt på årets Frontend var en tredje dag med muligheten for å fordype seg i to tema. Du velger en klasse før lunsj og en annen etter, med hele 3 timer hver med undervisning i en liten gruppe. Veldig nyttig! Dette håper jeg gjentaes neste år.

På fest hos IXD siste kvelden. Litt trøtt i trynet etter tre langer dager.

Høy på konferanse

Frontend har i år igjen gitt meg ny kunnskap som kommer til å forandre måten jeg arbeider på. Og jeg dro hjem til Bergen med tusen idéer jeg gleder meg til å sette ut i livet!

Også noen nye fysiske ting: karikatur fra konferansetegneren, bok med Sketchnotes fra Eva-Lotta Lamm, klistremerker fra Subtlepatterns og Smashing Magazine, ark til Teasketches og en haug med nye penner.

Nye ting på pulten etter konferanse.

Enda mer om FRONTEND 2011

• Se om du finner meg i promovideo fra konferansen
• IXD > The Backend of FRONTEND
• Bilder fra konferansen > Frontend 2011 – a set on Flickr
• Wolf Becvar fra HotGloo > From WebExpo to Frontend2011
• Roger Dudler > Frontend 2011 – A summary

Her følger en illustrert oppsummering, men hele intervjuet med meg kan du lese på mineverktoy.com/elisabeth-irgens

En gang Mac-bruker…

Jeg jobber på en MacBook Pro som snart fyller tre år. På 90-tallet var Mac et naturlig valg for grafisk arbeid og for meg har det aldri vært noen grunn til å endre på det. Jeg har faktisk aldri eid noen annen type datamaskin.

Dette er min Mac #5 siden 1996.

Stor skjerm på 27″

Skjermen min er en Eizo FlexScan SX2762W med stort fargerom, fiffige funksjoner og 5 års garanti. Det er en knallgod skjerm som viser farger, kontraster og nyanser du ikke ser på vanlige skjermer. Utstyr til fargekalibrering følger med.

Skjerm fra Eizo kjøper man for kvaliteten, ikke designet…

Kommandosentralen

Jeg er utrolig fornøyd med kontorpulten min, som er bygget av en spesialbestilt benkeplate fra Ikea. Den er hele 90 cm dyp og 260 cm bred slik at det fyller hele kortenden på rommet og gir meg en magisk følelse av å sitte ved en kommandosentral.

Kontorpulten min fyller rommet fra vegg til vegg. Her er det potensielt plass til mye rot!

Telefon som kan trylle

Jeg har en iPhone og det jeg liker best er hvordan den organiserer livet mitt automatisk ved å snakke så bra med datamaskinen min. Det har vært mulig å sette opp epost og synkronisere kontaktlisten på mange tidligere telefoner, men jeg har aldri somlet meg til å finne ut hvordan før.

Forøvrig snakker telefonen min bergensk med fonten Asphyxiate fra unbornchikken.com/skrifter

Et hverdags-kamera

Jeg ønsket meg et kamera var lite nok til at det alltid er med – men samtidig tok gode bilder. Det ble et Sony NEX-C3. Jeg har to objektiver til det på 18–55 mm og 16 mm, men bruker mest fastobjektivet på grunn av størrelsen.

Sony NEX-C3 er et kompakt systemkamera, her med fastobjektivet på 16mm. Foto: sony.no

Grått papir og fargerike penner

Whitelines-spiralblokker med ruter er perfekt til både notater og idéskisser. «The idea is simple; dark lines distract. Whitelines don’t.» Til skriving og idéskisser har jeg byens beste utvalg av Staedtler Triplus penner og tusjer.

Penn og papir er fortsatt viktige verktøy.

Program for kreativitet

Adobe Illustrator er det grafiske programmet jeg bruker mest. Der jobber jeg med farger, former, typografi, tegner, lager wireframes – og skisser på layout til både web og papir. Photoshop er et utmerket bildebehandlingsprogram som jeg bruker mye, men altså mest til behandling av bilder.

Adobe Illustrator: arbeid med illustrasjon og typografi til bokomslag for Aschehoug.

Program for vevvalsing

Jeg bruker Coda for å skrive HTML og CSS. Resultatet sjekker jeg i nettleseren. Dreamweaver har jeg bare åpnet noen ganger ved uhell gjennom årene. Flash kan jeg ikke i det hele tatt. Kanskje jeg prøver Fireworks en vakker dag, men til designarbeid savner jeg rett og slett ikke noe alternativ til Illustrator.

Coda er programmet jeg bruker i dag for å skrive HTML og CSS.

Program for det som skal trykkes

InDesign er et ypperlig verktøy til å kombinere tekst og bilde – og det eneste verdt å vurdere for å produsere trykk-klare PDF-filer. Jeg bruker programmet mest til brosjyrer, annonser, plakater, visittkort og andre trykksaker.

Utforming av annonse med Adobe InDesign.

Vil du lese mer?

Mer detaljer, blant annet om skjerm og forskjellig programvare, kan du lese på mineverktoy.com/elisabeth-irgens – og der finner du også tilsvarende intervju med andre.

Men i Bahrain har man også erfart hvor skremmende effektivt Twitter har spredd rykter og usannheter. Det har florert av falske profiler, falske bilder som har gått verden rundt – og falske meldinger om navngitte personers arrestasjon eller dødsfall.

Det er ikke min intensjon å fortelle noen hvordan de skal bruke Twitter. Jeg har gjort meg noen tanker og jeg deler dem i håp om at noen finner dette nyttig å lese.

Jeg velger å ikke åpne kommentarfeltet på innlegget, men du kan sende meg epost.

Ikke spre rykter og unngå støy

Det hjelper ingen når feilaktig informasjon spres. Før du retvitrer dramatiske meldinger, gjør en vurdering på hvor meldingen kommer fra. Hvis en nyhet allerede er publisert på forsiden av nrk.no – så gjør en vurdering på om du bidrar med noe mer ved å gjenta nyheten.

Finn offisiell informasjon

«Oslo trenger blodgivere» blir videreformidlet i aller beste mening. Men dette har ført til at legevakter rundt om i landet blir nedringt selv om de ikke har noe med Blodbanken å gjøre. I Bergen ber Blodbanken om hjelp, men de har kun kapasitet til å ta i mot registrerte blodgivere.

Vær varsom med etterlysninger

Mange er bekymret for vennene sine. Når man ikke er i den nærmeste familie, må man gjerne vente lenge på informasjon. Men uansett hvor fortvilet du blir av å vente i uvisse, så vær varsom med å lage savnet-meldinger med fullt navn. Leser du slike fortvilede meldinger fra andre, så gjør en vurdering på hvorvidt det er hensiktsmessig å retvitre. Gode krefter er i full sving for å få oversikt. Navn på omkomne vil bli formidlet når tiden er inne for det.

Husk også at mange ungdommer som var på Utøya, vil i de kommende dagene få gitt beskjed til vennene sine om at de er i god behold.

Kontaktinformasjon for pårørende

Politiet og Arbeiderpartiet har begge pårørendetelefoner.
Telefonnumrene står her hos Arbeiderpartiet.

Spre håp og kloke ord

La oss være mer kritiske enn ellers til hva vi publiserer nå. Også misforståelser blir spredd som ild i tørt gress, og det blir stående der i framtiden. Jeg tror folk flest har en viktig rolle på internett utover å formilde siste nytt i høyt tempo. Det siste døgnet har jeg lest uttallige fantastiske tweets med så mange kloke ord og oppfordringer:

La oss holde hodet kaldt og hjertet varmt.

—
oppdatert 26.07.11:
Anbefaler godt innlegg hos tjomlid.com om Falskt Obama-sitat. Husk å være kritisk!

Jeg har nå startet nytt år på eget kontor med innebygget arbeidsro.

Flytting ble ferdig og alt pakket ut i løpet av romjulen. Men ny Moleskine ventet jeg helt til første mandagen i 2011 med å pakke ut fra plasten. Det var litt magisk.

400 blanke sider og et helt år med nye muligheter og spennende planer.

Hvis jeg bare skulle huske avtaler, så ville jeg gått over til en digital kalender for lenge siden. Men min årsplanlegger er både avtalebok og dagbok. Jeg noterer ned arbeidstimer og hvem jeg traff for en kaffe eller øl, limer inn kinobilletter, skriver smilefjes på fine dager og kanskje hva det ble til middag.

Nå er en herjet 2010 klar for arkivet – og 2011 klar for å fylles opp og slites ut.

Utsikten min nå er mest tak, men jeg kan også se opp mot Fløyen og nedover Olav Kyrresgate. Og hvis en av mine tidligere kollegaer i Snedig strekker hånden skikkelig godt ut av vinduet og vinker, så ser jeg det såvidt.

Nå som jeg ikke lenger sitter midt i den verneverdige verdensarven, er det dessuten lov å tenne telys i vinduskarmen.

Flere bilder kommer plutselig! Jeg skal bare bygge en kontorpult som er 260 cm bred først…

«Under arbeid»

Du viser et lite drypp fra noe som gjerne er høyst uferdig. Designet vil kanskje bli radikalt annerledes uken etterpå. Eller kanskje noe akkurat den dagen kom på trykk i avisen? Uansett hva du viser fram, så er et fredagsdrypp en fin måte å runde av arbeidsuken – før du tar helg.

Mine fredagsdrypp fra 2010

Jeg har ganske mye arbeid som aldri ble til noe fredagsdrypp. Og ikke alle nedenfor er like representative for uken som hadde gått. Men her er tilsammen 29 eksempler fra arbeid før det var ferdig – med tilhørende opprinnelig tweet.

10.12. → #fredagsdrypp fra skisser jeg begynte på i dag til en logo og designprofil.

12.11. → #fredagsdrypp fra en torsdag tilbragt i det fine programmet Adobe Illustrator.

08.10. → Jeg jobber med webdesign til et hotell og her er knappene til bookingen.

01.10. → Jeg designer og bygger nettsted til et nytt hotell i Bergen og det skal bli lillaaa! \o/

24.09. → Denne nettsiden er årets innimellom-alt-annet-prosjekt. I dag et #fredagsdrypp med ny meny.

10.09. → #fredagsdrypp med @sortenke som byline på @virrvarr sin kommende bok. Den er jo om sosiale medier!

27.08. → #fredagsdrypp fra første nettsiden jeg har laget med utelukkende midtstilt tekst. Det skjer nok ikke flere ganger!

06.08. → Monster-gravater’ene og meg herjer på Buddypress og er skikkelig sosiale med hverandre.

23.07. → Wheeeee… La oss gå litt amok med tekstskygge, runde hjørner og Google webfonter. #fredagsdrypp & tidlig helg med soft-is!

16.07. → …forsøker skape ro og orden i en samlig med logoer. En av mange oppgaver som blir mer krøkkete på web enn til print.

09.07. → Tegn kryssord i Illustrator og Snap to Grid vil være din beste venn.

25.06. → Ukens #fredagsdrypp er en liten flik av forsiden til @virrvarr sin neste bok. Yay!

18.06. → Ja, tenk om Bergensbanen tok 4 timer. Nesten like lang tid som det går an å bruke på 16×30 piksler!

11.06. → Funksjonalitet til webskissene på plass! Da kan jeg endelig begynne å tegne noe moro. Kan vi utsette helgen litt?

04.06. → Nytt ord: Rablerester! = illustrasjoner som blir til overs og kanskje brukes til noe annet en dag. Et #fredagsdrypp for eksempel.

28.05. → …en illustrasjon til et prosjekt vi kan fortelle mer om seinere!

21.05. → WordPress som aktivitetskalender med den superenkle «The Future Is Now».

26.03. → Helt operativ nettbutikk helt uten utvikler-hjelp. Puh! Nå er det bare designmoro igjen.

19.03. → #fredagsdrypp fra uken er mer på nettbutikken til @hummerkanari som skal få den fjongeste grafikken ever.

12.03. → …fra en uke med fordypning i Zen Cart for å mekke nettbutikk for @hummerkanari.

05.03. → Visste du at Bergensbanen tar like lang tid i dag som for 25 år siden? #fredagsdrypp = logo for en kampanje!

26.02. → …fra nettside for en filmskaper som omsider begynner å ta form.

19.02. → Jeg har jobbet for Naturvernforbundet denne uken. Et #fredagsdrypp fra rentegning av en kampanjelogo.

12.02. → Jeg er på fontjakt. Trenger et kult 2-tall. Og gjerne et tøft 4-tall også.

05.02. → Jeg har gravd fram Nada-profilen & børstet støv av ferdigheter om produksjon av annonsefiler.

29.01. → Nå med mer kinesisk! Og mer Museo! Typografi fra en folder på vei i trykken.

22.01. → #fredagsdrypp er vel egentlig fra før jul, men jeg har avfotografert dette medlemsbladet denne uken.

15.01. → …wushu med to u’er = en jobb for Museo fra @exljbris.

09.01. → …forsinket #fredagsdrypp = tospråklig nettside for en film skaper fra Kina.

Og når prosjektet ble ferdig da?

Disse dryppene ble til henholdsvis: Omslag til Ida Jackson sin bok om Sosiale medier. Medlemsbladet Vestavind for Human-Etisk Forbund. En plakat om wushu og brosjyre om å lære kinesisk. Logo til Bergensbanen 4-2020 og masse illustrasjoner til helsebloggen diagnostisert.

Og ikke minst ferdige nettsider til Katapult Media og Etiopiaklubben og KlubbNorge Shanghai og Wong Men Hoi og aksjonsgruppen 4timer.no.

Resten er fortsatt pågående prosjekter som blir ferdige i 2011!

Internettet vi bruker i dag er et annet enn for bare få år siden. Det er enorm utvikling i datamaskinene og nettleserne vi bruker. Vi ser på skjermer med stadig større oppløsning – men også på mindre skjermer enn før (på telefoner). Dersom jobben din er å drive med webproduksjon, så er det din plikt å holde deg faglig oppdatert. Mellom blogger og bøker, så er det ingenting som en intensiv konferanse av internasjonalt kaliber.

På vei til Oslo og FrontEnd, med innlagt jobbedag på Bergensbanen.

Foredragene jeg likte best

Aral Balkan om brukeropplevelsen av hvadetmåttevære. Oppsummering: i det aller minste, unngå å irritere brukeren – men i beste fall, lag noe magisk.

Elliot Jay Stocks delte sine CSS-tips og argumenterte for at det er på tide å dumpe tanken om at nettsider må se identisk ut i alle nettlesere. Hør hør.

Meagan Fisher ga en visuell presentasjon av en annen verden, der hver eneste slide var et kunstverk i seg selv. Høy wow-faktor.

Meagan Fisher på FrontEnd 2010

Kwame Nyanning holdt en morsom og underholdende presentasjon, som sammenlignet designprosessen med den klassiske kuppfilmen. Fiffig!

Molly Holzschlag oppdaterte oss om HTML5. Tidligere har jeg sett for meg at internettets byggeforskrifter (webstandarder eller vevstandarder) omtrent kommer dalende ned fra oven, men de blir altså utviklet av folk som Molly i ymse komiteer.

Nick La viste en stor samling kule detaljer i forskjellige webdesign. Jeg kunne nok kanskje ønsket mer ukjent arbeid som eksempler… Men jeg er en fan, som har lest og lært av bloggen hans Web Designer Wall i tre år, og syns derfor denne var stas.

Deler av publikum på en av de 3-delte øktene. Jeg sitter til venstre og tvitrer på grønnkledd telefon. / Foto: Stian A. Giltvedt > giltvedt.net

Matthew Smith delte alle sine beste tips om hvordan designe (kundens opplevelsen av) din frilansbedrift. Det ble et tøft valg med de tre parallelle foredragene på ettermiddagen dag 2. Men jeg falt for introteksten «Are there days when you think freelancing might kill you?» Ikke nå lenger, svarer jeg.

Paul Boag hadde en enestående leksjon i hvordan samarbeide med kunden gjennnom designarbeidet. Jeg skulle ønske at jeg hadde hørt dette foredraget for fem år siden, men er veldig lykkelig over å ha fått det med meg nå. Jeg har hatt gode etter-konferanse-opplevelser av å stadig ha en usynlig Boag som sitter på stolryggen min og hvisker gode råd.

Christian Heilmann er et eksemplar fra et miljø av ekte idealister som ønsker å skape et bedre internett og avsluttet årets konferanse med å gå til krig (i vikinghjelm).

Mingling

Det er feil at frilansere ikke har kollegaer. Jeg har verdens beste kollegaer, vi jobber bare ikke i samme bedrift eller engang by. Oslo-turen var en anledning å treffe mange av dem jeg før bare kjente som twitteravatarer. Det viser seg at i virkeligheten, så snakker de alle med en dialekt, men ellers er så hyggelige som man hadde inntrykk av. Og jeg har blitt kjent med nye folk jeg ikke kjente fra før. Yay!

Jeg var så heldig i år å vinne en billett i en loddtrekning på Facebook. En viktig lærdom er likevel at det er knallgod investering å delta på konferanser, så sees på FrontEnd 2011!

Enda mer om FrontEnd 2010

Konferansens pinlige sidespor, glimrende oppsummert av
Paul Boag > Don’t reduce your audience to a stereotype

Iallenkelhet > Slik designar du for førstegangsbrukaren

Kuttisme > Hvilket ansvar har vi som webutviklere og – designere?

Aral Balkan > my thoughts & audience feedback

Flickr > Bilder fra årets konferanse

Bredsgården

Vi vasser i turister på vei på jobb, men seint på kvelden er det roligere.

Kontorfellesskap

På det rosa rommet tryller Gunvor fram de kuleste tegninger av fisk, monster eller fulle damer. Blant annet.

…mens Lilly-Anne tegner traktoregg og fantastiske pingviner. Og byr på espresso!

Inn på det gule rommet sitter Roar og Ronny. De driver med filmproduksjon, når de ikke leker med rokkeringen. Ole har teppe under kontorstolen for å ikke rulle vekk fra pulten mens han designer. Også er det fortsatt et par tomme plasser.

Og her i denne kroken av det grønne rommet sitter jeg!

Kaffe

Som tidligere nevnt, det har aldri blitt utviklet en eneste god nettside uten store menger kaffe. Her går det for tiden i zapatistkaffe kjøpt i Robotbutikken. Tekopper med 21 Gram fra når jeg hadde praksisplass som grafisk designer på Bergen Kino.

Viktig verktøy

Bøker og annet stæsj.

Souvenirer

Visittkortholder fra Beijing, et penal kjøpt i Stockholm og en tacky penneholder fra Mongolia.

Lokaler i 3. etasje

Altan! Vi har altan. En slags altan.

Fjongt på badet. Og vi har bare såvidt begynt å pynte. Muhahaha!

Møterommet vårt har det skeiveste gulvet i hele byen, og alle må passe hodet på vei inn…


Veldig ureglementert henging av oppvaskhansker fra Hummer & Kanari. (Oppvaskhanskene ble tatt ned fra sprinkleranlegget straks etter at fotografering var avsluttet.)

Armingser for å holde varmen

Jeg har verdens finste armingser – med edderkopp – strikket av Skumle. Nå kan jeg taste kode i hele vinter uten at fingrene fryser fast i tastaturet.