Responsiv design snart avleggs?

Da smarttelefonene så smått begynte å gjøre seg gjeldende som plattform for vår internettlige gjøren og laden var det veldig brått om for alle å ordne med responsive nettsider (sider som ommøblerer seg selv på bakgrunn av det de vet om den besøkendes nettleser og brukerplattform). Jeg var intet unntak, men det er fryktelig lenge siden nå, nærmere bestemt den gang ikke mer enn om lag ti prosent av oss surfet på mobil.

I dag har den prosentandelen vokst til cirka 55 prosent. Flertallet av oss bruker altså mobil når vi er på nett, i motsetning til den gang nettsider primært ble utformet med tanke på PC-brukerne, med en sekundærløsning for dem som besøkte fra mobil. Ettersom forholdet mellom dem nå er snudd på hodet kunne man kanskje si at det burde være omvendt – altså at nettsider primært ble utformet med tanke på mobilbrukerne, sekundært på dem som besøker fra en PC. Ikke sant?

Det er i alle fall hva jeg har gjort med disse sidene, utformet i HTML5, med rom for alt vi før fant i Adobes for lengst forlatte og forhatte Flash (klikk «Kom inn!»-knappen):


Klikk her for å se siden i fullt format.

Siden over er like stor på PC som på mobil (bare sjekk!), som selvfølgelig er noe av poenget. Skulle du derimot ha behov for nettsider tilpasset begge plattformer – så vel som nettbrett – er det naturligvis en smal sak.

Et annet pluss ved HTML5-sidene er at de kan tjene som banner-annonser eller tårn, som vist under, med all interaktiviteten du ser i eksempelet over, om det er ønskelig. Her er en skisse jeg laget for lokalavisen – i fall de kunne tenke seg å eksperimentere med formatet:


Som sagt en skisse. Svært hastig sammenrasket, som du ser, men så ble den også utelukkende snekret for å se om avisen klarer å inkludere slikt. Responsen har foreløpig uteblitt, men det er klart det er von i hangande snøre.

Som i papiravisene betaler du for webannonsens fysiske format, så du kan jo tenke deg hvor mye du kunne fått fortalt om annonsen var utformet som den gule siden over …

Selv kommer jeg i alle fall til å vie en god del tid både på animasjon og mobiloptimalisering – ettersom det store gross av oss engang manøvrerer de virtuelle sfærene mobilt. Følg med!

Hyperlokal kampanje for knapper og glansbilder

Å være frilanser i grisgrendte strøk kan være noe av en utfordring, så det er ikke fritt for at lokal kundeakkvisisjon fordrer en smule innsats. Nå er det selvfølgelig ikke første gang jeg prøver, men jeg har forbannet meg på å gjøre et siste forsøk – denne gang i form av en koordinert kampanje, bestående av denne annonsen (som vist over) i lokalavisen:

Faksimile av annonse i Bladet Tysnes 31. oktober 2019.
Kraftig forstørret faksimile av annonse i Bladet «Tysnes» 31. oktober 2019 (og herregud, så vidunderlig underground det egentlig er med sorthvitt! Hilsen bad boy Petterson).

På prent fyller den bare 25 millimeter av én spalte, trykt i gloriøs – og dermed billig – sorthvitt, for den nette sum av om lag 200 penger (eks mva), supplert av en video på Instagram og Facebook (som når et par tusen lokale sjeler for 63 norske kroner):

Samt denne landingssiden:

du_saag-mac

Alt sammen ledsaget av en oppfølgende e-post til næringslivet på Tysnes. Da snakker vi valuta – for skarve kr 263,- i distribusjonskostnader.

Så gjenstår det å se om det lokale næringslivet biter på kroken denne gangen, men det er von i hangande snøre – spesielt nå som de er tilskrevet på nynorsk og allting.

Wish me luck!

Og husk:

Du såg da her – klikk her

P.S. Og så kunne jeg selvfølgelig ikke dy meg for å runde av med denne:

View this post on Instagram

Du såg da her, så klart! #tysnes

A post shared by Jarle Petterson Media (@jarlepetterson) on

Kliss lik på PC og mobil

Nå er selvfølgelig ikke responsiv design (altså utforming tilpasset alle plattformer, enten det er mobil, nettbrett eller PC) noen nyhet, men like fullt et fenomen jeg akter å forfølge, kombinert med såkalt rich media-annonser.

Responsive nettsteder er imidlertid ikke like på PC og mobil. På mobilen ommøbleres derimot siden, slik at alt passer inn i ett løp, i stedet for breddeorienteringen du ofte kjenner fra PC-skjermen – så jeg tenkte jeg skulle leke meg litt med nettstedet for medieimperiet petterson.media, som ser ut som over, men også som dette (og dermed like egnet for PC som mobil):

