interaktionsdesigner & webbutvecklare

Omnigraffle stencils and beyond

Or how to create great wireframes in breeze.

Omnigraffle is not just for wireframes, you can also use it to create schemes for electricity, but it is a great tool to make wireframes. Here are my 3 steps to speed up the Omnigraffle experience!

>>> Download Omnigraffle
But beware that Omnigraffle 5 is way better than 6.

Get stencils, but not just any stencils

Konigis stencils, if you dont have these already, get them now. Go ahead, I wait here. Don’t forget to donate! OmniGraffle Wireframe Stencils by Konigi

If you are still worried your wireframes aren’t stylish enough, these stencils will save you: ZURB Foundation 4 Stencil Sets

Set and use your own shortcuts

On a Mac it is supereasy to create your own. Go to Settings and pick “Keyboard” and under the tab “Shortcuts” pick “App Shortcuts” in the menu on the left side. To add your own just click the “+”. In the window choose your application, type exactly what in the menu you want to do, hit the keys you want to use. Ready.


The shortcut for the colors-window, : CMD + Shift + C
Yes, it works in any apple-program that has it.

These are my Omnigraffle shortcuts, very recommended.
Omnigraffle Shortcuts

Let a script do the running for you

Here is how you create a clickable index for your canvases which can come handy for that tremendous project, you know what I mean. Styles for automatically-created Table of Contents in Omnigraffle

Read also:
What wireframes are and why you should love them

Additional reading:

For all the shortcuts in Omnigraffle do see this one:
OmniGraffle 5 Keyboard Shortcuts (pdf)

Also, make sure you check this list out:
10 Omnigraffle tips you might not know (plus one bonus!)

And this:
Techjournal Omnigraffle Tips (pdf)

Is instagram closing a circle?

Since a month back I have been active on Instagram, it’s a soft-start with photography again and I love it.

Before I was reluctant to using filters, why would you “destroy” the perfect image by using tints? But then again, the nostalgia of a photo with the perfect feeling of a print in the mid-eighties. For me that is childhood-memories. All generations have their own, for the 70s there is not much left however since a lot of images got ruined by misstakes in the development-fluids by Kodak for color-images.

Will faded instagram-images be for the kids growing up, what faded color-prints has become for me? If so, is the circle then closed or are we just at the beginning of something else?




Collaboration Spira

Spira Trädgård is a newly founded gardening company that aims for households in the suburbs that need professional help with their gardening.

I came about as they needed a website, and they needed it now, before the gardening-fair!

Since I know my way around Wordpress I decided to give them a hand in buildning a website, clear and organic at the same time. Design made by Maria Ström in a good collaboration that gained me more experience with Twitter Bootstrap 3 and mobile first development.

The site to come:

What wireframes are..

and why you should love them.

Before I got seriously into the business of webb I was complaining about the tedious process there must be about making a website, I am of a very impatient nature. But I’ve learn’t why we shouldn’t skip this crucial step, let me tell you why.

So firstly: what are wireframes?
I’d like to think that wireframes are like blueprints of a website, it is what defines the interactions a user can do. Can you as a user sort the search you made on shoes by brand and prize or are there 200 shoes with the same picture and pricetags? The information you are presented with also defines what actions you are able to make, or not make.

An example of a wireframe showing how a panel-menu works:

omnigraffle wireframe

Since I have the ability to setup a working website myself (I’ve done a few) I’ve sometimes fallen into the trap of skipping the wireframes step, “I know how I want it”. I’ve then spent countless of hours making strange decisions that I could have avoided.

So I will give you a list of why wireframes are good for you.

1. They keep you focused
They tell you what to do, so you do that and not a lot of other things.

2. The dialogue will be easier for you.
This is true wether you are the webdeveloper, the project-manager, the product-owner or whoever needs to know about this website. It’s on paper therefor we can see it, and so there was a chat.

3. They are the basis of testing.
With a wireframe its as easy as printing it out, asking the person next to you on the subway “where would you click to buy this product? Ask and you will get answers and insights that you need.

Some words along the way:

To make sure the tests are informative: ask for input and test on the right users, your users. Find out where they are and what they need; take steps from there. (Just because the users want a feature doesnt mean they should have it, it’s also about listening and see the need behind the wanting and find the accurate solution).

What are your thoughts? Let me know in the comments!

Nya strategier

Klara Interaktionsdesigner

Efter en tid på United Stockholm letar jag nu efter nya uppdrag som Interaktionsdesigner/UX. Jag är grym på att göra wireframes, ställa obekväma frågor och analysera behov. Jag har ingen prestige men jag är modig och villig att utmana mig själv och vad jag tror jag kan.

Interaktionsdesign blir aldrig “färdigt” men jag strävar efter det och håller mig uppdaterad om de senaste UX-trenderna och ständigt ha saker att undersöka, då mår jag bra.

Nu letar jag efter en plats där jag kan lära mig mer UX, helst på ett ställe där man ser lite längre och vill lite mer med helhets-upplevelsen. Om du känner att det stämmer in på din arbetsplats, tipsa mig! eller haffa mig på linkedin

Vi hörs!

Vacation in ancient Greece – Back in Business Hellas

Back in Business is a yearly geocaching-event that takes place in Stockholm as the caching-seasons begin anew after a long (and often cold) winter.

I was asked to do the graphical identity for this years edition and I immediatly said yes. The theme of the year is Holidays in acient Greece and will take place in Hellas, a naturereserve in the outskirts of Stockholm.

I lended my inspiration from the greek pottery with their mathematical patterns and mythical illustrations and wondered how geocaching would have been portrayed back then and how would they portray us going there?

The result was a background-pattern, illustration and a logg-remsa.

See the events online and read more about geocaching here:

