Assignment 6

Prototype

Instructions

Click on the link above and use the prototype in the pop up window.

Briefing

Introduction

Hi, we’re designing an application to help you organize your outfits according to tag descriptions. You can take or upload a photo to save in your virtual closet according to your tags. Later you can access them by searching for tags according to the desired qualities of your outfit.


Informed consent

We are conducting a study to see what potential users think about the application. We will not record or publish any information with your name. This is for our course we’re taking in Human-Computer Interaction from Prof. Sylvan at Northeastern U. Your participation is voluntary and you can stop anytime and ask that your data not be used. It should take about 10 minutes. Are you willing to try it out? 


Explanation

Perfect. As I mentioned, we’re working on a new outfit application. The purpose of today’s session is for you to help us figure out how to make this application interface more user-friendly before we finish developing it using a paper prototype. The prototype still has some rough edges—we’re still thinking through how it should work and some parts of it are incomplete. Before we create the next version, we want to get some feedback about how well this design works. We’ll give you three tasks that are representative of what people might do in real life. Your job is to tell us what makes sense, what’s confusing, whether it works the way you’d expect it to. Keep in mind that we’re testing the interface--we’re not testing you—so if you run into any problems it’s not your fault and it means that there’s something we need to change. If you want to do something, you’ll need to interact with the prototype just as you would on a computer. Use your finger to click on buttons. Please tell us what makes sense to you, what’s confusing, and any questions that come to mind. Your questions are especially valuable, but I may not answer them right away because our goal is to change the interface so it answers them.

User analysis, task analysis, and scenarios

1. Taking a photo

Sam is getting ready to leave for his job in the menswear department of Saks Fifth Avenue. He pulls out his favorite grey pinstriped suit, mint green shirt, and green and purple paisley tie. He’s feeling great in this outfit and wants to remember it for another time. He grabs his smartphone,opens up his OutfITerator application, and snaps a photo of himself so he’ll remember it for another day. He’s now ready for a successful day at work.

 

2. Saving a photo with desired tags

Nicole just graduated high school and as a gift from her mother, she got a new gold lace shirt. Nicole can’t wait to show it off at her best friend’s 18th birthday party tonight. The question is, what should she wear it with? Jeans? No, too casual. Shorts? Not quite warm enough for a nearly summer evening. Black shimmery leggings? Perfect. Now all she needs is to remember this outfit for when a similar occasion comes up. She picks up her smartphone, takes a photo of herself in the outfit, and saves it under the tags“evening out” and “warm weather” and “five stars.” Now she’s all set for a great night tonight and many in the future.

 

3. Searching for a type of outfit

It’s 8:00 am and Emilio just got out of bed. He wants tohave a full hour at the gym before his 9:30 am class on the other side ofcampus, so he doesn’t have much time. He knows that a lot of the girls go tothe gym in the morning, so he needs to find the perfect workout outfit thatboth looks and feels great. He grabs his phone, opens the OutfITerator application,and selects the “gym” tag. He then flicks through the twelve pictures of himselfin workout outfits and chooses his red and black one. He’s now ready to hit thegym with speed and confidence.

 

4. Adding new categories/tags for a photo

Sam (see Task Scenario 1) has taken a photo of his spiffygrey-suited self before for work, but since he was in a rush, he only botheredto save it under the tag “work day.” When he comes home from work and changesout of his outfit, he smiles as he lays the clothes out on the bed. It was agreat outfit. Not excellent, but great. He picks up his smartphone, opens theOutfITerator application, opens the picture of himself that he took thatmorning, and types in the tag “four stars.” Now when he scrolls through thephotos in his “work” category, this picture will be displayed close to the topbecause of its fairly high ranking—just where it should be.

 

5. Changing the tags of a photo

Nicole (see Task Scenario 3) is now 21 years old; it was threeyears ago that she got that gold lace shirt for high school graduation that sheloved so much. That shirt is still in her closet, but instead of hanging in thefront with her favorite and most worn clothing, it has migrated its way to theback.  Gold was a color that was all therage then, but now it just seems excessive. And lace used to be the essence ofgirly sophistication, but now it just seems trashy. She picks up hersmartphone, opens the OutfITerator application, and selects the photo of herwearing the shirt. She taps the tag that says “five stars,” and replaces itwith the tag “two stars.” Now it won’t come up right at the top every time sheopens the app and looks under the tag “evening out.”  

 

6. Deleting a photo

Laura is a busy mother of two young boys. She has been usingthe OutfITerator application since before she had children, so she has yearsand years of her favorite outfits stored for easy access and inspiration. Whilecrawling on the floor with her boys during an elaborate set-up of the toy traintracks, she tore the sleeve of the blue flowered shirt she was wearing. Knowingshe won’t be able to wear it again, she picked up her smartphone, opened theOutfITerator application and deleted the photo of herself wearing the shirt.