Siden er ingenlunde ferdig, men dette måtte bare prøves ut. Som du skjønner kan den, integrert som her, også tjene som en regulær annonse, med de klikkbare lenkene intakt, og jeg kunne ha supplert med animasjoner, men det får bli senere. Vi snakker ikke 1990-talls Flash-teknologi, men HTML5, som er leselig i alle nettlesere – uten innstikk.

Og du verden så moro det skal bli! Det begynner å bli veldig mange år siden jeg egnet meg til webdesign, nemlig. Webutvikling, tuftet på eksisterende maler og publiseringsplattformers begrensninger, ja visst, men fri design fra scratch er noe jeg har savnet lenge. Det blir nesten litt tilbake til start, men jeg gleder meg også til å bedrive regulær annonsedesign – innbakt på sider som her.

Bedre med en vegg i hånden enn et tak i lomma

Enten du kaller dem roll-ups eller quickscreens er de greie å ha for hånden, skulle du behøve ultraportabelt profilmateriell du lett røsker med deg i en håndvending.

I uken som gikk utformet jeg en for HSMAI, som debuterte i et frokostmøte på Thon Hotel Opera i Bjørvika i går (hvor disse bildene er tatt). Det er blitt veldig mange gjennom årene, og jeg tror nok trygt jeg kan hevde at akkurat dette må være den «veggen» som har krevd aller minst av designferdighetene, men du vet hva salig Ludwig Mies van der Rohe tross alt sa: less is more.

Hvorom allting er, her er en slags close-up:

HSMAI rollup
Roll-up-panel for HSMAI Region Europe, på 100 x 200 centimeter.

Isometrisk moro

Skjønt illustrasjon definitivt inngår i pakkeløsningen jarle.petterson.media er det nok ikke primært illustratør jeg er, men neigu om jeg akter å la det hindre meg i å leke med tegning i ledige stunder – og siden det engang er sommer …

Gjenstanden for min fascinasjon denne sommeren er isometrisk tegning, som ulikt perspektivtegning ikke involverer reduksjon av flatene «bakover» i bildet. Du finner ofte isometrisk projeksjon i dataspill, men for egen del akter jeg å anvende teknikken i vanlige illustrasjonsoppdrag (det er bare å gi en lyd om du skulle ha slike behov).

Og jada, jeg er helt på det rene med at fargebruken for oven er noe av en gjenganger her i gård (noe som nok må tilskrives min amerikanske opplæring udi det datagrafiske på 1980-tallet):

bars

piktogrammer_flate

Hvorom allting er står jeg til disposisjon for virksomheter på Tysnes – eller hvor du nå måtte holde hus.

Tysnesutstilling på amerikavandring

For noen uker siden ble jeg gjort oppmerksom på at utstillingsveggen jeg laget for Venelaget for jåttseglarane på Tysnes har forlatt Hereshoff Marine Museum i Rhode Island etter et helt år, til fordel for New York Yacht Club, der den blir stående til midten av oktober.

Det er ikke lenger så ofte jeg får anledning til å bidra til å spre glade budskap i slikt omfang, og i alle fall ikke utaskjærs, så dette er stas – både for Tysnes og for meg. Sjekk denne korte videosnutten, så blir du kanskje hakket klokere:

jarle.petterson.media on Twitter

I dette nu er utstillingen jeg laget for Jåttseglarane på #Tysnes i ferd med å monteres i NY Yacht Club ( i rommet som først huset #americascup), etter å ha tilbrakt ett år på Rhode Island. Husk å google «The Norwegian Steam», for å se ledsagende video. https://t.co/Q3Dvg29Vj0

Og om du ønsker å se hele videoen om jåttseglarane, som jeg laget i samme anledning:

Foto: Mannskapet på J-klassebåten «Weetamoe», for en stor del sammensatt av tysnesinger.

En innbilsk jævel

Postet dette videoklippet på kvitrestedet, Face og LinkedIn i går, som følge av at det nok er en smule stille i fjøset om dagen (og det går jo ikke an!):

jarle.petterson.media on Twitter

Selvskryt skal man lytte til, for det kommer som kjent fra hjertet – og så skal man jo helst ha til salt i grøten (og for all del, skulle det være noe jeg kunne hjelpe med, er det jo bare å gi en lyd). https://t.co/XDlgKNTois

Alt sammen skutt og redigert med en sølle mobil, så klart, etter hevdvunne fort gjort i en port-prinsipper – og den innbilske jævelen, det er meg, som det fremgår av klippet (ikke at jeg sier noe jeg ikke kan stå for, altså).

Som nevnt i videoen, dog: har du noe du skulle ha gjort på kommunikasjonsfronten, er vi altså på full fart inn i lavsesongen, med alt hva det innebærer av utvidet kapasitet.

Toppfoto: Min An på Pexels.com

Hit the road, MacHumblebrag