I hope to see you in Hellas!

*Where you logg your nickname when you found the geocache associated with this event.

Stockholm Makerspace

I just started a collaboration with Stockholm Makerspace, an awsome open workshop where you can work on different materials such as wood, textile and metal. But formost with electronics which makes this a beautiful starting-place for groundbreaking ideas and adventure, which is why I wanted to go there!

I came about this place through Geek Girl Meetup and I had some ideas of diverse projects I wanted to start with. In midst of that it turned out they were looking for an interaction-designer to take on their site and there I was.

The coming weeks I will be putting a bit of thought and work into that and maybe some reflections around that will show up here too.

Read more:

Mobile first är det nya svarta.

Nu är jag hos United Industries Stockholm, det har varit en väldigt spännande tid och jag har därför inte skrivit så mycket. Jag har främst arbetat med att översätta ett mobilt ramverk till tablet och från det till desktop. Mobile-first är det nya svarta.

Mobile first är ett inte längre nytt, men jag är säker på att det har bidragit till ett tydligare resonerande kring användarupplevelsen och gjort UX (User Experience) till ett hett ord. Det som händer när man gör mobile first är att man begränsar sig, det är som att designa ett frimärke. Allt måste verkligen vara viktigt för användaren, vilka är bättre på det än vi interaktionsdesigners?

UX är som många andra ett uttryck med många innebörder. För somliga är det bara grafisk design medan jag menar att det är där interaktionsdesign och grafisk design flyter samman. Det går att tillsätta den genom två roller, en interaktionsdesigner och en grafisk, förutsatt att de pratar med varandra och har en tydlig vision. Ibland har jag sett att det inte är fallet och då blir bygget mera svajigt och svärtan tonas ut.

Mer läsning:

Vivir Productions Live

Nu är siten färdig och det har varit ett fantastiskt samarbete med David Pontvik. Vi har tagit fram ett helt nytt koncept och uppdaterat logotypen för att verkligen lyfta fram live-känslan. Läs mer om projektet och se bilder här: Portfolio – Vivir Productions

Inför Geek Girl Meetup

Den 19:e November är det dags för extra årsstämma med Geek Girl Meetup här i Stockholm, 18-21 på SUP46, Regeringsgatan 29, Stockholm (anmälan senast 15:e november)
GGM blev en förening nu i våras/somras och det ska bli så kul att höra vad de har gjort för planer och de lovar att de ska avslöja vad GGM14 ska ha för tema. I våras var temat Rymden och året innan Vacker Data.

Geek Girl Meetup

Uppdatering av

I samband med bytet av gridsystem av siten så passade vi på att uppdatera upplägget! Vi passade in nytt material, justerade layout och plockade bort sektioner som inte kändes relevanta längre. Arbetet pågår (som alltid) fortfarande men titta in, du har väl inte missat bloggen?

Darkest Skies

Dark Skies Association uppdaterades med ett nytt grid-system och en uppfräschad butik! Men det mesta har ändå hänt på baksidan där allt nu är anpassat och enkelt att uppdatera. Varje gång jag gör ett tema till en site ger jag den ett namn, den här fick namnet Darkest Skies, för det blir inte mer kondenserat än så här.

Dark Skies

Clown celebration!

Den här sommaren fyllde min käresta år och eftersom han hatar clowner så bestämde sig hans kompisar för att göra en geocaching-serie* om just en clown för att retas. Mitt bidrag var den grafiska designen med logotyp och en “tapet” som höll samman serien.

Se helheten på



*Geocaching är en slags världsomspännande skattjakt med GPS, läs mer på

Tipp tapp, tipp tapp, tippe tippe tipp tapp…

Förra året gjorde jag illustrationer till en jul-geocache*, den handlade om tomtens släde som fallit ner och nu skulle hela julen bli försenad. Som mysterium ska man lösa var den slog ner för att kunna hitta den svarta lådan och rädda julen.

Jag gjorde teckningar och stylade dem tillsammans med texterna, så gott det gick. Se helheten på

*Geocaching är en slags världsomspännande skattjakt med GPS, läs mer på

Entering Space!

Jag ska på Geek Girl Meetup i helgen, det kommer bli helt fantastiskt!

Temat är Enter.Space och där finns det många svarta hål jag vill fylla igen. Ser så fram emot att höra vad som står bakom lite kryptiska titlar som ’a journey from space down to earth’ och ’the space between’, lära mig om sci-fi-hjältar och vad Sverige egentligen gör i rymden.

Men allra mest ser jag fram emot att träffa alla geekgirls igen, det kommer bli så fint!

Läs tweets: #GGM13

Jag är @klarani

Praktik på nionde molnet!

Nu är jag på praktik hos Cloud Nine sen i april och lär mig allt om gradienter och små små detaljer som gör en sådan skillnad. En pixel, en endaste! Det är helt fantastiskt!

Jag har fått imitera tidigare grafiska element, vilket nog inte var meningen men det blev så av olika anledningar, och med det fått chansen att verkligen gå in i detalj och förstå på riktigt.

Det tog ett tag att kalibrera om ögonen och i ärlighetens namn så var det nog lite motstånd först, men det går inte längre att bortse ifrån. “It cannot be unseen!” Vill jag utbrista högt ibland och sitter över på lunchen för att få den där knappen helt rätt.

För övrigt så har Vasamuseet släppt kampanjsiten nu, frimärket ligger på deras huvudsida och väntar på ditt klick! iPadsen är ännu inte installerade, men vi väntar med spänning.

Måste testa!

Förra veckan bloggade jag på NackademiBloggen om processen och vikten av att göra prototyper och testa på verkligheten. Detta gäller i allra högsta grad när man arbetar med responsiv design som ska anpassas efter olika enheter. Det finns simulatorer men verkligheten regerar ändå anser jag.

