StyleShare+-+Design

**Step 1. Developing low-fidelity prototypes**

Aisya Aziz's Prototype Kevin Woo's Prototype Lauren Ficco's Prototype Zach Boldyga's Prototype

**Step 2. Evaluate the prototypes**

__Aisya Aziz's Prototype__ **Overall**
 * The login page is too empty – new users won’t know what the website is about.
 * The top menu takes up a lot of space – may cause users to scroll in order to see the main information. (harder for the users)
 * The top menu changes in most pages – may cause confusion to users. (Users are not sure what the top menu is about. It could be categories, friends’ names, etc.)
 * The side menu isn’t there all the time – navigation from one page to another is not obvious/clear. (From the page ‘My Closet’, what should the user click in order to get to the homepage?)
 * There should be a way to delete uploaded items. I see the checks and x marks, but it is unclear if those are confirmation/deletion buttons or just some voting mechanism.

**Implem****entation**
 * The overall interface is realistic to be coded up - the site may use a lot of JQuery UI and CSS.

**User Needs (top points)**  <span style="background-color: transparent; color: #000000; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">Database of clothing items, each with a picture and other parameters (Type: Shirt, Pants, Hat, etc; Restrictions: Outdoor Gear, Bathing Suit, etc). > <span style="background-color: transparent; color: #000000; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">Ability to search through items based on any parameters available (the search is vital to our product). > <span style="background-color: transparent; color: #000000; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">Mechanism for assembling outfits visually. > <span style="background-color: transparent; color: #000000; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">Ability of users to save outfits. > <span style="background-color: transparent; color: #000000; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">Ability of users to search for outfits based on a variety of parameters. > <span style="background-color: transparent; color: #000000; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">Virtual wardrobes for users to organize groups of clothing and outfits. > <span style="background-color: transparent; color: #000000; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">Recommendations, reviews, 'like' or 'dislike', and titles that can be acquired by individuals for highly rated items, outfits, and wardrobes.
 * <span style="background-color: transparent; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">This is automated.
 * <span style="background-color: transparent; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">The ‘Search Engine’ page has these parameters and they are clearly defined. The search engine is very straight-forward. Users will be able to see items in his/her closets while searching for items to be added into their closet. The top menu (to navigate between tops, bottoms, accessories, etc) is probably the main problem. It takes up too much space and the only information it tries to convey is only the main categories of the clothes.
 * <span style="background-color: transparent; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">The page where users will be able to Assemble Their Pieces uses these parameters, too – however, not in detail. Users can only navigate through the main categories but couldn’t go further down. This may cause a hard time to the users to find for the specific clothes that he/she has already in mind.
 * <span style="background-color: transparent; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">This has been clearly shown in the page. However, the page made a restriction in which each clothes are assigned to its own box. (For example, a hat will be on top of the tops, the outerwear will be right next to the tops, etc.)
 * <span style="background-color: transparent; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">How would you switch the type of clothing? I see that you have a section in (3) dedicated to 'Tops', but how would one switch to 'Pants', etc?
 * <span style="background-color: transparent; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">In the same page as the one before (assembling outfits), users can immediately save the ‘assembled’ outfits’ – however, there is no obvious button to do so. A button should be added on the visual box in order to ‘save’ the outfits.
 * <span style="background-color: transparent; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">The ‘search engine’ has clearly done this.
 * <span style="background-color: transparent; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">The ‘Assembling Outfits’ page doesn’t allow this. Users can only choose from the tops they already have – and the tops itself is a large category. This page is lack of the variety of parameters; and users will have to leave the page in order to find for other clothes that aren’t in the users’ closet. (Users may find this bothersome)
 * <span style="background-color: transparent; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">We should decide on what is too much and what is too little when asking the user to fill out something to search. Asking the user for 20 different filters will be very cumbersome and inefficient, yet providing only some of the filters may not be enough to get correct results.
 * <span style="background-color: transparent; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">This isn’t implemented directly. However, clothes are already categorized by their own parameters. (For example; colors, brands, etc.) The groups are assigned automatically in the database. In order to assemble to create new look, the users can go to the ‘Assemble Outfits’ page.
 * <span style="background-color: transparent; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">How would you store color data? Most people will catagorize color very generally rather than list different shades. ie, 'bright purple vs violet'. People won't know hex colors either. This problem can be expanded in other categories too where people tend to make generalisations.
 * <span style="background-color: transparent; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">In the search engine itself, users can like/dislike the clothes.
 * <span style="background-color: transparent; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">Users can go to friends’ pages to recommend outfits. (The clothes, accessories, etc. are chosen from the friends’ closet) In the page, too, users can review on the outfits the friends’ have put together and like or dislike the outfit.
 * <span style="background-color: transparent; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">Other people's profiles should be displayed based on privacy settings
 * <span style="background-color: transparent; color: #000000; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">In the page where user will be able to see their already assembled outfits, together with friends’ recommendation, the user will be able to see reviews (and amounts of likes and dislikes) from other people on the assembled outfits.


 * Comments & Thoughts While Doing the Prototype and Discussing on the Prototype**
 * I did not think of the basic things that should be available in most user-based websites; which are settings.
 * The clothes are mainly for assembling - I accommodate ratings; but there's no page where users can see each of their clothing pieces' ratings.
 * In the 'Visually Assemble Clothes' page, I accommodate changing through the main categories (tops, bottoms), but I didn't consider more details (sleeveless, colors). This may cause burden to the users - they'll have to scroll a huge number of clothes.
 * In the friends' list, I didn't consider having many friends - if that's the case, they'll have to scroll to the friends they wanted to see - and there's no sorting.


 * Comments From End Users**
 * Since most pictures will be re-sized to fit in the side box, how will users be able to really see if they want the item or not? For example, the user has chosen a pink top to go with other outfits. However, suddenly the user came across (a small sized) red top, and thought that it will look better. However, since the picture is small and (probably) not clear, the user wouldn't want to immediately replace the pink top with something that probably won't even look nice. How will you accommodate this?

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">__Kevin Woo's Prototype__ <span style="background-color: transparent; color: #000000; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">**Overall**
 * <span style="background-color: transparent; color: #000000; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">Some parts of the site presents information in a horizontal fashion. This uses more horizontal space, which the users may not have on their monitors. In other words, scaling may be an issue. An example would be the home page when the user logs in. Activities, News, and the image may appear too squished together on smaller monitors.
 * <span style="background-color: transparent; color: #000000; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">On the main page, the form for signing up should at least be lined up properly. The textboxes are a bit off.
 * <span style="background-color: transparent; color: #000000; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">The settings page could be more consistent with the rest of the site in that it should have the menu bars that lists the Browse, Find Friend, etc buttons.
 * <span style="background-color: transparent; color: #000000; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">Site should continue to aim for a minimalist style. Very little javascript prettiness, more content oriented.
 * <span style="background-color: transparent; color: #000000; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">The site doesn't accommodate parameters for outfits - for example, tops and bottoms. There is no clear view on how the users would search for the parameters. This may be a huge problem for the people to search for the outfits. With this style, user will not be able to go in-depth on browsing using parameters which would burden the users. (e.g. blue, long-sleeve tops)
 * <span style="background-color: transparent; color: #000000; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 110%; text-decoration: none; vertical-align: baseline;">The page to virtually design the outfit doesn't have a clear view on how to add items from the already-selected clothes. The users could not browse through each piece of clothing they already have - this style will only accommodate to users who already have a clear view of what to wear. This might be hard for users who have no idea what they wanted to wear - they probably will be the main users who would use the system.

