{"id":16506,"date":"2015-12-05T12:16:34","date_gmt":"2015-12-05T11:16:34","guid":{"rendered":"http:\/\/www.alice-in-wonderland.net\/weblog\/?p=16506"},"modified":"2015-12-05T13:51:06","modified_gmt":"2015-12-05T12:51:06","slug":"gebruikerstest-maak-je-eigen-smartphone-tool","status":"publish","type":"post","link":"https:\/\/www.alice-in-wonderland.net\/weblog\/2015\/12\/gebruikerstest-maak-je-eigen-smartphone-tool\/","title":{"rendered":"Gebruikerstest? Maak je eigen smartphone tool!"},"content":{"rendered":"<p>Ik kreeg van mijn baas de opdracht om de mobiele versie van onze website te testen. Gaaf, want tot nu toe had ik nog nooit een gebruikerstest specifiek gericht op mobiele sites georganiseerd!<\/p>\n<p>Voor het testen van een desktopsite heb ik al lang de benodigde apparatuur en sofware in huis: pc, webcam met microfoon, en schermopnamesoftware. Maar als je met\u00a0een mobiele telefoon gaat testen, heb je toch net iets meer nodig.<\/p>\n<p>Het is immers niet ideaal om de hele tijd in de nek van je respondent te hijgen, omdat je over zijn schouder mee probeert te kijken naar wat hij aan het doen is. En je kunt wel een app installeren om op te nemen wat er op het scherm gebeurt, maar dan mis je een hoop belangrijke zaken. Want stel nou dat iemand tevergeefs op zijn scherm aan het tikken of swipen is, dan zie je op de opname helemaal niks, terwijl die persoon op dat moment wel vastloopt. Terwijl\u00a0je\u00a0ook weer niet wilt dat je respondent verplicht is de telefoon\u00a0op een vaste plek op tafel neer te leggen, zodat je je camera er goed op kunt richten, want dan krijg je geen natuurlijk gedrag te zien.<\/p>\n<p>Nou is er wel <a href=\"http:\/\/www.mrtappy.com\/\">speciale apparatuur<\/a> te koop\u00a0voor dit soort testen, zodat je een camera\u00a0boven de smartphone kunt bevestigen die alles opneemt.\u00a0Maar die is stervens duur: je betaalt er honderden euro&#8217;s voor! Zo&#8217;n aanschaf\u00a0krijg ik nooit goedgekeurd.<\/p>\n<p>Dus&#8230; doe ik voor\u00a0mijn werk ook wat ik thuis zou doen: zelf maken! <img src=\"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/plugins\/classic-smilies\/img\/icon_smile.gif\" alt=\":-)\" class=\"wp-smiley\" style=\"height: 1em; max-height: 1em;\" \/><\/p>\n<p>Wat je nodig hebt:<\/p>\n<ul>\n<li>Een USB-webcam die je handmatig kunt focussen, op een flexibele\u00a0standaard. Bijvoorbeeld een (goedkope) documentcamera die je van zijn voet kunt afnemen, zoals de <a href=\"http:\/\/www.huehd.com\/products\/hue-hd-camera\/\">Hue HD camera<\/a>.\u00a0(\u20ac36,95)<\/li>\n<li>Een USB-verlengkabel. Ik kocht er <a href=\"http:\/\/www.allekabels.nl\/nieuwe-producten\/7184\/1285505\/usb-20-hi-speed-extension-cablebrinchesainches-plug-to-inchesainches-jac.html\">eentje met een monteerbaar uiteinde<\/a>, zodat ik hem makkelijk en stabiel vast kon maken aan de houder en hij het gewicht van een rechtopstaande camera kan\u00a0dragen. (Want anders moet je weer creatieve\u00a0manieren\u00a0gaan bedenken om de camera stevig\u00a0aan je houder\u00a0te bevestigen, zonder dat het geheel te zwaar wordt of te veel uit balans raakt voor de respondent om te hanteren). (\u20ac2,06)<\/li>\n<li>Een plankje waar de telefoon op komt te liggen (restant stuk hout uit de schuur, dus gratis)<\/li>\n<li>Een anti-slip pad om te voorkomen dat de telefoon van het\u00a0plankje afdondert (\u20ac2,95)<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-16510 size-large\" src=\"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/webcam-500x496.jpg\" alt=\"webcam\" width=\"500\" height=\"496\" srcset=\"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/webcam.jpg 500w, https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/webcam-150x150.jpg 150w, https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/webcam-300x298.jpg 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-16511 size-large\" src=\"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/usb-500x351.jpg\" alt=\"usb\" width=\"500\" height=\"351\" srcset=\"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/usb.jpg 500w, https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/usb-150x105.jpg 150w, https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/usb-300x211.jpg 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Het houten plankje plus\u00a0een klein houten blokje zaagde ik in onderstaande vorm (oh ja, en nog een sleuf erbij voor de kabel) en verfde\u00a0ik vervolgens zwart. Want het oog wil ook wat en we hadden toch nog een spuitbus\u00a0verf in de schuur staan. (En nee, recht zagen is nooit mijn forte geweest.)<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-16512 \" src=\"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/plankje-305x500.jpg\" alt=\"plankje\" width=\"213\" height=\"349\" srcset=\"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/plankje-305x500.jpg 305w, https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/plankje-91x150.jpg 91w, https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/plankje-183x300.jpg 183w, https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/plankje.jpg 500w\" sizes=\"auto, (max-width: 213px) 100vw, 213px\" \/>\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-16515\" src=\"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/geverfd-428x500.jpg\" alt=\"geverfd\" width=\"299\" height=\"349\" srcset=\"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/geverfd-428x500.jpg 428w, https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/geverfd-128x150.jpg 128w, https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/geverfd-257x300.jpg 257w, https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/geverfd.jpg 500w\" sizes=\"auto, (max-width: 299px) 100vw, 299px\" \/><\/p>\n<p>Dan de USB-houder aan het blokje vastschroeven en het blokje weer aan het plankje monteren. (Helaas zaten de bevestigingsgaten aan de achterkant in plaats van de onderkant, want anders had ik de houder natuurlijk gelijk aan het plankje kunnen vastzetten.)<\/p>\n<p>Voor degenen die zich afvragen waarom ik niet gewoon de webcamvoet op het plankje heb gelijmd: dat ding is verzwaard voor de stabiliteit en dat tilt dus niet lekker.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-16517\" src=\"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/plankje1-500x247.jpg\" alt=\"plankje\" width=\"500\" height=\"247\" srcset=\"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/plankje1.jpg 500w, https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/plankje1-150x74.jpg 150w, https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/plankje1-300x148.jpg 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-16518\" src=\"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/plankje-achterkant-325x500.jpg\" alt=\"plankje-achterkant\" width=\"325\" height=\"500\" srcset=\"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/plankje-achterkant-325x500.jpg 325w, https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/plankje-achterkant-98x150.jpg 98w, https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/plankje-achterkant-195x300.jpg 195w, https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/plankje-achterkant.jpg 400w\" sizes=\"auto, (max-width: 325px) 100vw, 325px\" \/><\/p>\n<p>En daarna was het een kwestie van het matje op de plank plakken en de camera in de houder klikken:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-16516\" src=\"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/constructie-zijkant-500x464.jpg\" alt=\"constructie-zijkant\" width=\"500\" height=\"464\" srcset=\"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/constructie-zijkant.jpg 500w, https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/constructie-zijkant-150x139.jpg 150w, https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/uploads\/2015\/12\/constructie-zijkant-300x278.jpg 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>Tadaa! En zo ziet het er uit als je er een opname mee maakt:<\/p>\n<div class=\"ttfmake-embed-wrapper aligncenter\" style=\"max-width: 960px;\"><iframe loading=\"lazy\" title=\"Test zelfgemaakte tool voor gebruikerstest met mobiele telefoon\" width=\"960\" height=\"720\" src=\"https:\/\/www.youtube.com\/embed\/n3OWVrQ8WiM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<p>Totale kosten (exclusief verzendkosten): slechts \u20ac 41,96!<\/p>\n<p>Als ik het echt op de MacGyver-manier had gedaan, had het natuurlijk nog goedkoper gekund,\u00a0door een cheap-ass webcam aan een stokje te ducttapen, maar dit is voor mijn werk. Het is bovendien de bedoeling dat ik het ding\u00a0kan uitlenen aan collega&#8217;s die ook mobiele sites willen gaan testen, dus het moet er niet alleen\u00a0enigszins\u00a0professioneel\u00a0uitzien, maar ook langer meegaan.<\/p>\n<p>Ik ben best trots op het resultaat! Nu nog in de praktijk testen hoe de respondenten er mee omgaan&#8230; (dus het wordt feitelijk een gebruikerstest tijdens een gebruikerstest <img src=\"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-content\/plugins\/classic-smilies\/img\/icon_wink.gif\" alt=\";-)\" class=\"wp-smiley\" style=\"height: 1em; max-height: 1em;\" \/> ).<\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>Ik kreeg van mijn baas de opdracht om de mobiele versie van onze website te testen. Gaaf, want tot nu toe had ik nog nooit een gebruikerstest specifiek gericht op mobiele sites georganiseerd! Voor het testen van een desktopsite heb ik al lang de benodigde apparatuur en sofware in huis: pc, webcam met microfoon, en &hellip;<!-- AddThis Advanced Settings generic via filter on wp_trim_excerpt --><!-- AddThis Share Buttons generic via filter on wp_trim_excerpt --><\/p>\n","protected":false},"author":51,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":3,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":""},"categories":[6],"tags":[],"class_list":["post-16506","post","type-post","status-publish","format-standard","hentry","category-zelf-maken"],"_links":{"self":[{"href":"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-json\/wp\/v2\/posts\/16506","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-json\/wp\/v2\/users\/51"}],"replies":[{"embeddable":true,"href":"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-json\/wp\/v2\/comments?post=16506"}],"version-history":[{"count":9,"href":"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-json\/wp\/v2\/posts\/16506\/revisions"}],"predecessor-version":[{"id":16525,"href":"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-json\/wp\/v2\/posts\/16506\/revisions\/16525"}],"wp:attachment":[{"href":"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-json\/wp\/v2\/media?parent=16506"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-json\/wp\/v2\/categories?post=16506"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-json\/wp\/v2\/tags?post=16506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}