När man gör en snabb prototyp i html och css upptäcker man en del saker man kanske först inte hade trott och här tänkte jag redogöra för tre sådana upptäckter.

1 Position fixed fungerar alldeles utmärkt på safari med ios 6.2, med enbart css. Det här var något som många tutat i mig inte fungerar, även idag, men det ska fungera även i ios5. Det fungerar fortfarande inte lika bra på alla enheter så man ska ändå iaktta försiktighet med det, men det känns lovande!

2. Färger kan skilja sig markant från vad din dator visar och jag var tvungen att justera ganska markant uppåt på saturationen på färgerna för en iPad 2. Något jag inte alls hade räknat med och som även det är omöjligt att parera utan en prototyp och ett test.

3. Att testa en site med en iPhone är tålamodsprövande då Mobile Safari har svårt att släppa cachen. Jag har tidigare fått rådet att ladda css-filen separat för att vara äker på att den verkligen laddas (om). MEN! har man css-filen inbäddad så är det inga problem alls med sådant, jättebra när man ska göra enklare tester.

Läs inlägget på Nackademins blogg här:

Bloggar för Nackademin!

Jag blev tillfrågad av Nackademin att blogga för dem om mitt exjobb som jag är mitt uppe i nu, jättekul!

Ni kan läsa inläggen här: NackademiBloggen


Min kulturella lördag vart lite annorlunda den här gången, jag gick på ett seminarium på .SE om kryptering, väldigt spännande. Jag tror få tänker på att de använder kryptering och hur det egentligen fungerar, man kanske tänker att det är som i Millenium-filmerna. Men egentligen använder man det ju varje gång man loggar in på sin gmail (i någon mån) och när man loggar in på sin internetbank.

Man kan göra sin data krypterad och oåtkomlig, men i slutändan är det enklare för den som vill åt din information att kräva den av dig med (mycket?) våld än att ge sig på att lösa kryptot. Det kan ändå vara värt att se över säkerhet och skydd, om inte annat så för att nyfikna inte ska kunna snoka runt hur lätt som helst.

MBB -Medicinsk Biokemi Biofysik

MBB står för instutitionen för Medicinsk Biokemi och Biofysik på Karolinska Institutet. De var i behov av en logotyp till en flagga och internt brevpapper samt för material i undervisningen. Jag gjorde det här som förslag där jag anspelade på institutionens historia och tradition men samtidigt på innovation, kreativitet och sammanhållning.

Tre Munkar i Flash med Actionscript

Tre Munkar i Flash med Actionscript

Actionscript och animering med flash är vad jag pysslar med just nu, det är något speciellt med när ett objekt börjar röra på sig. På rätt sätt får man känslan av att det har känslor.

I grupp om tre gör vi en kampanjsida för en ny munk-smak och det här är med i den. Ni som har flash-blockerare, too bad, de är riktigt söta!

Pitchar och Wordpress: Internetdagarna

Idag besökte jag InternetDagarnas Pitch-forum kan man säga, en hel del startups som i varierande grad förberett sina presentationer för att hitta finansiärer. Jag pratade med grundarna bakom Simple-Signup som pitchade för en spin-off på deras tjänst. Simple-signup är en tjänst som jag har kommit i kontakt med många gånger när jag har skrivit upp mig på ett event, smart och enkelt. Nu blir det Easy Experience Booking, spännande!

Dessutom lyssnade jag en stund på Kristian Erendi “Ajaxifiera dina tillägg med jQuery”, en session han höll på WordCamp-forumet. Ett föredrag som passade just mig synnerligen bra då det är en del i det mer långsiktiga wordpress-projekt som jag jobbar med just nu. Hans gick igenom steg för steg hur man gör en enkel plugin, väldigt matnyttigt! Mer på

Det fanns ofantligt många sessioner att lyssna på, tråkigt som vanligt att de inte spelade in dem allesammans…

Internetdagarna ska fångas!

Jag ska till internetdagarna, programmet är upplagt på de sista dagarna av ett grupp-arbete men jag hoppas kunna smita ifrån för att gå på en del saker i alla fall!

Helt säkert är i alla fall att jag ska på Internet Discovery Days som är ett lite oväntat seminarium för startups och entreprenörer. Ska bli superintressant att se vad som är på gång!

En annan sak jag inte tänker missa är Var är brudarna?, ett seminarim om hur företag kan hitta fler kvinnor inom IT-branschen och visa tjejer redan tidigt i skolan att de här yrkena också finns. Sofia Embrén, rättviseförmedlingen, ska vara med och det är ju en hit bara det!

Mer om dagarna här:
Internetdagarna 2012

KLARA <3 Wordpress

Efter vänliga (men bestämda) påtryckningar har jag nu klivit ner på riktigt i Wordpress.

Att ta det här steget gick inte helt lätt till en början, det som puttade mig över tröskeln var något som heter post-types, det är en funktion som tillåter mig att anpassa hemsidan så att kunden själv kan uppdatera sin hemsida. Genom att bara fylla i fälten för de olika delarna själv, och låta wordpress sköta resten, så kan man spara tid åt både kunden och sig själv!

Den här odyssén har bara börjat och har redan fått konsekvenser som bortglömda middagar, krökt rygg och förtjusta små applåder. Behöver jag förklara varför jag gav mig in på den här banan i första taget?

Förutom post-types har jag implementerat special-menyer, metaboxes, featured images och hamnat i närkamp med permalänkar. En sak jag snubblade över var hur man personaliserar sin inloggnings-sida till wordpress. En så enkel och ändå helt briljant sak! Visst blir det en helt annan känsla av att logga in? Där är en del av svaret på varför jag gav mig in på den här banan!