<span style="font-family: Arial,Helvetica,sans-serif; font-size: 110%;">Hierarchical system for viewing/adding wardrobes.
 * <span style="font-family: Arial,Helvetica,sans-serif; font-size: 110%;">This design plays on the metaphor that a digital wardrobe on Style Share is just like a physical wardrobe. One can have multiple wardrobes filled with different styled clothing. Within each wardrobe is a collection of clothes. From this, you can pick out which article of clothing you'd like and match it up with another article of clothing, all within a single wardrobe. In my prototype, I have something very similar for this in that I define a place to create new wardrobes, a place to mix and match clothing styles, and a place to insert new clothing items.
 * <span style="font-family: Arial,Helvetica,sans-serif; font-size: 110%;">This approach is easy to use, but the downside is the user will have to navigate through a series of buttons in order to add a new clothing. It also requires the user to already know which wardrobe the new clothing item will be in.
 * <span style="font-family: Arial,Helvetica,sans-serif; font-size: 110%;">There should be a way to add in a clothing independent of everything else.

<span style="font-family: Arial,Helvetica,sans-serif; font-size: 110%;">Displaying of other people's wardrobes.
 * <span style="font-family: Arial,Helvetica,sans-serif; font-size: 110%;">Main way is to display a small, but still clearly visible picture of the clothing style along with a title. This is good since it allows the user to receive the most information with the least amount of components.
 * <span style="font-family: Arial,Helvetica,sans-serif; font-size: 110%;">Currently there is no mechanism to determine how to handle large queries to the database. If it fetches for all the wardrobes that are for public viewing, displaying all that data at once may cause the entire site to slow, not to mention that it would delay the feedback to the user. Perhaps loading 30 or more wardrobes at a time would be best.
 * <span style="font-family: Arial,Helvetica,sans-serif; font-size: 110%;">Sorting is done based on different concepts, like according to popularity or by submission date. This fine, but we should probably add in a more refined way to filter results. One way may be to have a search page dedicated to just filling out a bunch of filters, such as search by UPC, specific color, brand, price, etc. This will allow the user more control over what he/she would like to see.

