Whiteboarding Interview for UX Designers

2013-06-01 11.00.38

Rebecca Shapiro and I at our whiteboarding session

Yesterday, my Interactive Design teacher, Erik Fadiman, organized a whiteboarding learning session for a little extra practice before graduation and more importantly job interview time. Whiteboarding is when people gather around a whiteboard and do some group problem-solving. The whiteboarding interview is common for software engineers to show their interviewer how they would solve a problem. This exercise is also done by user experience interviewers.

Rebecca Shaprio, UX designer at Amazon and Seattle Central Creative Academy Alum, ran me through a Whiteboarding exercise to help me familiarize myself with the open-ended process of this specific type of interview. Each job and interviewer has special goals in mind, so each whiteboarding interview will be different. Rebecca told me that the primary goal is to witness how the interviewee thinks. This was my first whiteboarding session. She told me that for this task, just to write and talk out my thinking process.

She stated the prompt: Design Technology for the Goal, Buy Clothes Online that Will Fit. I had no time to prepare. Interviewers like to see how you think on the fly. I asked about restraints, budget, time, current technology and she said there are none. A free for all.

I started to brainstorm using the mind map method. I like this method because you can see hierarchy and context. It’s easy to add connecting ideas. The seed idea is “clothes that fit.” Rebecca prompted me to think of the users and to think of how to use technology.

2013-06-01 10.27.42

Initial Brainstorm

Next, Rebecca asked “Who is the user?” and how are they feeling when using this technology. I thought about the different types of shoppers as well as the uncertainty.

2013-06-01 10.27.50

mind map of the user

Rebecca asked me to write out a walk-through of the technology. First, I summed up what I established about my user, she’s a unique shape, uncertain of a good fit, but wants to impress. The technology: Tech-tape, a measuring tape that has no measurements on it. You pinch the places where the tape meets around you and that input is sent via bluetooth to the phone where the app keeps that information in your profile. I supported this by saying how I worked in a dry cleaning store and it’s kind of amazing that not many people can work a regular tape measure with ease and confidence. The device has a companion app that is a easy to use shopping experience.

 

2013-06-01 10.50.49

the user and the technology

The Walkthrough

The user (based on myself mostly so I didn’t have to invent anyone, but also because this is a problem I occasionally think about) is 25, tall, looking for a shirt for a job interview. She is doing her shopping online to save money and convenience. She’s sitting, at a break, at a different job.

1. Opens App
2. Profile Setup (this step is key because the info entered determines a good deal of the top results in the search algorithms)
a. Name
b. location
c. credit card
d. shipping address
e. favorite colors to wear*
f. favorite brands/ designers to wear*
*optional
3. Tech-tape measure
a. bust, waist, etc.
b. upload a full body photo
c.sizes you’ve tried and liked. This information goes into data analysis where studies are conducted to see how people use different sizes than recommended by the manufacturer and draw conclusions about why that is and how to improve the sizing process. #bigdata
4. Search: type in women’s blouse, formal, keywords: interview
5. Results
6. looks at price, brand, reviews, social– networks like facebook and also the “users like you” feature which finds users with similar body types.
7. Add item to favorite.
8. Repeat steps 5-7 until you have top 3 for comparison.
9. Look through favorites.
10. App displays the shirts on your uploaded full body photo. (This is where Rebecca stopped me saying that we ran out of ย time and I insisted I was almost done and added this last step.)
11. User decides on one and clicks it and the one-click purchase button (which I love about Amazon.com’s shopping experience) and the user receives it five days later and it fits. And she’s happy.

2013-06-01 10.50.55

app walkthrough part 1

2013-06-01 10.50.59

app walkthrough part 2

After finishing the last step of my walkthrough, we sat down and talked more about the experience envisioned. She asked “How does this technology work in different contexts?” I told her that because it’s a smart phone app, it can go anywhere. I think that for clothes shopping, context is less of an issue than other shopping experiences like buying some expensive piece of equipment like a desktop computer. She asked about accessibility, which I addressed by saying that it will be easy to use because of the tech-tape’s simple interface. She asked more about disability where I explained how the tech-tape is all touch activated, so this is really a great app for blind people, no measurements to read. Also, the favorite color to wear option on the profile can be rated according to importance so the blind user can browse with confidence that she will never accidentally purchase an orange sweater when she only likes wearing blue ones.

Feedbackย After the exercise was completed, Rebecca said that I did pretty good. She liked that I created a device that helps users breeze through a task that might stop them because measuring can be mentally tasking. She liked the color matching feature. She emphasized the importance of thinking big and exploring new ways to meet users’ needs. Stretch your ideas because in User Experience, you’re designing for the future.

I told her that I expected the exercise to include some coding. And she said that in her interview at Amazon, there was a separate interviewer to test her on some basic html. I asked Rebecca to run me through a quick one where she told me to program the navigation for the app. So I drew a spare wireframe and next to the nav, I wrote out some tags, ul, li, img, and a. Good practice. It was weird to write that stuff out by hand on a whiteboard. It felt so unconnected and informal. I’d never have to run that code into a validator.

2013-06-01 10.56.08

writing out some code

I asked Rebecca more about her job and what she does when she mentioned documentation. I am in love with the idea of documentation (obviously I like taking notes on things I do) and I wanted to hear about her process. She says it’s different for everyone and some projects require different methods. She was telling me about how she is working with some people in China so her favorite documentation method is to make simple html websites with her notes and screenshots of her Photoshop comp and actual code or links to examples of code that show the interaction. She told me that ย good documentation is about showing devs how easy it is to make an interaction you want to see happen. Sometimes developers code something a certain way because it’s easy for them or they think something is cool and it’s your job as a user experience designer to make it easy for developers to understand and use your ideas.

2013-06-01 10.59.26

Rebecca few this diagram of her documentation setup. Notice the excellent penmanship.

In conclusion, this whole whiteboarding adventure took about an hour. It was educational and exciting, like witnessing the sprouting of a seed. It felt like a thing I should do as part of my professional career. I really enjoyed the process. Thank you to Rebecca Shapiro for taking time out of her Saturday morning and Erik Fadiman for arranging it all.

Advertisements

About KC

I am Katarina Countiss, a multimedia designer. I like blogs, games, art and technology. I am curious about how things are made.
This entry was posted in App, User Experience. Bookmark the permalink.

3 Responses to Whiteboarding Interview for UX Designers

  1. I am slightly jealous, you were able to participate in white board practice session with a rep. from Amazon. As a graduate student studying Technical Communication, I would love this opportunity. I am glad you took full advantage and asked really good questions to get useful feedback.- peace

  2. KC says:

    I’m glad I could offer a little insight into the mysterious ways of whiteboarding interviews.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s