Logotypen Offentlig

Team Kattslakt Logo

Jag har idag den stora äran att tillkännage att logotypen till Team Kattslakt är helt officiell. TK är ett geocaching-team som satsar på att både ge ut och ta såkallade högterrängs-cachar.

Även om namnet kan ge sken av något annat så är alla inblandade stora djurvänner, namnet är mer en “attityd” och därför har jag sett till att katten har lite attityd den med. Vill den välta eller skydda namnet?

Läs mer:
Följ oss på twitter @TeamKattslakt

*Geocaching är en internationell skattjakt med GPS. Ett annorlunda sätt att ta plats i det offentliga rummet som jag verkligen gillar.

Sommaren blir fantastisk i år. Sådeså.

Sommaren hastar hitåt och jag har fullt upp med att avsluta läsåret och småprojekt som ligger och skvalpar. En del av dem kommer presenteras här inom kort, hoppas jag.

En fenomenal nyhet är att jag ska vara på Screen Interaction sommaren ut! Lyckan är total! Dagligen kommer jag till nya insikter om mitt eget sätt att arbeta och hur det går ihop på en arbetsplats, och lär mig mer än jag hade vågat hoppas på.

Idag såg jag även en citronfjäril, så nu är det bestämt att sommaren blir fantastisk i år.

kristoffer har nu även en blogg!

Fram med champagnen, har nu även en blogg! Sidan som helhet har dessutom ny typografi med slimmat innehåll i responsivt snitt.

Kulturella Lördagen på Grafikens hus

Jesper Waldersten Grafikens Hus

Jag drog igång kulturella lördagar som ett projekt när jag flyttat tillbaka till Stockholm från Eindhoven. Under åren i Holland handlade allt om att göra men jag la ner väldigt lite tid på att ta intryck av omvärlden. Det blev en belastning i en liten stad med litet kulturellt utbud och jag tänkte “jag tar något kul i en annan stad nästa helg -för då har jag tid”, vilket såklart inte hände. För att komma ur det tänket ville jag “tvinga” i mig kulturella upplevelser på en regelbunden basis när jag faktiskt kunde.

Helt fantastiskt var det och därför försöker jag börja nu igen, det är viktigt för ens eget välbefinnande att få bli förundrad, omskakad och inspirerad. Alldeles oberoende om ifall man faktiskt ska skapa något eller inte, det ser till att man kastas ur sina vanliga banor då och då.

I alla fall, vårens första kulturella lördag var på Grafikens Hus i Mariefred där det var en utställning med Jesper Waldersten jag velat se länge. Men där var också en utställning av en sydkoreansk konstnär som gjorde växtmönster för att illustrera kärleksbrev (väldigt vackra och överraskande färgkombinationer) och en annan utställning med illustrationer till Tranströmers dikter. Det var på så vis en fin blandning av riktig svärta, vackra färger och stillsamma iakttagelser.

Det var inte helt lätt att ta sig dit, men det var helt klart värt allt besvär*. Särskilt om man är nyfiken på Waldersten, hans verk fungerar verkligen bra i så stort format.

Kul video till utställningen.

*Inträdet som student var gratis och det var ju fint.

Som julafton fast i Mars!

Det var lite som en julafton i fredags, det snöade och jag fick öppna paket. För flaggan till kåren blev färdig och levererad från Maxdialog och jag hämtade foldrarna från Trycknu. Inte nog med att de kom i super-läglig tid inför öppet hus, de vart också vansinnigt bra!

Tyvärr är inte min kamera lika bäst så det blir bara bild av flaggan.

Hur många minuter av fame är en tidningsartikel?

Äntligen fick jag vantarna på bilagan som SSCO skickade ut med DN den 26 mars, där jag är med! En tidningsartikel om hur det är att vara student på en YH-utbildning. Jag vill ju gärna sno åt mig lite av äran för valet av rubrik, eller är det bara jag som tycker att den är lik rubriken till texten om mig?

Ideal och Idoler på webbdagarna

Jag tänkte mig ett inlägg där jag skulle skriva om allt som var igår, sista dagen på webbdagarna, men egentligen är det bara två saker jag vill skriva om. Två föredrag, två ideal och mina två nya idoler.

Darja Isaksson (@darjaisaksson) och Beata Wickbom (@beataw).

När jag gick produktdesign i NL handlade den etiska diskussionen hela tiden om produkter, varför gör vi fler? En del lärare sa “Vad ska vi göra annars? Ska vi designa tjänster? Hur skulle det se ut?” medan en som jag tyvärr inte minns namnet på sa något som verkligen fastnade i mig. “ The designers of the future will design companies ”.

Det kändes upplyftande och utmanande för mig som hela tiden ville göra mer än bara designa en produkt. Jag vill ju förändra världen och som det exempelvis redan är i Japan, företagen har mer makt än politikerna. Det är så det lätt blir när medborgare blir reducerade till konsumenter.

Men så för att knyta an till gårdagen, vi människor har nu börjat (genom internet framförallt) kräva samma rätt till medbestämmande i företagen som i politiken. I föredraget av Beata Wickbom togs det upp flera exempel på hur bra det kan bli när företagen öppnar sig och inser att de bara vinner på det. Ett var hur ett kemikalie-företag, genom ett socialt nätverk de byggt upp, konkret sett till att kunskap och lösningar kunde komma andra till gagn, i vitt skiljda delar av världen.

En annat sätt att förändra världen kom från Darja Isaksson som berättade om Internet of Things, hur framtidens produkter kan ge mervärde genom teknik. Inte på nivån “put a usb-stick in it” utan där det verkligen fanns ett konkret behov som tekniken kunde fylla. Exempelvis i gruvor där sensorer mäter tex spänningar i berget för att kunna förutse olyckor. Det var som svar på min fråga från föreläsningen om Interaktion genom känslor på Universitetet. Vad ska vi använda det här till? Varför?

