Kristjan Jansen , interaction designer. I teach, talk and have a podcast. Here is my portfolio & CV. Find me in Twitter, Facebook, LinkedIn, Github, Instagram & Gmail.

Rääkisin TedXil igapävasest ihulähedasest interaktsioonidisainist https://www.youtube.com/watch?v=YtQJIioQ4-k

8. 1. 2016 in Twitter

Ostsin Elionis kõrvaklappe. Müüja klõpsis tehingu tarvis 113 korda hiireklahvi ja 47 korda klaviatuuri. Solitaire? #väikesedkatkisedasjad

25. 11. 2015 in Twitter

@KlemensArro Oled sa Slacki Larachatis ka? Näeme seal :)

6. 11. 2015 in Twitter

Kui sulle meeldib Androidi/iOSi hobiprojekte nikerdada, siis on välja pakkuda üks artsy projekt, teemaks helimiksimine ja asukohapõhisus.

6. 4. 2015 in Twitter

@SaraSoueidan Any recommendations for SVG sprites with PNG sprite fallback?

21. 1. 2015 in Twitter

What the font? #applewatch

9. 9. 2014 in Twitter

Nõrkesin, hüvasti 3310. Kas keegi iPhone 5’t müüb? Naljameestel mitte tülitada.

21. 7. 2014 in Twitter
10. 4. 2014 in Twitter

Hey Japanese culture fans. What’s “Miruca”?

8. 4. 2014 in Twitter

@zilmer FF Clan to Estonian euro coin? http://blog.fantasy.co/

2. 12. 2013 in Twitter

Telefon tuli postiga ühe ööga kohale, telefoninumber tuleb uude võrku seitsme päevaga. #eriik

29. 11. 2013 in Twitter

Kes on ETV #valimised kasutajaliidese autor?

20. 10. 2013 in Twitter
8. 10. 2013 in Twitter

Disainer beebi ja vana Nokiaga

Artikkel Raul Vinnilt Saarte Häälest:

Kristjan Janseniga on raske sammu pidada. Ta räägib elavalt ja tulistab ühe ootamatu mõtte teise järel. Vabakutselise interaktsioonidisainerina ja Kuressaare ametikooli õpetajana töötaval Kristjanil on lennukad ideed ja oma väga kindlad arusaamad.

Interaktsioonidisainer on Kristjani sõnul selline inimene, kes loob kasutajaliideseid. Ta peab leidma kooskõla selle vahel, kuidas asjad meie ümber välja näevad, mis võimalusi sisaldavad ja kui lihtne neid kasutada on. See töö eeldab teadmisi nii disainist, programmeerimisest kui ka psühholoogiast. "Ülim eesmärk peaks olema, et mistahes vidin on nagu kätte valatud ja nii lihtne, et räägib inimesega ise," võtab Kristjan teema kokku.

Disainilinn Kuressaare

Kristjan ei ole saarlane. Hoopis Tartust tulnud. Õppinud Tartu kunstikoolis ja Tartu ülikoolis, tudeerinud ka Brasiilias. Disaini juurde jõudis ta ajalehtede kaudu. Hakkas küljendajaametist pihta ja lõpetas Õhtulehe peakunstnikuna. Sealt läks ta tööle Skype’i, kus tema ametinimetus oli kasutajamugavuse spetsialist. Ise kirjeldab ta oma tööd nii, et kontori ühes otsas istusid programmeerijad ja teises disainerid ning tema ülesanne oli nende töö kokku viia ja inimesele tänavalt arusaadavaks teha. "Algul olin ma oma ametis üksi, kuid mõne aasta pärast oli meid juba 25 ja kõik töötasid Londonis, ainult mina jäin Tallinna," meenutab ta. Päris nii ikka tööd teha ei saanud ning ta otsustas aja maha võtta, hakata vabakutseliseks ja kolida Kuressaarde.

Paljude keeruliste nimedega ametite hulgas on Kristjani ülesandeks olnud ka testida Eesti juhtivate meediaväljaannete veebikeskkondade kasutajamugavust. Tema tuntuim töö on vahest Eesti suurima reisikogukonna Trip.ee loomine ja arendamine. "Trip.ee’s on nüüdseks oma tugev tuumik, minu roll on rohkem taustal olla, 15 aastat on internetis üsna pikk aeg," selgitab kunagine suur maailmarändur Kristjan oma Tripist tagasitõmbumist.

