Curated by Carsonified

Learn with Treehouse

Accessibility, CSS3, Design, Django, HTML & CSS, HTML5, JavaScript, jQuery, NoSQL, PHP, Responsive Web Design, Ruby, Ruby on Rails, Tools, UX, Version Control, WordPress, iOS and more

Article 10

Quick and (not so) Dirty iPad User Testing

By

12 April 2010 | Category: Design, Information Architecture, User Science, UX

Jaan got hold of an iPad back home in San Francisco, but Andreas in Sweden must wait a little bit longer for his. Here's what Jaan did on his first weekend as an iPad owner.

The Problem

The iPad has arrived, and now everyone wants to get on it. But for those of us involved with UX, it is far from business as usual. There's a very particular challenge involved with user testing on the iPad.

No one has ever used one before. In fact most people haven't used or even seen any tablet in real life. Regular user testing is comparatively easy – everyone has been on the web or worked in a desktop app, and thus has a frame of reference.

Not so with the iPad. Or the WePad, ExoPC, Notion Ink Adam or any other pad, slate, tablet, screen, deck or thing.

The Solution

Luckily there is a solution to make any testing you do with an unfamiliar device a tangible, hands on experience for your team of testers.

You may not have a whole set of iPads to hand out but that’s not what’s needed. If you will be testing a set of wireframes, transferring the files on to an iPad would be overkill. Get the old cardboard, scissors and glue out instead. No, I’m not kidding.

Last weekend I prepared two upcoming iPad user tests in San Francisco. One for an app and the other for the accompanying website. I created a batch of cardboard iPads by scanning my device, printing it out, and gluing the sheets on to cardboard.

This way each person in the test panel will have their own “iPad”, something real to hold, turn and relate to.

When the wireframes are done I’ll print them out and attach them to the cardboard iPads with non-permanent mount spray (below). The testers can scribble and draw on the wireframes, and when they are done we peel off the printouts and replace with the next version.

When we’re done, the “screens” go on the wall for the dev team’s evaluation session. And then they get saved in the test logbook. Quick, easy and tangible.

I also made a few “3D” versions of the mock iPads, mounting a printout on stiff foam core. It’s not quite the same thickness as the real iPad but close enough. The testers will use these as an aid in thinking about the overall environment they are in, and actions they perform (like taking the tablet out of their bag), before interacting with the app or site.

This 3D part of the test is getting close to the world of hardware design, which is not my area of expertise. But as with all interaction work, I find results from on-screen UX testing for an unfamiliar device usually comes out better when there is a tangible component involved. Plus it makes it playful and helps the testers give more honest and unedited feedback.

There is a drawback with this approach. You can’t simulate multi-touch, gestures or any type of feedback. How ever as a first step, this approach can get you lots of important information to act on as you progress from concept to best selling App Store app.

Tools

Here is the scan I used (PDF) to create the cardboard iPads, feel free to download it and give it a whirl. The image is a bit rough on purpose, I want the tester’s focus to be on what’s on the screen, and not the device itself.

This is an action packed thrill ride of a video where I show off the cardboard dummies.

Good luck.

Follow @thinkvitamin on Twitter Please check out Treehouse

Other Posts You Might Find Interesting

  • Sorry - No Related Posts Found

Comments

  • http://www.digital-results.com Russell Bishop

    I love the idea of utilizing such a basic, but obvious method of getting people in the mind frame of using such a specifically unique device. Great work gent(s)!

  • http://www.eddiemonge.com Eddie Monge

    Not a bad idea. Imagine being able to do that for webpages. Would be nice but alas, different resolutions still kill us. That’s the one nice thing about iPhones, iPods and iPads. All the same resolution.

    On a side note, this is the biggest comment box/form i have ever seen. The input boxes are about 3.5 times the size of the text.

  • Jaan & Andreas

    Thank you Russell!

  • Jaan & Andreas

    Cheers Eddie. The fixed size and resolution of the “i”-s and other similar devices is lovely. It helps focus ones efforts and makes for a clearer more straightforward project.

  • http://www.hdqt.co.uk Jon Moss

    That looks like a superb idea Jaan. Relatively easy to implement but with very worthwhile benefits.

    Best,

    Jon :-)

  • http://www.dmarkable.com Lara Walsh

    Saw this idea for designing mobile phone applications. Makes sense to use it for a flattened version! Plus you just don’t get enough arts and crafts in a normal working day, now do you?

  • Jaan & Andreas

    Yes, the return on the time investment is huge.

    Thanks for reading and leaving a comment!

  • Jaan & Andreas

    True words, one can never have too many glue sticks or X-acto knives going at the same time!

  • http://www.buitenaardig.nl/ Phil

    Can’t disagrea with the comments above. It’s a pretty clever way and I’m sure it’ll help designers get away from their computers and maybe even pick up a pen or (god forbid) thinking about a design before fiddeling away in Photoshop.

    Sadly enough, I’ll have to wait for an iPad like Andreas. I hope Holland will be as open minded about the iPad and her apps as they are on other subjects…

    With kind regards,

    Phil

  • http://garmahis.com/ Garmahis

    This post is featured on 40 iPad tools, tips for designer

Badges for Treehouse

Treehouse

Learn iOS, Rails, CSS3, jQuery, Node.js, HTML5, UX and more in less than 8 minutes per day. New videos added regularly. Sign up today and get a free Web Design Toolkit.

Ads Via The Deck

Think Vitamin Radio
Episode #34: Amazon Fire and Responsive Roundtable

Check out our bi-weekly radio show. Covering the hot topics on the web.

Audio clip: Adobe Flash Player (version 9 or above) is required to play this audio clip. Download the latest version here. You also need to have JavaScript enabled in your browser.

Download Podcast as mp3

Advisory Board

The Think Vitamin Advisory Board in place make sure that you receive the best content possible.