Lysande stunder!

Se föredragen här:

Dagens (behövliga) käftsmäll, Johan Ronnestam.

Efter en dag med mingel och svängandes våra lurviga på webbdagarna i Stockholm kom så den där verklighetsförankringen från Johan Ronnestam som vi nog innerst inne visste vi behövde. Vad ska det bli av Sverige utan IT?

Jag har nog aldrig reflekterat över hur mycket IT-branschen drar in, eller inte, till skatteverket. Det var verkligen en reality-check som manar till ett allvar i det man gör. Att vi ska sträva efter kvalité i våra projekt och vara relevanta. Varje dag.

Dagens Absoluta Hit -Jeff Jarvis

Första dagens absoluta hit på webbdagarna var Jeff Jarvis, som var så mindblowing att jag fortfarande inte kan sammanfatta allt vad han tog upp, men genomgående handlade det om framtidens internet. Äntligen det intellektuella samtalet om internets framtid som jag saknat så.

Det var ett oerhört bra komplement till videon Defend our freedom to share (or why SOPA is a bad idea) som jag såg på TED. Skriv under mot ACTA: här. Det finns mycket som behöver diskuteras öppet och det har vi ju alla medel för.

Här och nu.

Webbdagarna och Diktaturer

Webbdagarna inleddes med peppande föredrag om att vi kan och ska bli bättre. Anina (som jag även skrev om här) stod verkligen ut med sin energi -men det var nog ingen som riktigt begrep vad hennes företag egentligen gjorde. Det fanns verkligen intressanta bitar om hur den digitala världen ser ut i Kina men jag skulle gärna hört mer om hennes syn på att göra business just där.

Jag säger inte rakt av att man inte ska, men jag skulle ibland vilja höra en motivering. Hon gick lite för snabbt förbi “de plattformarna är stora för de är inte blockerade”. Var fanns hennes reflektioner till vad hon kan tillföra i det klimatet? Ja, jag tillhör skaran som fortfarande vägrar kalla Kina för något annat än diktatur, för det är vad det landet är.

I hennes video inför Webbdagarna pratade hon om att mana kvinnor till IT-branschen men det kom bara med i förbifarten.

Viss obalans fanns också med grundarna av Holstee som pratade väldigt runt om sin affärsidé och vad som hände när deras manifest blev vida spritt, men mindre om allt jobb de måste ha lagt ner innan dess.

En intressant punkt under dagen var panel-debatten där det diskuterades om öppenhet och transparens, intressant belysning av ett inte helt enkelt koncept. Mer av sådant tack!

Föredragen livesänds här!

HTML5 och Framtiden.

Under Näringslivsdagen på Nackademin föreläste Robert Nyman från Firefox om HTML5 och framtiden, vad lätt man kände sig om fötterna! Vi fick mycket konkreta exempel på vad HTML5 faktiskt innebär och vilka möjligheter som finns med HTML, CSS och Javascript när de kombineras.

Att man faktiskt kan bygga hela interface med bara dessa tre var något jag inte trodde. Till exempel skulle vi kunna bygga ett sådant system i en telefon, med mycket lägre hårdvaru-krav men med samma funktionalitet som tex iOS eller Android. Att vi därmed kan göra telefoner oerhört mycket billigare och därmed tillgängliga även för tex utvecklingsländer.

Jag kom ut från den föreläsningen med många idéer om hur man kan förändra världen, mer av sådant!

Visitkort färdiga gå!

Visitkort KLARA S

Äntligen har jag gjort mina första visitkort!

Kuvertteamet på Surbrunnsgatan fixade biffen på ett par dagar. Jag gick dit och fick känna på pappret innan och tjockleken (440g) gjorde att det blev ett offset-tryck.

Jag måste måste erkänna att jag hade mardrömmar innan jag skulle hämta dem, jag hade ju inte sett ett provtryck eftersom de trycker på annan ort. Men det gick finfint, de la till och med papper mellan varje kort för att vara säker på att inget skulle kladda.

Mycket proffsigt och väldigt mycket service för pengarna!

Munkfabriken så gott som färdig!

Munkfabriken är ett projekt vi har haft i programmeringskursen, att göra dels en e-butik men även kundregister i MySQL, lista sortimentet i XML, använda AJAX för att både visa och spara kommentarer till databasen etc etc.

Bilden är av sidan för att ta emot kommentarer på sortimentet, kommentarerna skickas med ajax och spars ner i databasen. POSH håller i kursen och det har varit omvälvande, lite frustrerande och framför allt väldigt kul! Tack vare tidigare småkurser i programmering i PHP och Python har jag haft något att bygga på, väldigt tacksamt.

Nu är jag peppad på det slutprojekt som vi gör i grupp, bygga en blogg. I det får vi använda allt det vi gjort hitills under året HTML, CSS och programmering såklart men även projektmetodik och användbarhet. Vi arbetar i grupper om tre och det ska verkligen bli jättekul!

(notera spam-kommentaren, kunde inte låta bli!)

Praktik hos Screen Interaction

Äntligen är det dags för ett besök i Verkligheten!

Under tio veckor ska jag praktisera hos Screen Interaction i Kista, ett företag som inte bara pratar om användbarhet och interaktion utan också menar det. Ett av målen jag har funderat på inför den här perioden är kommersiell design, hur kan designen jag gör nu bli mer kommersiellt gångbar? Ett annat är om jag faktiskt inte ska göra lite mer med Javascript trots allt?

Bild av Jon Rafman och Google Maps

Konsten att göra diagram

