andro preso
TRANSCRIPT
![Page 1: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/1.jpg)
ANDRO
Joel Coutino Macias, Hillary Berquist Funk, and Emily Lazo
![Page 2: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/2.jpg)
AGENDA
What is ANDRO? Research
Architectural Strategy Technological Implementations
User Testing
Live Demo References
Questions?
![Page 3: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/3.jpg)
![Page 4: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/4.jpg)
RESEARCH
Literature Review Field Research
Clothing Taxonomies Online Survey Results
Interviews
![Page 5: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/5.jpg)
FIELD RESEARCH Physical Stores:
Online Stores:
![Page 6: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/6.jpg)
CLOTHING TAXONOMIES
Common structures:
Men Shirts Long-Sleeve Short-Sleeve Dress Casual Tees/Polos Short-Sleeve Long-Sleeve Sweaters Pants/Shorts Cargo Slim Pleated Denim Outerwear Jackets Vests Suits Swimwear Sleepwear
Women Shirts/Tops Blouses Short-Sleeve Long-Sleeve Sleeveless Casual Tees/Knits Tanks Camis Dresses/Skirts Maxis Prints Solid Strapless Sweaters
Pants Casual Dress Leggings Capri Knit Outerwear Jackets Vests Swimwear Two-Piece Single Sleepwear Pajamas Nightgowns Camisoles
![Page 7: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/7.jpg)
CLOTHING TAXONOMIES Less Common structures:
Men Tops Shirts Tees Sweaters Bottoms Shorts Jeans Pants Outerwear Jackets Underwear Boxers Boxer-Briefs Trunks Swimwear
Women Tops Tanks Camis Tees Shirts Sweaters Bottoms Jeans Pants Shorts Dresses/Skirts Underwear Bras Panties Swimwear One Piece Two Piece
Most categorization utilizes a hierarchical taxonomy. Other common division of the clothing is usually done according to size, color, fabric and patterns. The level of detail varies by online stores.
![Page 8: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/8.jpg)
AUDIENCE DEMOGRAPHICS 44 people responded to a 10 question survey
RESULTS:
• 64% of respondents chose “Yes” when asked if they had ever shopped in the opposite gender category
• When asked whether the respondent would shop in the opposite gender category more often if this clothing were cut to their anatomy -- 83% responded either “Yes” or “Maybe” (45% “Yes,” 38% “Maybe”)
• 75% (33 of 44 respondents) claim to spend at least $25 per month on clothing, while 16% of these respondents spend over $50 per month on clothing.
![Page 9: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/9.jpg)
INTERVIEWS
8 interviews (6 females, 2 males ranging from age 21-31)
RESULTS:
• Majority of respondents stated they had difficulty when finding clothing that fit.
• Participants’ descriptions of their style varied, yet many were descriptive based off occasion, such as casual and athletic.
• Other factors that either influence or inspired our participant’s styles were comfort, friends, colors, and patterns.
![Page 10: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/10.jpg)
CARD SORT
![Page 11: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/11.jpg)
CARD SORT
RESULTS:
• Five of eight participants created a "Bottoms" category for: jeans, leggings, pants, shorts, skilts
• Several participants had trouble ascertaining the meaning of "skilts" (this term was created as a gender neutral alternative to skirts; it is a portmanteau of "skirts" and "kilts")
• Five participants also created a "Tops" category for: blazers, jackets, polos, shirts, sweaters, tanks, tees, vests.
• Although there was less of a consensus on a term for the items that lie outside of these two categories, the most common category suggested (by three of eight participants) was "Full Body."
![Page 12: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/12.jpg)
ARCHITECTURAL STRATEGY - Categorization Scheme
- Tops
- Bottoms
- Full Body
- Blog - Help
- Sizing Information
- About Us
![Page 13: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/13.jpg)
![Page 14: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/14.jpg)
SITE MAP
![Page 15: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/15.jpg)
![Page 16: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/16.jpg)
![Page 17: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/17.jpg)
TECHNOLOGICAL IMPLEMENTATION
TextWrangler – Text editor used to write XHTML, CSS, JavaScript & PHP code for webpages Fetch – File transfer client for Mac OS used to upload files to server Sequel Pro – Database management application for Mac OS used to create and manage MySQL databases MySQL – Database management system used to store product information and accessed by the website through PHP script Excel – Spreadsheet application used to create website blueprint Mockingbird – Online tool used to create website wireframes Safari & Firefox – Browsers used to view rendering of code online GIMP – Open source image editing software used to create & edit test visuals and some final visuals
![Page 18: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/18.jpg)
![Page 19: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/19.jpg)
USER TESTING
Had 6 users complete the following tasks: 1. Navigate to tops and limit the selection to only t-shirts. 2. Navigate back to the home page, then navigate to tops, sort by price, choose your size, and add the cheapest to your shopping cart. 3. Find out what kind of clothing company ANDRO is. 4. Find information about sizing at ANDRO. 5. Find ANDRO's social media icons. 6. Navigate to the ANDRO blog. 7. What is ANDRO's return policy? Additional questions asked: What is your favorite thing about the site? What is your least favorite thing about the site? Any thoughts on the design?
![Page 20: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/20.jpg)
![Page 21: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/21.jpg)
![Page 22: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/22.jpg)
![Page 23: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/23.jpg)
![Page 24: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/24.jpg)
![Page 25: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/25.jpg)
USER TESTING-ROUND 2
Had 5 users complete the following tasks: 1. Navigate to the Shop page, then select Tops. Limit the selection to only t-shirts. 2. Navigate back the home page, then navigate back to tops. Filter by price, then add the least expensive item to your shopping cart. 3. What is ANDRO’s return policy? Additional questions asked: What is your favorite thing about the site? What is your least favorite thing about the site? Any thoughts on the design?
![Page 26: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/26.jpg)
![Page 27: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/27.jpg)
![Page 28: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/28.jpg)
![Page 29: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/29.jpg)
http://andro.thisfracturedworld.com
![Page 30: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/30.jpg)
POST-MORTEM Room for Improvement (had we more time and/or resources)
• Mobile Application
• Customizable sizing
• Checkout process
Lessons Learned
• Do not base our entire architecture and design intentions on a particular system before we know it will work!
• User testing is very effective in identifying navigation/taxonomy issues that we could not have foreseen ourselves
• Friends who are graphic designers (and willing to offer pro bono services) are invaluable, especially in the context of a project that benefits from aesthetic appeal
![Page 31: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/31.jpg)
VALIDATION RESULTS DOCTYPE tested: XHTML-Transitional 5 pages tested index.html
• 8 nesting errors: creates navigation bar “full bar” link effect shop.html
• 8 nesting errors (navigation bar) tops.php • 8 nesting errors (navigation bar)
• 10 “alt” text errors tops_product.php
• 8 nesting errors; (navigation bar) • 1 “alt” text error help.html
• 8 nesting errors (navigation bar) • 26 nesting errors for hide/display effect • 12 invalid attribute errors for hide/display field id being a digit instead of a letter
![Page 32: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/32.jpg)
REFERENCES Orecklin, M. (2004). The new adrogyny. Time, 164, 66-73. Palmer, B. (2010). Did children always wear gender-specific clothing? Slate Magazine. Conway-Smith, E. (2007). Girls will be boys. Maclean’s, 120(6). Yue, H. (2011). Gender bending-Social trends you can wear. China Today, 60(3). 49-51. Maglaty, J. When did girls start wearing pink? Smithsonian.com, April 8, 2011. Kabba, K. (2011). Gender-neutral language: an essential language tool to serve precision, clarity and unambiguity. Commonwealth Law Bulletin, 37(3), 427-434. Ebrahimi, P. (2009). Gender Issues and Language Articulation; a Brief Look at Pros of Gender Neutral Language Articulation.
![Page 33: Andro preso](https://reader037.vdocument.in/reader037/viewer/2022100300/55830246d8b42a56468b482c/html5/thumbnails/33.jpg)
QUESTIONS?