<span style="font-family: Arial,Helvetica,sans-serif; font-size: 110%;">Recommendations of other styles.
 * <span style="font-family: Arial,Helvetica,sans-serif; font-size: 110%;">May be better to have a comment section associated with each particular published style rather than rely solely on messaging. That way the user will know exactly what style the other users are making comments on.
 * <span style="font-family: Arial,Helvetica,sans-serif; font-size: 110%;">Recommending news/uploading news reports may not be feasible for this project. It requires a lot more user input and motivation to repeat what a news article has already plainly stated. Also there is the problem of plagiarism/copyrighted material.

<span style="font-family: Arial,Helvetica,sans-serif; font-size: 110%;">Feasibility of autogenerated outfit from individual clothes. <span style="font-family: Arial,Helvetica,sans-serif; font-size: 110%;">Multiple Layers of clothing. <span style="font-family: Arial,Helvetica,sans-serif;">Privacy Protection of Users.
 * <span style="font-family: Arial,Helvetica,sans-serif; font-size: 110%;">This is an idea that we do not see very often, even in large corporation websites. It will require a lot of understanding of relationships among clothing style types (like facemask vs winter hat). This may not be feasible given the short deadline for this project.
 * <span style="font-family: Arial,Helvetica,sans-serif; font-size: 110%;">While it is easy to create a general outfit, there is no clear option to link different styles with each other to make a complete outfit. For example, my prototype allows users to build a new winter outfit by defining the hats, jacket, pants, shoes, etc. But it does not really address how that would relate to the clothing underneath the outerwear. Layering was mentioned, but not gone in depth.
 * <span style="font-family: Arial,Helvetica,sans-serif;">The site attempts to address protecting users using usernames rather than real names, along with options for the user to define privacy settings. This is good, but requires more indepth explanation of how that works as it may affect functionality of the site.

<span style="font-family: Arial,Helvetica,sans-serif;">Copyright.
 * <span style="font-family: Arial,Helvetica,sans-serif;">Since this site is entirely made up of user uploads (users will upload the majority of the clothing pictures), we may run into copyright infringements. We made no suggestion on how to combat this, and it should probably be addressed.

__<span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 11pt; text-decoration: none; vertical-align: baseline;">Lauren’s Prototype Evaluation __ <span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 11pt; text-decoration: none; vertical-align: baseline;"> Overall
 * <span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 11pt; text-decoration: none; vertical-align: baseline;">The site places too much responsibility for populating the clothing database on the users.
 * <span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 11pt; text-decoration: none; vertical-align: baseline;">The site does not support any way in which the clothes can actually line up together and can be visually matched.
 * <span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 11pt; text-decoration: none; vertical-align: baseline;">Some of the phrasing for links and buttons are confusing and not descriptive.
 * <span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 11pt; text-decoration: none; vertical-align: baseline;">The focus of the site may not be placed correctly -- too much about forcing a user to add clothes to the system.
 * <span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 11pt; text-decoration: none; vertical-align: baseline;">Certain things require less programming and more work from the user: e.g. having to look up a barcode for something you don’t own.
 * <span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 11pt; text-decoration: none; vertical-align: baseline;">There is no way to easily browse closets.
 * <span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 11pt; text-decoration: none; vertical-align: baseline;">Not a wide variety of pages to the site.