Diagram kan både utmana verkligheten och sätta den på plats men är ofta ofantligt tråkiga att titta på, ibland av nödvändighet. Som interaktionsdesigner hamnar man ofta i läget att man ska säga den där hårda sanningen och vrida på en världsbild eller två. Det låter sig inte göras med ett fancy diagram enbart, men med lite socker så kanske medicinen går ner?

Det handlar om balans, om att veta vilket allvar det man ska berätta innebär och vad man vill det ska leda till.

Men ett diagram handlar också om att sortera fakta och göra verkligheten greppbar. Även i en så “banal” uppgift som att göra en karta brottas man med frågor som vad är det viktigaste för användaren, just nu, vad behöver den förstå för att ta sig vidare?

Det är en konst i flera bemärkelser.

Webbdagarna i STHLM

Nu är det klart, jag är anmäld till Webbdagarna 2012 i Stockholm!

Webbdagarna är ett årligt event som riktar sig till oss som använder digitala kanaler i sin yrkesroll på olika vis. Det kommer finnas minst 60 föredrag inom områden som E-handel, E-postmarknadsföring, Facebook, Mobilt, Publiceringssystem, PR 2.0, Webbentreprenörskap och Big Data. Stora svepande ord.

Rent konkret kommer det till exempel handla om hur man kan ta hand om människors digitala engagemang (Beata Wickbom), internet of things* (Darja Isaksson), mycket entreprenörskap och ännu mer sociala medier.

Det som slog mig först var hur många kvinnor som skulle prata! Till exempel ska Anina Net (grundare av 360 Fashion Network), som vill uppmuntra kvinnor att ta till sig tekniken så de kan hänga med på den här globala marknaden, hålla föredrag. Genuint inspirerande!

Jag ser fram emot två dagar av både nya perspektiv o insikter men också intensivt socialiserande och nätverkande!
Mer om detta framöver…


Webbdagarna (arrangerat av Internet World)

* Att allt mer av det som finns ikring oss är kopplade till internet, inte bara telefonen utan även parkeringsautomater, kassa-apparater, kameror med mera. Den trenden kallas Internet of things.

Digitalt Engagemang

Som ordförande i Nackademins Studentkår tyckte jag att kursdagen om Digitalt Engagemang i Ideella Föreningar kändes helt rätt för oss. En heldag fullspäckad med hur man kan använda internet och digitala lösningar för att få dialog med medlemmarna och samtidigt sprida information. Tobias Landén, @tops, föreläste och tog upp många konkreta exempel på vad olika tjänster kunde användas till.

Det var framförallt väldigt inspirerande och vi kom därifrån med fler idéer än vi säkert har tid att genomföra. Med digitala lösningar följer ju också att man tänker långsiktigt och inte slutar efter ett par veckor och tappar bollen…

Det säkraste kortet som kom fram är Facebook, säga vad man vill om mediet, inte alla är entusiastiska. Men det finns fler möjligheter där än vad vi kanske hade tänkt på från början. Den kanalen ska vi försöka använda mer effektivt redan den här veckan, väldigt spännande!

Vi får se om vi lyckas få till ett twitter-konto, men lite ska vi ju spara för nästa styrelse?

Läs tweets från eventet: #ddorg

Har apple kört fast?

Efter att ha sett Nokia N9’s klocka, helt underbar, fick jag en ordentlig tankeställare kring vart Apple är på väg. Jag är ett hängivet fan av Apple på grund av interaktionen, den är bara helt överlägsen. Även om det säkert inte är den som gör att folk vänder sig till en apple-produkt så är det i många fall just interaktionen som gör att de inte kan gå tillbaka.

Det som gjorde mig fundersam var hur otroligt mycket mer intuitiv klockan/alarmet på Nokian var mot iPhone’s iOS. Det var verkligen den sortens framtid jag vill ha. Men det är faktiskt inte bara det som fått mig att börja tvivla utan det är Lion. Det känns som om Apple på allvar tar ett steg ifrån tanken på ett neutralt intryck på datorn och vill vara mer än ett OS.
Det hela baserar jag på något så förbisett och säkert ointressant som deras adressbok och helt nya ToDo. De har satt en “stil”. Stilen som de har satt genom sitt OSX har gett ekon ut i software-världen, alla vill att de ska se ut som “apple”.

Några program, framförallt inom dagboks-fältet, har försökt efterlikna den här “genuina känslan” av en bok med läderpärm. En del på ett smakfullt sätt, de allra flesta inte. Nu tar apple in den stilen, alltså från något redan känt och gör..inget alls. Därtill sätter de en prägel på min dator, en ägodel jag säkert värderar alldeles för högt, och det vill jag göra själv.

Jag är verkligen inte på något sätt en person som hela tiden kräver NYTT. Den ständiga jakten på nytänk är beklämmande anser jag, men om du ska göra nytt, gör då nytt. Inte copy/paste av det som redan finns. Som adressböcker.

Interaktion / Känslor

Jag lyssnade på en öppen föreläsning på universitetet om känslor i mobilen utav Kristina Höök. Hon är professor i människa-maskin-interaktion vid Institutionen för data- och systemvetenskap (DSV) vid Stockholms universitet och startade Mobile Life Center 2007. Länk:

Rubriken var “Känslor i mobilen – det innerligas design” och den gav en väldigt grov bild av vad man kan göra med den data som man kan samla in med till exempel mobilen. Grovt på den nivå som jag känner är “äcklig” men kanske snarare ska benämnas som “grovhuggen” eller “överdriven”. Den är så mycket i sin linda att vi som designers inte riktigt vet vad vi ska göra med den.

Det mest givande var tanken på hur man istället för att använda datan vi får in, ska spegla den till användaren. Det är ett ordentligt kliv åt sidan från den idé om att datorn ska försöka tolka våra känslor och tankar. Istället ska vi som användare kunna se och relatera till vår kroppslighet och reaktioner.