______________________________________________________________________________________________


1. Taking a photo

Sam is getting ready to leave for his job in the menswear department of Saks Fifth Avenue. He pulls out his favorite grey pinstriped suit, mint green shirt, and green and purple paisley tie. He’s feeling great in this outfit and wants to remember it for another time. He grabs his smartphone,opens up his OutfITerator application, and snaps a photo of himself so he’ll remember it for another day. He’s now ready for a successful day at work.

 

2. Saving a photo with desired tags

Nicole just graduated high school and as a gift from her mother, she got a new gold lace shirt. Nicole can’t wait to show it off at her best friend’s 18th birthday party tonight. The question is, what should she wear it with? Jeans? No, too casual. Shorts? Not quite warm enough for a nearly summer evening. Black shimmery leggings? Perfect. Now all she needs is to remember this outfit for when a similar occasion comes up. She picks up her smartphone, takes a photo of herself in the outfit, and saves it under the tags“evening out” and “warm weather” and “five stars.” Now she’s all set for a great night tonight and many in the future.

 

3. Searching for a type of outfit

It’s 8:00 am and Emilio just got out of bed. He wants tohave a full hour at the gym before his 9:30 am class on the other side ofcampus, so he doesn’t have much time. He knows that a lot of the girls go tothe gym in the morning, so he needs to find the perfect workout outfit thatboth looks and feels great. He grabs his phone, opens the OutfITerator application,and selects the “gym” tag. He then flicks through the twelve pictures of himselfin workout outfits and chooses his red and black one. He’s now ready to hit thegym with speed and confidence.

 

4. Adding new categories/tags for a photo

Sam (see Task Scenario 1) has taken a photo of his spiffygrey-suited self before for work, but since he was in a rush, he only botheredto save it under the tag “work day.” When he comes home from work and changesout of his outfit, he smiles as he lays the clothes out on the bed. It was agreat outfit. Not excellent, but great. He picks up his smartphone, opens theOutfITerator application, opens the picture of himself that he took thatmorning, and types in the tag “four stars.” Now when he scrolls through thephotos in his “work” category, this picture will be displayed close to the topbecause of its fairly high ranking—just where it should be.

 

5. Changing the tags of a photo

Nicole (see Task Scenario 3) is now 21 years old; it was threeyears ago that she got that gold lace shirt for high school graduation that sheloved so much. That shirt is still in her closet, but instead of hanging in thefront with her favorite and most worn clothing, it has migrated its way to theback.  Gold was a color that was all therage then, but now it just seems excessive. And lace used to be the essence ofgirly sophistication, but now it just seems trashy. She picks up hersmartphone, opens the OutfITerator application, and selects the photo of herwearing the shirt. She taps the tag that says “five stars,” and replaces itwith the tag “two stars.” Now it won’t come up right at the top every time sheopens the app and looks under the tag “evening out.”  

 

6. Deleting a photo

Laura is a busy mother of two young boys. She has been usingthe OutfITerator application since before she had children, so she has yearsand years of her favorite outfits stored for easy access and inspiration. Whilecrawling on the floor with her boys during an elaborate set-up of the toy traintracks, she tore the sleeve of the blue flowered shirt she was wearing. Knowingshe won’t be able to wear it again, she picked up her smartphone, opened theOutfITerator application and deleted the photo of herself wearing the shirt.

______________________________________________________________________________________________


People interested in fashion or just concerned with looking nice on a day to day basis, primarily females ages 12-35 and males ages 15-25 will be the primary users of our app.


Persona 1:
Sam is a 24 year old professional; he wears suits and works at Saks Fifth Ave in the menswear department. He has a million ties and is an avid basketball fan.

Persona 2:
Emilio is 19 and goes to college and heard about this app from a friend. He doesn't like to do laundry or spend much time getting dressed, but wants to use this to impress girls. He spends a lot of his free time in the gym and the library on campus.

Persona 3:
Laura is a 32 year old mother of two. She goes out to mom lunches weekly and is working part time as a substitute teacher. She also takes public transportation and enjoys walking around the city.

Persona 4:
Nicole, 18, is about to go to college she is very involved in clubs and goes to a lot of events with her friends; parties and such. She has a huge closet and too many pieces of clothing to count.


Roles

We all worked as designers, with Esther planning the layout,Emily implementing the layout, and Conor creating the images. Conor also worked as the software developer by researching prototyping tools and finding Prototyper, which is the one we used.