Nüüd proovib ta koos Oliver Maakeriga Kuressaare ametikooli disainisuunda uueks luua. "Tahame siin luua eesti disainihariduse katsepolügooni," lubab Kristjan muigelsui. Maakeri ja Janseni algatusele lauldi kiitust juba siis, kui erialale alles õpilasi otsiti. Üks tuntumaid kodumaiseid disainereid Tõnu Runnel ütles toona, et see on ainus koht, kus ta julgeb soovitada Eestis sellist eriala õppida. "Õppimine peab algama avastamisrõõmust," on Kristjan kindel. "Mängulusti peetakse tihti lapsikuks, kuid see peaks kestma kogu elu. Kool olgu õhinapõhine ning see õhin on meis kõigis olemas, tuleb ainult üles otsida." Kristjan arvab, et õpilased peaksid päriseluga sarnaselt ise ülesannetega hakkama saama, loovalt katsetama ja eksima. Oluline on harjuda kiire tempoga grupitööga ja tunnetada isiklikku vastutust. "Kui tekib probleem, ei ole tark kohe sekkuda, tuleb lasta õpilastel ise lahendus leida," rõhutab ta.

Kast hunniku juhtmetega

Kristjan toob ametikooli Disainimajaka lauale ühe kasti, kust ta võtab välja hunniku juhtmeid, autodes kasutatava miniteleviisori, mõned mikroskeemid ja lülitid. "Sellest tuleb mängukonsool, meie oma Nintendo," lubab ta ja selgitab, et töötavate asjade loomiseks ei ole alati vaja kallist tehnoloogiat. Piisab ka käepärastest vahenditest, oluline on teekond tulemuseni jõudmisel. "Püüame siinset Facebooki-põlvkonda taas käeliste oskuste juurde viia: paber ja pliiats, mikroskeemid ja graafikaprogrammid peavad kõik töötama ühe eesmärgi nimel."

Hea asi ei pea alati olema läikiv ja kellade-viledega täidetud. Kristjan kasutab näiteks vana head Nokia 3310 telefoni, mis vallutas maailma rohkem kui kümme aastat tagasi. "Me kipume muudkui jooksma uusimate vidinate järel," ütleb Kristjan ja lisab, et pahatihti pole uus tehnoloogia kõigile ühtemoodi sobiv. "Vanaemale puutetundliku telefoni ostmine ei ole alati hea mõte."

Paljud peavad Saaremaa tulevikuks kaugtööd. Kristjan on üks nendest, kes on sel teemal kaasa mõelnud. Miks ei võiks Kuressaares olla selline koht, kus on olemas võimalused loovtöö tegemiseks ja kuhu võib sisse astuda igaüks, kes sellist võimalust vajab? Lisaks kohalikele vabakutselistele sobiks kaugtöökontor ka mandrisaarlastele, kes käivad nädalavahetusel Saaremaal, kuid ei pea esmaspäevaks tingimata kontorisse tagasi kiirustama. "Selle asemel, et Smuulis ämma-äia juures diivanil külitada, kartulisalatit vohmida ja oodata, et saaks juba pühapäevahommikusele praamile sõita, võiks see seltskond nädala alguseks Kuressaarde jääda ning siit kaugtööd teha. Loovkogukonna sünniks on vaja kriitilist massi, Disainimajakast üksi ei piisa. Ehk saaksime mandriinimesi niimoodi kaasata?" pakub Kristjan välja.

Tuttav mees lapsega

Saaremaale tõi Kristjani tema abikaasa Mele Pesti, kes on paljudele tuntud kui ajakirjanik. "Mu ämm ja äi vahetasid pikalt pilke, kui kuulsid, et olen Madagaskaril käinud, aga Saaremaal mitte," naerab Kristjan. Kui esialgu pendeldasid Mele ja Kristjan Saaremaa ja laia maailma vahet ja kirjutasid oma Lõuna-Ameerika reisidest raamatu "Mate ja miljon mahla", siis nüüdseks on nad end siin pikemalt sisse seadnud ja kasvatavad väikest tütart. Kas nad siia ka jäävad, seda nad praegu ei tea. Kui jõuab kätte lapse lasteaeda ja kooli mineku aeg, tuleb kindlasti otsuseid teha. Ent eks siis paista.

Arvatavasti teavad Kristjanit paljud kuressaarlased. Ta paistab välja. Pole just väga palju mehi, kes kanderihmade sees oleva lapsega päevast päeva mööda linna jalutaks. Kui Mele kirjutas kodus doktoritööd, siis oli Kristjan täiskohaga lapsevanem. "Käisid jutud, et linna peal liigub üks veider vallasisa," muigab ta ja ütleb, et see on sellise väikese ja suletud kogukonna eripära. Et sulle vaadatakse järele. Mitte pahatahtlikult, pigem uudishimulikult. Kristjan ei tunne ka nüüd, pärast viit siin elatud aastat, et ta oleks omaks võetud. "Aga laps on mind saarlastele kõvasti lähendanud," kinnitab ta.

Puudust tunneb Kristjan kohalikust kogukonnaliikumisest. "Selleks peab linn olema paraja suurusega. Kuressaare on liiga väike, et tekiksid eraldi asumiseltsid nagu Uus Maailm Tallinnas või Supilinna selts Tartus, samas aga liiga suur, et kogu linn moodustaks ühe kogukonna." Teisalt on Kuressaare elamiseks täpselt paras. Kristjan tunnistab, et just pärast isaks saamist hakkas ta hindama siinset inimmõõtmelisust. "Küsin tihti oma Tallinna tuttavatelt, kas neil õnnestub jalgsi kahe minutiga parki, viiega ämma juurde ja seitsmega perearsti juurde jõuda."

Linna suurimaks võluks peab ta aga väikesi detaile. "Kes on tähele pannud, kui ilus kirjatüüp on Saaremaa Apteegi akna kohal või Vabadussõja ausamba tagusel tahvlil?" kõneleb lõpetuseks Kristjanis taas disainer.

8. 10. 2013

Use case: moving #drupal blog to Jekyll http://kristjanjansen.ee/post/moving-on/

29. 5. 2013 in Twitter

Moving on

Blogging tools and user experience have moved on quite fast in recent years. After spending a lot of time automating and markdownifying my coding and authoring workflows it suddenly felt kludgy to to fill small webforms and fighting with the markup filters to get something decently formatted and published. Consider also the time spent on spam fighting -- it was clearly the time to move on to a new platform.

In such cases usually two approaches are considered -- either moving to a hosted blogging platform such as Tumblr, Squarespace or Medium or using a Markdown-based static site generator. I picked the latter.

As a NodeJS convert I first started to research NodeJS-based generators. It turns out that most of them are still in too early stages (sure, there are some good tools out there such as Wintersmith, Blacksmith and Hexo). So I decided to fall back to the de facto standard generator Jekyll, learning from the experiences of the Drupal old-timers such as Walkah, UnConeD and Development Seed.

The move

Although Jekyll offers Drupal migration, it did not worked well since I was using Texy markup that was hard to convert to Markdown directly. To overcome the problem, I wrote a Drush script what fetches content from Drupal database, converts it to HTML and saves it to Markdown files. Such "U-turn" approach allows to convert all the typographic details and also tooks care of image references (with direct database migration I would have left with raw image tokens).

I also had to rehash my Twitter strategy. Previously I fetched and displayed my tweets from Twitter RSS, but as Twitter has shut down its feeds, I wrote a NodeJS utility that fetches latest tweets using official API and saves them to Markdown files.

For image previews, I wrote a simple shell script and Jekyll plugin to convert full-resolution images to thumbnail images. Right now it's a simple image replacement, but could be turned into a responsive image approach if needed.

While at it I also refreshed the look of the site (hello Montserrat and Lato), made it responsive, updated CV, created proper podcast feed, replaced old VPS with the new shiny and got a real domain name.

The wrapup

Drupal early years were heavily influenced by blog technology developments (remember Radio Userland and Drupal 4 Bloggers ?) and traces of that movement are still left in the Drupal codebase (xmlrpc.module, aggregator.module). But in year 2013 Drupal feels too heavyweight for light blogging, especially filling nerdy workflow needs.

It's not you, Drupal, it's me. I will move on and you better shape up for building those next-gen cloud publishing platforms!

29. 5. 2013 drupal

Raamatukogu paberprototüüp: hetk eilsest tunnist Tartu Kunstikoolis. http://kristjanjansen.ee/post/raamatukogu-paberprototuup/

26. 3. 2013 in Twitter

Raamatukogu paberprototüüp

Hetk eilsest tunnist Tartu Kunstikoolis.

26. 3. 2013 teaching

Getting uneasy feeling looking HDR images of beautifully #design ’ed coffeecups in the hands of the homeless people http://www.behance.net/gallery/Change-Help-Make-It/4993853

18. 3. 2013 in Twitter

There are two kinds of #javascript : with and without Grim Fandango artwork https://github.com/visionmedia/page.js/blob/master/examples/album/app.js @component_js

13. 3. 2013 in Twitter

Kuulge Tartu DJd, genekates möllamise asemel kinkige hoopis ülikooli raamatukogu kohvikule paar miksteipi ja hävitage nende paaniflööt

1. 3. 2013 in Twitter
19. 2. 2013 in Twitter
13. 2. 2013 in Twitter

Uncanny valley of ATM prototypes http://kristjanjansen.ee/post/sularahaautomaat/ #ixd #hci

11. 2. 2013 in Twitter

Ehmatav elutruudus

Tänahommikune hetk kasutajaliideste kursuselt, teemaks sularahaautomaat.

11. 2. 2013 teaching

http://kristjanjansen.ee/post/tark-pliit/ Tänahommikune hetk mu kasutajaliideste kursuselt: tulevikupliit poole tunniga.

10. 1. 2013 in Twitter

Targa pliidi prototüüp poole tunniga

Tänahommikune hetk mu kasutajaliideste kursuselt.

10. 1. 2013 teaching

Anybody seen a border-image solution to create #XKCD #sketching style objects in #CSS ?

24. 10. 2012 in Twitter

Live Tiles made its way to Microsoft bizdev slide deck animations #dcbaltics

5. 10. 2012 in Twitter

Myspace Metro https://t.co/ulP66leW

25. 9. 2012 in Twitter