Jag saknade dock svar på frågan “Varför” även om den fanns nånstans där mellan raderna. Just för att det var en öppen föreläsning hade jag önskat en mer verklighetsförankrad koppling till exprimenten. Jag är övertygad om att man kan hitta en mer subtil version av det som visades men var nyfiken på vad hon själv hoppades på.

Den frågan blev tyvärr inte riktigt besvarad, eller ens riktigt formulerad.

Metafor för DOMen

Jag älskar metaforer. Ibland har jag ett metafor-flyt och får fram massor av bilder för att få grepp om ett sammanhang jag finner komplext. I förra veckans labb fick vi i uppgift att förklara vad DOM’en är i text och/eller bild.

Här använde jag kroppen, den går att bygga vidare på i en oändlighet men jag lät den stanna här.


Just nu pågår kursen i webbprogrammering för fullt och vi bygger upp en webbshop för en fiktiv munkfabrik!

I uppgiften utsätts vi för allehanda prov på logik, javascript och php-syntaxer. Det är riktigt spännande och ibland frustrerande.

Sidan är äntligen klar!

Nu är äntligen grunden lagd för den här hemsidan och med den integrerade bloggen klar så kommer det bli fler inlägg om det som inspirerar och engagerar mig just nu!

A Peace of Life

A Peace Of Life är en kanadensisk organisation som anordnar kurser inom bland annat fotografi i Rwanda. Så här beskriver de sig själva:

Kreativ kommunikation spelar en betydande roll för fred och försoning samt samhällsutveckling. Vi har lanserat ett “Youth Peace Media”-projekt i Rwanda där det finns tydliga spår av trauma; även de utan egen erfarenhet av folkmordet 1994 påverkas dagligen av vad de ser och hör, såväl i hemmet som i samhället.

De sökte ett nytt tema till sin wordpress-installation och det här var min snabba photoshop-skiss på hur man kunde anpassa ett tema de hade hittat.

Friends and Associates

Jag har funderat länge på hur jag kan berätta om mina vänner och inspirationskällor och jag tänkte börja med Julia Veldman. Vi lärde känna varandra i samband med att jag flyttade tillbaka till Stockholm från Nederländerna och hon hade sin praktik i Stockholm.

Det jag tycker är mest inspirerande är att hon är rakt på sak, inga omvägar,det gör att det känns lustfyllt, roligt och engagerat!


Jag kan stolt presentera uppdateringen av, en flärdfull variant av 2.0 med kompromisslösa detaljer!

Med en flytt från Indexhibit till Wordpress fanns utrymme för en riktig blogg och uppgradering av e-shoppen. Alla undersidor fick sig en översyn och polerades inför 2012.

Välkomna att ta ett glas champagne med oss!

Se mer av projektet här: Dark Skies Association 3.0


Illustratören Julia Thorell ville ha en portfolio-del på sin blogg där hon kunde visa sina alster för blivande uppdragsgivare. Efter lite pill och mycket glädje kunde vi avtäcka galleri-sidan,

Nostalgi i ett färgstick

När jag var liten var fotoalbumen och mammas smyckeskrin det finaste jag visste. Heliga var de stunder då man fick sitta i knät och titta på suddiga fotografier av farbröder från förr.

Motiv kan väcka tankar men estetiken sätter in det i ett större sammanhang, smyger in i en annan kanal. Den är mer direkt och väcker känslor med subtila skiftningar som är svåra att kontrollera.

Foton tagna med iPhone men med effekten av en polaroid-kamera fullkomligt exploderade för ett år sedan, överallt var de. Den ändrade färg-återgivningen och en ram gav bilden en ny dimension. Människor kände igen sina fotoalbum och glädjen var total, vi skapade nya bilder som ser ut som de en gång gjorde.

Jag har ingen iPhone, men kommer det en app som kan ge mina bilder en kodak-känsla á la 80-tal så kanske jag faktiskt slår till.

För nostalgins skull.

Minerade gräsmattor

Typografi känns som en trädgård jag aldrig velat besöka, en rostig grind till ett område med ordentliga skyltar om att inte beträda gräsmattor, inte lukta på blommorna och grus som man bara slirar runt i.

Jag har under en längre tid långsamt börjat studera sakerna i den där trädgården, lite på håll. Lärt mig om seriffer och grupperingar, beräkningar och staplar. Jag har skaffat mig en helt ok överblick över det typografiska landskapet utan att riktigt ha begripit storheten.

Men så snubblade jag över en riktigt fin intervju med Ellen Lupton och har återvänt till hennes sida om och om igen. Det är så inspirerande att se olika sätt att skapa hierakier och landskap med text. Jag ser helt plötsligt karaktärerna i bokstäverna, hur de näpna tar varandra i handen eller hur de dansar.

Det var en sådan befrielse att kunna titta förbi reglerna och se allt som kan skapas med enbart text! Jag blev helt betagen! Jag kan inte säga att jag rycker upp förbuds-skyltarna men jag kan ju alltid välja vilka jag kan glömma bort?

Nu tassar jag barfota runt på de mjuka gräsmattorna.

……………………………….. Min nästa idol? Priceless Spel med kerning, sweet! Logotyper man vill sno.

Amerikansk design är som kakao

De har ingredienserna som behövs men ändå smakar det inte gott. Kakao är inte synonymt med choklad, det krävs socker, smör och en nypa salt (lätt självironi) i balans för att få det att smaka gott.

Har man inte i det så kommer det bara smaka damm. Testa!

De må ha valt rätt färger (det händer) men sen händer saker i proportionerna eller precis tvärtom. För att kunna känna det bruna (det verkar vara en färg på modet) så måste du ha en kontrast till det. Det är just den där lilla lilla glöden av en annan färg som gör att ögonen öppnas och du blir överraskad!