<span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 11pt; text-decoration: none; vertical-align: baseline;">User Needs Evaluation
 * <span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 10pt; text-decoration: none; vertical-align: baseline;">Database of clothing items, each with a picture and other parameters (Type: Shirt, Pants, Hat, etc; Restrictions: Outdoor Gear, Bathing Suit, etc).
 * <span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 10pt; text-decoration: none; vertical-align: baseline;">This system is very freely implemented with little-to-no work by developers for adding clothes and categories of clothes. The strain, however, is then placed on the user, which makes the system less use-able.
 * <span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 10pt; text-decoration: none; vertical-align: baseline;">However, it is good that people can group their clothing items whichever way they want.
 * <span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 10pt; text-decoration: none; vertical-align: baseline;">Ability to search through items based on any parameters available (the search is vital to our product).
 * <span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 10pt; text-decoration: none; vertical-align: baseline;">No search capabilities beyond by barcode. The search feature was lost when the strain was placed on a user to upload any kind of clothing they wanted. The tradeoff is no programmer or database editor has to add a bunch of clothes and their colors and such, but the searching becomes less specific.
 * <span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 10pt; text-decoration: none; vertical-align: baseline;">Mechanism for assembling outfits visually
 * <span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 10pt; text-decoration: none; vertical-align: baseline;">The outfits are assembled visually, but not in a way that a user can match multiple things at once outside of the add screen.
 * <span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 10pt; text-decoration: none; vertical-align: baseline;">Ability of users to save outfits.
 * <span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 10pt; text-decoration: none; vertical-align: baseline;">Implemented with a straightforward universal + symbols. There is also a clear way to “Add” and “Remove” clothes.
 * <span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 10pt; text-decoration: none; vertical-align: baseline;">Virtual wardrobes for users to organize groups of clothing and outfits
 * <span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 10pt; text-decoration: none; vertical-align: baseline;">It is good for a user that they can name their closet anything they want. For example, some people might have “Business Casual for Winter” and “Business Casual for Summer”, while some people don’t want a “Business Casual” category at all.
 * <span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 10pt; text-decoration: none; vertical-align: baseline;">Recommendations, reviews, 'like' or 'dislike', and titles that can be acquired by individuals for highly rated items, outfits, and wardrobes
 * <span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 10pt; text-decoration: none; vertical-align: baseline;">There is a way to send outfits mentioned, but not clearly implemented.
 * <span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 10pt; text-decoration: none; vertical-align: baseline;">The like and dislike features coupled with the rating systems are very obvious.
 * <span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 10pt; text-decoration: none; vertical-align: baseline;">This implementation puts a more social and competitive edge to Style Share and less on the side of being able to match one’s clothes.

__Zach's Prototype Evaluation__

<span style="background-color: transparent; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 14px; text-decoration: none; vertical-align: baseline;">**Overall**
 * <span style="background-color: transparent; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 14px; text-decoration: none; vertical-align: baseline;">There is not an emphasis on any social element - the website is simply a non-interactive database browser.
 * <span style="font-family: Arial,Helvetica,sans-serif;">There isn't an introductory element to the website... It appears to be a utility, but learning to use it seems to require instruction.
 * <span style="background-color: transparent; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 14px; text-decoration: none; vertical-align: baseline;">The website is almost too simple - it doesn't help ease the user into creating and finding outfits.
 * <span style="font-family: Arial,Helvetica,sans-serif;">The organization is neat, clean, and efficient.
 * <span style="font-family: Arial,Helvetica,sans-serif;">There are extensive querying abilities packed into a small space - this is something some of the other prototypes lacked entirely.

<span style="font-family: Arial,Helvetica,sans-serif; font-size: 14px;">**Implem****entation**
 * The interface seems realistic to code - JQueryUI would be able to do most of the tough work. The idea is not realistic as a product since it can't be easily interpreted, however.