Du legger sikkert merke til dem dann og vann, de som ikke refererer til PC-en eller laptopen sin, men Macen – naturligvis fordi de svever i en eller annen forestilling om at det gir dem en slags status i kretsene de regner seg til, som i passusen jeg leste i en av våre riksaviser her om dagen:

Så jeg tar på meg lua og smilet og sneakersene og pakker Mac-en i sekken.

Sneakers, må vite – ikke sko, som du og jeg trolig hadde valgt.

La meg bare ile til med forsikringer om at jeg alltid har ansett klatrerne som flasher merkevare-produktene sine mer som kilde til frydefulle fnis enn egentlig ergrelse, selv om jeg naturligvis syns det er trist at de som bedriver slikt nå er blant dem Dagsnytt 18-redaksjonen tauer inn, våre fremste synsere – og ekspertise på hva det egentlig skulle være.

Det er en underlig form for snikskryting (av engelsk humblebragging), som manifesterer seg i henvisningene til «iPhonen min», ikke mobilen, eller Teslaen, ikke bilen – for å nevne noe. Selvfølgelig er det et utslag av tidsånden og materialismen som gjennomsyrer det narsissistiske samfunnet vårt, men det betyr jo ikke at vi trenger å like det.

Personlig kommer jeg nok ufortrødent til fortsette med å henvise til laptopen, mobilen og nettbrettet mitt, selv om jeg – for anledningen – ikke kan nekte for at de henholdsvis er en Mac, iPhone og iPad.

Ser man det …

apple_aaargh

Det skal visst ikke være så lett.

Illustrasjonene er mine egne, förstås.

I ti års tjeneste for HSMAI

Ved inngangen til år 2009 var jeg medlem av teamet hos et byrå som foresto fremstillingen av Møtebørsenavisen i forkant av HSMAI-arrangementet Møtebørsen, det året.

I møter med organisasjonen ble det fort klart at HSMAI ønsket å utvide samarbeidet – ikke med byrået, men med meg, idet det var blitt klart at organisasjonen ville behøve utvikling av nettsteder for praktisk talt samtlige europeiske land, noe som forutsatte at jeg måtte vie all min tid til HSMAI, og en avskjed med tidligere kunder.

Rett nok skulle det ikke gå helt slik, men til tider har det vært mer enn nok å gjøre for HSMAI alene – ikke minst i forbindelse med utviklingen og driftingen av det norske nettstedet (det europeiske har de siste par årene vært overlatt krefter på nedsiden av kloden), aviser, magasiner, messedisplayer, veggpresentasjoner, annonser, intervjuer, oversettelser, videoproduksjon, ti år som redaksjon for HSMAI.no – utvikling av et vell av tema- og event-spesifikke nettsteder, for å nevne noen få ting jeg i farten kommer på (noen av dem gjengitt i dette arkivet).

Siden ti år ikke akkurat er småtterier, syntes jeg nesten en liten markering var på sin plass – i form av denne videoen (husk lyd):


Tusen takk for samarbeidet, HSMAI!

Programmer og plakater til 17. mai

Her om dagen kunne jeg fortelle om en pamflett jeg nylig laget for kommunen, men det er ikke det eneste lokaloppdraget som har tilflytt meg i det siste (aner vi et paradigmeskifte?). For også i år hadde jeg gleden av å utforme programmene til 17. mai-feiringen her til bygds, slik tilfellet i og for seg også var i fjor:

No livnar det i Lunde

Denne gangen endte det imidlertid også med plakatene som kunngjorde årets program (leselig versjon her):

17. mai-plakat for Lunde 2019, opphengt utenfor nærbutikken.
17. mai-plakat for Lunde 2019, opphengt utenfor nærbutikken.

Rett nok var oppdraget pro bono, som de gjerne pleier, men det er klart det likevel er hyggelig å bli spurt – i alle fall når man alt har til salt i rømmegrøten. Og innmaten av programmet:

17. mai: Innmaten av programmet for grunnlovsfeiringen i Lunde 19. mai.
Innmaten av programmet for grunnlovsfeiringen i Lunde 2019.

Alt rimeligvis emballert i gilde norske farver og trær i nyutsprungen skrud, som det sømmer seg på nasjonaldagen selveste, og på det jeg forestiller meg er plettfritt landsmål (så nær som Fedrelandssangen). At det ville bli bruk for ungdomshuset jeg tegnet hin høst, det visste jeg jo:

Ungdomshuset Frilund i Lunde
Ungdomshuset Frilund i Lunde.

Med det ønskes både tysnesinger og både nordmenn for øvrig en uforlignelig grunnlovsdag, med alt som hører til. Hipp hipp og sådant mere!

Norsk flagg, malt til generelle illustrasjonsformål
Norsk flagg, malt til generelle illustrasjonsformål.

P.S. Har du forresten hørt den siste podkast-episoden min? Hvis ikke, har du sjansen nå: