Archive | February 2015

Empat.io: about people

image

As you might already know: we love programming. Good programming. And we believe that an important part of really good programming is creating products for the web that are not only useful, but also friendly. To create products in a user friendly way you must consider your users, but getting to know users with certain limitations, such as blindness, can be difficult for programmers and designers. Johan bridges this gap with empat.io, a website about people and the accessibility of the web. And now it’s live!

Accessibility only seems tricky…

Johan has been working on making products accessible for the web for quite a while now, going back to before he started working at Q. Go, Johan! What really grinds his gears *insert Peter Griffin meme here*, is that making the web accessible for people with disabilities is usually approached from a technical point of view. He believes that accessibility should start with understanding what people need before looking at technical solutions. Last year at the Edge Johan discovered that he wasn’t alone. Accessibility was one of the key topics at the conference. Even major developers were struggling with what to do. For Johan it was Christian Heilmann who came up with the answer: “What we need is more empathy”.

image

So, the magic word…

…is empathy. Empathizing with users is a best practice for creating products for any group, but it is especially important when making products accessible for people with disabilities. The main problem with making products accessible is that accessibility issues end up being solved by programmers after the product has been designed. This means these issues are ignored during the design phase and must be addressed once development begins. It makes it harder to develop solutions that are truly user friendly. Empathy with the user should be part of every step of the production of your product. Don Norman calls this human centered design.

Now Johan has decided to help make it easier for programmers and designers to empathize with users with disabilities by putting their stories online. By listening to their stories, you can end up with a product that is not only useful, but also accessible to all. And that’s what you want. Even when empathy really isn’t your thing. Because, FYI, at least 25 percent of your Dutch audience has some sort of disability. Better is errr.. well, better!

Awareness

Introducing empat.io. Empat.io brings the stories of people accessing the web to designers and programmers, so they can be aware of how their decisions impact their disabled users. Johan knows that empathy works, because he’s taken developers to user tests with people with disabilities. You may think your product is user friendly and accessible, but letting real people test it is an eye opener.

Even Johan was surprised by the results of these tests. Arend, one of the first to tell his story on empat.io, tested a travel advice table which Johan had developed for a client. This table was designed to be accessible by every technical measure available, but tough luck, because Arend couldn’t use it.

Building accessibility into your product shouldn’t be a problem left to programmers alone, it should be an issue for the whole team from the start. Designing and programming shouldn’t just be done with technical guidelines, but with the help of actual people. That includes people with disabilities.

image

A glimpse into the future

Awareness makes good solutions possible. For now, empat.io is trying to create awareness by telling the stories of people with disabilities on the web. Johan hopes that these evolving stories will increase your understanding of the obstacles that these people encounter. Some don’t see a lot, some see nothing at all, others have to use a stick to control your website with only a keyboard. And these obstacles are just the tip of the iceberg. Soon Johan plans to provide more stories and articles about people with disabilities accessing the web.

image

Oh and by the way

Johan wants to expand empat.io with the experiences of a diverse group of people. The blind and visually impaired only take up a small percentage of the group who have difficulty accessing the web. Would you like to help increase understanding of the problems that people have accessing the web? Please email johan@q42.nl or tweet @huijkman. We want to hear your story! Also, of course, when you want to tell your own story about difficulties you experience while using the internet because of your handicap. Let’s make the web a better place together!

Inspired, hungry for more and by coincidence Dutch? Watch this video of Johan’s presentation “Accessibility in a nutshell”:

Al 10 jaar niet meer weg te slaan: Chris

image

Hoera! Chris is niet meer weg te slaan. Al 10 jaar niet meer. En z’n ‘niet meer weg te slaan’-gezicht ook niet. Tijd voor een ‘stuipen op het lijf’-verrassing en tompouces dus! Wist je al dat het tompouces waren? En niet tompoucen? Ik wist dat niet. Maar HEMA zegt dat en dat vind ik nogal een betrouwbare bron op tompouces-gebied. Ik dwaal af. Chris, al 10 jaar niet meer weg te slaan. En hier lees je waarom niet.

image

Stel je voor…

…een Chris. Z’n lange metalhaar is er net af, hij jaagt een spin voor z’n metal drummende huisgenoot weg en dan.. Ontvangt hij een mailtje. Een mailtje van Lukas op z’n eerste Windows telefoon. Je weet wel. Zo eentje met zo’n pennetje en een startmenu, nog net geen Windows 95, maar net zo vervelend. Of hij nog iemand wist van de studie die aan de slag zou kunnen bij Q. Net voordat hij op verzenden wilde klikken dat hij niemand wist: “backspace, baaackspace, backspaaaace. Ja, misschien ikzelf.” Chris was zich namelijk vergeten in te schrijven voor het afstuderen, hij had dus toevallig een aantal maanden weinig tot niets te doen. Hij wilde eigenlijk Woedend! bellen, waar hij eerder stage had gelopen en wat had bijgeklust. Van Q had hij nog nooit gehoord. Maar waarom eigenlijk niet daar proberen? Misschien was dat ook wel leuk. Van Kars mocht hij gelijk langskomen. In de tram vroeg Chris zich nog af of hij niet beter een bloesje had aan kunnen trekken, die twijfel was bij Q gelijk weg. Kars leidde Chris even rond (dat ging snel want het was een wit hok met zes programmeurs: “Hoi” Hooooi) en vroeg of hij koffie wilde (op eigen risico, want Lon had het gezet, en die drinkt zelf geen koffie). Zijn sollicitatiegesprek ging een uur over de Hitchhiker’s Guide to the Galaxy en een beetje over CSS. En hij mocht morgen beginnen. Precies hoe Kars toen uitlegde waar de naam Q42 vandaan komt, zo vertelt Chris het na 10 jaar nog steeds.

image

En toen bleef ‘ie

De eerste maanden werkte Chris aan de Matrix webapplicatie voor de overheid. In z’n eentje. Want zo ging dat toen nog. Je was projectleider. Én programmeur. Én tester. In één. Voor het afstuderen was hij eigenlijk op zoek naar een grotere corporate partij. Een stemmetje in z’n hoofd vond namelijk dat hij pas mocht zeggen dat dat soort bedrijven stom waren, als hij het echt had geprobeerd. Maar gelukkig won het stemmetje dat zei: “Fuck it, ik blijf bij Q.” Daar is hij nu nog steeds heel blij mee en wij ook! Zijn afstudeerproject was De Wijk Vertelt, de voorloper van Web in de Wijk. Natuurlijk was hij weer projectleider, programmeur én tester, maar nu kon hij gezellig samenwerken met Kars’ vrouw: Gianne Veling, zij deed het ontwerp. Chris was vanaf nu de officiële nummer zeven bij Q. Gezellig!

image

En hij blijft

Long story short: een vrouw, een huis, twee kinderen, een auto en een motor verder is hij allang operationeel directeur en één van de drie eigenaren van Q. Dat had hij niet gedacht toen hij het die eerste dag met Kars over de Hitchhiker’s Guide had. En al helemaal niet nadat hij zich, notabene in de eerste week, versliep tot half twee ’s middags. Iets met een vastgelopen Windows telefoon. Het was voor Chris een onwaarschijnlijke commerciële move waar hij nog steeds hartstikke trots op is. Wij ook, Chris! Chris is gebleven voor het avontuur. 10 jaar geleden wist niemand waar Q nu zou zijn en dat geldt ook voor de volgende 10 jaar. Het is totaal anders dan het hok met zeven man waarin hij begon. Iedere keer gebeuren er nieuwe dingen en dat is spannend. De ups waren er meer en hoger dan de downs. En de downs waren stiekem ook wel tof, omdat we die altijd met z’n allen ook weer oplossen. En dat is waar Q hetzelfde blijft. We zijn inmiddels niet meer met zeven man, maar het voelt nog steeds als dat kleine hechte clubje. Chris maakte Q’s missie z’n eigen, namelijk: een happy place voor nerds creëren. Daar is hij 10 jaar mee bezig geweest en daar is hij nog steeds mee bezig. Thanks, Chris!

image

Het jubileum

Maar hoe verrassen we Chris? Chris heeft namelijk eigenlijk z’n vinger wel in elk Q-papje. Maar nu moest híj eens in het zonnetje gezet. Rahul mailde Lukas: “Hey, valt het jou ook zo op dat Chris op elke ‘niet meer weg te slaan’-foto precies hetzelfde hoofd heeft?” Goh, dat is eigenlijk wel zo. En de maskers, t-shirts en tompouces waren besteld. Chris schrok zich een hoedje en Rahul was er vanuit Mountain View via Hangouts ook bij. Inclusief masker natuurlijk. Op naar de volgende 10, Chris! Enne is there any tea on this spaceship? Voor bij de tompouces, zegmaar?

imageimageimage

Oh en Amsterdam deed ook mee:

image

0h n0! Een nieuw spel van Q42

image

0h h1! Martin bouwde 0h n0, de opvolger van 0h h1. Nog zo’n simpel logisch denkspelletje voor web, iOS, Android en Windows Phone. Nog zo’n klein cadeautje voor puzzelfans. Alsjeblieft, we hopen dat je het leuk vindt. Warning: het is weer net zo verslavend. Gister ging die live en dat hebben we geweten! 0h h3ll y3s.

image

In den beginne..

..was daar 0h h1, maar voor dat beginne, was het idee voor 0h n0 er al. Martin bedacht 0h n0 namelijk voor 0h h1, maar wat bleek: een Japanner had het al bedacht. Hij noemde het: Kuromasu. Martin noemde het: een kakdag. En dat is een understatement. Rahul wilde toen wel weten hoe je technisch een level van zo’n logisch denkspelletje genereert. Martin kon daar wel wat over vertellen en zo is 0h h1 ontstaan. 0h h1 bleek -redelijk onverwachts- zo succesvol, dat het zonde was 0h n0 te laten liggen. En daarom is het nu toch af. 0h y3s. Martin’s regels zijn toch heel subtiel anders en dat maakt de game mega veel toffer. Vinden wij. Wat jullie?

image

Cordova

Hadden we al gezegd dat 0h h1 lichtelijk verslavend schijnt te zijn? Dan willen we nu even toevoegen dat 0h n0 dat misschien nog ietsje meer is. Met Cordova bouwde Martin namelijk achievements, experience points en een leaderboard in. En dat werkt via Game Center voor iOS en Google Play Services voor Android. Windows Phoners hoeven niet te treuren, want de time trial is voor iedereen. Vooral het leaderboard werkt erg verslavend. Je kunt namelijk goed zien wat de tijden en scores van je vrienden en spelers wereldwijd zijn. Leg je telefoon dan nog maar neer. Of probeer je het tóch nog een keer? De Q’ers op wintersport hebben in ieder geval hun snowboards weggelegd en zijn al hard aan het crunchen op betere scores en tijden. Ja, we zien jullie. Een ritje op de berg kan je je positie kosten. Just saying.

image

Online madness

En toen ging die live en het ging los. De precieze cijfers van iOS en Android kunnen we nog niet zien, maar op web komt het aantal real time spelers sinds gister niet onder de 300. Wh00t! Vanochtend stond het op de frontpage van Hacker News, het wordt al vergeleken met Mijnenveger en als je het te lastig vindt: er is ook al een solver gebouwd. Iets met geen gras en groeien. Ondertussen staat 0h h1 tussen de showcases van open source games op GitHub. Vlakbij 2048! Geekgasm. Maar de source van 0h n0 is natuurlijk ook open en die vind je hier. Kom maar op met die pull requests!

We vinden al die berichtjes, tweets, artikeltjes en solvers gezellig. Bedankt. En alvast een sc00p: Martin is natuurlijk alweer aan het nadenken over nog een nieuw spelletje in deze reeks. Dus je mag nu op dat puntje gaan zitten. Van je stoel. Veel plezier!

0hn0.com
iOS
Android
Windows Phone

Girls in Tech hackathon

image

Afgelopen weekend was het zover. De enige echte Girls in Tech hackathon. Jullie hadden het vast nog niet door, maar hackathons die vinden wij leuk. Meer dan leuk, eigenlijk. En deze was extraspeciaal leuk: een hackathon, niet alleen voor vrouwen, maar wel met de bedoeling de wereld van programmeren en hackathons wat toegankelijker te maken voor vrouwen. Meer diversiteit. Dat is alleen maar toe te juichen. En daarom gingen Mark en Kr=10 (aka Kristin, noob) erheen. Ook omdat het een kans was om te knutselen met hue. Dat ook.

Girls in Tech

De hackathon was goed geregeld. Kr=10 was vooral onder de indruk van het gebouw middenin Amsterdam waar ze de hele dag mochten programmeren. Afgeleid door het plafond. Ze heeft het er nu nog over. Het eten was ook om over naar huis te slacken en Kr=10 en Mark vonden dus een nieuw publiek voor TimL’s bananentijd. Bananentijd? Ja om 15.00 uur, elke dinsdag, iedereen een banaan @ Q. Mét soundtrack. Net ook weer. Dan weet je dat.

image

Maar er werd natuurlijk niet alleen maar gekeken en gegeten. Er werd ook serieus geprogrammeerd. Deze dag werd onder andere gewerkt met Philips hue API, BigQuery en tools als Google AppEngine en Firebase. Voor hulp liepen er mentoren van Google, Philips, The Next Web en Bottlenose rond. Daarnaast kon je aan de slag met een starterskit met drie hue lampen en een bridge, een box gekoppeld aan een hairstyler van Philips en een box gekoppeld aan een Wake Up light. De meesten kozen voor de starterskit, zo ook Mark en Kr=10.

Samantha hue

En het resultaat mag er wezen. Helemaal Q in de wereld van domotica en Internet of Things, bouwden Mark en Kr=10 in één dag Samantha hue, aangenaam. Samantha, hue dus, luistert naar je en geeft je wat je nodig hebt. Ze laat je namelijk weten wat voor weer het is, waar dan ook. Wie wil dat nou niet? In de toekomst wil je dat je huis je uit zichzelf dingen geeft die je nodig hebt. Daar zijn we met Samantha hue weer een stukje dichterbij. Je vraagt en je krijgt.

image

Hoe dan? Nou, Samantha hue laat je hue lampen het weer visualiseren met gebruik van de Philips hue API. De speech recognition API in Chrome is gebruikt om Samantha hue te laten luisteren en begrijpen wanneer je vraagt naar het weer in een bepaalde plek. Zij haalt de weersinformatie uit de API van OpenWeatherMap en laat dit zien door je hue lampen op geel te zetten voor zonnig weer, grijsblauwig voor bewolkt en blauw met wit grijze flitsen voor regen. Als je de starterskit tot je beschikking hebt, kun je het ook even zelf proberen met deze repository. En anders kan je de (hele korte) demo bekijken.

Kortom, dé weatherapp die je wilt. Vet werk, Mark en Kr=10!