<span style="background-color: transparent; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 14px; text-decoration: none; vertical-align: baseline;">**User Needs (top points)** <span style="background-color: transparent; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 14px; text-decoration: none; vertical-align: baseline;">Database of clothing items, each with a picture and other parameters (Type: Shirt, Pants, Hat, etc; Restrictions: Outdoor Gear, Bathing Suit, etc). > <span style="background-color: transparent; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 14px; text-decoration: none; vertical-align: baseline;">Ability to search through items based on any parameters available (the search is vital to our product). <span style="background-color: transparent; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 14px; text-decoration: none; vertical-align: baseline;">Mechanism for assembling outfits visually. <span style="background-color: transparent; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 14px; text-decoration: none; vertical-align: baseline;">Ability of users to save outfits. <span style="background-color: transparent; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 14px; text-decoration: none; vertical-align: baseline;">Ability of users to search for outfits based on a variety of parameters. <span style="background-color: transparent; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 14px; text-decoration: none; vertical-align: baseline;">Virtual wardrobes for users to organize groups of clothing and outfits. <span style="background-color: transparent; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 14px; text-decoration: none; vertical-align: baseline;">Recommendations, reviews, 'like' or 'dislike', and titles that can be acquired by individuals for highly rated items, outfits, and wardrobes.
 * <span style="background-color: transparent; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 14px; text-decoration: none; vertical-align: baseline;">This is automated.
 * <span style="font-family: Arial,Helvetica,sans-serif;">This is the area that the prototype excels in. We have the ability to add ANY parameters to the prototype search given the layout.
 * The search is also displayed visually, is easy to navigate, and provides a quick way (click) to access all of the information about any item returned in the search.
 * <span style="font-family: Arial,Helvetica,sans-serif;">The visual assembly mechanism is interesting - it allows the clothing items to be placed close to one another to aide with matching, and does so in the expected layout. The only catch is that items worn on the same section of the body cannot be overlapped as they would be normally, but there doesn't seem to be a practical way to work this out in any implementation.
 * <span style="font-family: Arial,Helvetica,sans-serif;">There is no documentation on saving outfits, or the process of creating outfits, but this process could easily be added in with a few buttons.
 * <span style="font-family: Arial,Helvetica,sans-serif;">The query system on the left hand side works for all types of items, including outfits. The only parameter that is questionable is the 'closet.' It isn't clear what a 'closet' is and what the possibilities are for closets. We need to clear this up as a group before the final prototype.
 * <span style="font-family: Arial,Helvetica,sans-serif;">If closets represent wardrobes in this example, then virtual wardrobes are present. It is worth noting that it isn't clear if the wardrobes can hold both clothing and outfits, and also there may not be an implemented way to organize the items into the closets.
 * <span style="font-family: Arial,Helvetica,sans-serif;">Like and dislike are present, meaning popularity ratings exist, but there aren't any social titles associated with individuals.


 * Comments & Thoughts While Doing the Prototype and Discussing on the Prototype**
 * After seeing the prototypes of my group members, it became clear that I missed quite a few important elements of the project. Luckily, I did bring some strong points to the table in regards to organization, efficiency, and the general layout of the website as something that should inspire users, rather than just serve as a utility. My prototype came out much like a utility, but my intentions were to help provide visual inspiration, and after talking with my group members this idea gained prominence.


 * Comments From End Users**
 * It seems hard to match a new item with an existing outfit since a new window will pop up and the user will need to switch between the two windows to compare the items.
 * The function of a 'closet' is not clear.
 * Are there user accounts? The prototype makes no indication of them, yet there are data that seem to be saved for each user.

**Step 3. Reconsider priorities, and make a decision**
After evaluating each of the prototypes and making note of the many conceptual flaws, we decided to merge all of them into a new prototype. We essentially started with Lauren's home page, then added in Aisya's pages for browsing particular categories (Friends, Clothing, Outfit Editing), then added Zach's outfit layout idea along with a couple of smaller points, and finally Kevin's messaging system. We deemed this as our final prototype, but upon doing user walk through and gaining feedback, we realized that it is hard to deem something truly final. Users struggled a bit with the navigation, which prompted us to create more fluid movement between the pages. Although this prototype was a great effort to blend the various group member's elements, the design had some flaws. Also, not everything was agreed upon, which is why we are thankful for the refining process.

This was the result:

Intermediate Prototype

**Step 4. Refinement**
The refinement process significantly highlighted many aspects that the Intermediate Prototype had glossed over. Although the core ideas where there, using iterative enhancement we were able to ultimately produce a greater version of the prototype. Each time we stepped through the site, we sought to make tasks straightforward. This led us to change the layout, specifically, sizes of elements to make things cleaner. The concept of the navigation bar that is seen in other websites, but we hope that our interpretation is different enough to still be considered "original".

This is the final prototype:

Final Prototype