Men jag blir aldrig överraskad, de gigantiska font-facen för att kompensera för bristen på kontrast gör att jag känner mig som ett barn. Sammantaget blir det en design som följer konstens alla regler men ändå är helt utan takt och känsla.

Ge hit kakaon så ska jag visa hur man gör på riktigt!

Att göra en karta till en fest

Jag behövde göra en karta till en fest jag skulle hålla och det var både kul och en bra övning! Man måste ju bestämma vilken betydelse/vikt ett objekt har och sedan arbeta efter det grafiskt och samtidigt ha användaren i fokus och vad de kommer leta efter för riktmärken.

I en djungel nära dig

Vågar man sitta framför jaguaren?

Jag har bott ett par år i Holland och Rotterdam har jag officiellt utsett till den kallaste staden i Europa. Även när det är torrt där så är det blött, rått och blåsigt. Jag hamnade ändå en natt på en brasiliansk fest i den staden och frös bort ett par timmar till häftig musik, portugisiska och banankaka.

I lokalen, som var på rivningskontrakt, stod den här soffan och något gjorde mig förbryllad. Det påminde på en å samma gång om förklädena som fröknarna på dagis hade och en handväska jag sett en dam ha på bussen. En djungel på en soffa?

Nu satte jag mig på den och jag funderade på vilket hem den skulle passa i, det kliniskt vita eller ett hem med massa virkade lappar och en tv med fanér? Måste man inte ha en lägenhet i offwhite för att verkligen få fram Jaguaren som tittar på Zebran?

En sak som är helt säker är att vare sig den skulle passa hos mig eller inte så ville jag ha med den hem!

In case of fire

Eiko by Eiko, en samling av konstnären Eiko Ishioka

Det här är en bok som alltid fascinerat och inspirerat mig. Jag fick den som liten av min mamma men jag fick den först på riktigt när jag blev “vuxen”. Fram till den dagen stod den där, högst upp i bokhyllan och bidade sin tid.

Såsom fler bilder i boken så ligger omslagsbilden på gränsen mellan det kommersiella och konstnärliga. Det är reklam, men vad är det man ska köpa? Det undgick inte heller mig som barn att kvinnan som står i bakgrunden inte är från Asien, varför har hon då kimono? Får man verkligen det? Det blir som ett växelspel mellan att försöka tolka bilden och att ta in dess skönhet, vilket gjort att jag aldrig tröttnat på den.

Ifall det skulle börja brinna i ditt hus vilka saker tar du med, vad behövs för att starta på nytt? Den här boken är helt nödvändig.

Jag älskar ketchup!

Felix Ketchup

När jag var liten var det stort med airbrush-planscher med solnedgångar, överdrivet splaschande vattenfall och glansiga körsbär. I mitt hem fanns det inte sådana och kanske är det därför jag verkligen dras till den här affischen?

Tomaten är precis som den ska vara, lite imma på ytan, den har stått framme en stund så det har formats droppar på den. Ketchupen lägger sig som ett tillbehör på det som är så naturligt gott.

Efter en stund ser jag att tomaten faktiskt är avknipsad från ketchup-flaskan, vad kom nu först -egentligen? Är ketchupflaskan mamma till tomaten? Jag blir fascinerad, känner mig smart (som såg den grejen) och kan inte glömma den.

Ketchup är småförbjudet, både provocerande och lite barnsligt att tycka om. Den kan vara det som både stjälper och hjälper, men affischen hjälpte mig över till den goda sidan.

Ny site till Kenneth Chou

Kenneth Chou ville ha en sida som verkligen använde hela ytan. Det var viktigt att texten fick ta en balanserad plats invid varje bild och att han lätt skulle kunna göra ändringar på egen hand.

Genom att låta bilderna synas en och en i bildspel skapades både utrymme och lugn. Text till varje bild fick ta plats på sidan och navigeringen blev överskådlig i överkant.

“Klara has been extremely helpful throughout the process of helping me re-establish my portfolio and website. Not only was Klara professional, but also the support she provided to someone like myself who is a photographer and not a web designer was easily understood and implemented.

Even though Klara is based in Sweden I have forwarded her work to several colleagues of mine here in Canada. I would without a doubt recommend her web talents, as it is easily transplanted in any part of the world!”

Material Teddy har fått en egen site!

Material Teddy

Utgångspunkten i det här samarbetet med ShinodaStudio var att sidan skulle kännas både barnslig och formell. Projektet Material Teddy var främst med barn som målgrupp och det var viktigt att navigeringen skulle vara enkel och typografin lätt-tillgänglig. Det var riktigt roligt att skapa en navigering i en bild och leka med färger och intonigar.

Material Teddy

Samarbete med 99mac!

99mac är Sveriges största forum för mac-användare med över 80’000 registrerade användare. De sökte en designer som kunde skapa en sammanhållen struktur i ett skin de utvecklade för vBulletin.

Men jag ville inte bara “snygga till” utan även förenkla navigeringen, skapa överblick och göra nya funktioner -vilket jag även fick. Länkarna delades in i grupperna “min värld”, “gemenskapen”, “kunskapen” och “kontakten”. Det gjorde det enkelt att hitta var jag byter lösenord, vem som är ansvarig och var diskussionerna fanns.

Ett mycket intressant och givande samarbete.

“Klara har ett öga för användbarhet, funktionalitet och enkelhet i design. Hon är bra på att se saker ur användarens perspektiv och vill gärna ta bort krångliga eller otydliga funktioner. Hennes jobb har gjort våra kunder väldigt nöjda. Jag rekommenderar Klara varmt för framtida jobb!”