Page 1

I561 Visual Thinking, Meaning & Form in HCI/d <Team KitCat- Kudzai, Corrie, Ke, Tianjie> Eli Blevis, Associate Professor of Informatics Gopinaath Kannabiran, Associate Instructor Sam Tian Xia, Associate Instructor Thai Yue, Mentor HCI/d Program School of Informatics & Computing Indiana University, Bloomington IN USA SPRING 2014| Version 1.0 I561 INFO-I 561 MEANING AND FORM IN HCI (3 CR) 22095 RSTR

06:00P-09:00P W

Photo By: Kudzai Chinyadza


I2 150





PREDISPOSITIONS Predisposition Title: Mixture of Textures Predisposition: Fashion designers can enrich material culture by mixing up different materials to create new kinds of textures and visual effects. Illustration: The plastic sequins sewed on the cloth create a unique texture. When the light reflects on the sequins, it has a shining effect. Fashion designers are making new textures by trying different combination of materials, not only with regular cloth, but also with unusual low-cost material. Source: Ke Zhang, 2014

Predisposition Title: Patterns and Nature Predisposition: Nature inspires patterns.

Predisposition Title: Texture and Material Predisposition: Mixing materials can produce unified textures.

Illustration: The plants in the HCI/d Design Studio can inspire fashion patterns. The patterns of the leaves inspires the patterns in our daily clothes.

Illustration: Lap top bag. Fashion brings unity in different matterials. The leather detailing on the zippers mixed with the woven patterns on the cloth produce unity between the man made and natural materials.

Source: Tianjie Li, 2014

Source: Kudzai Chinyadza

OBSERVATIONS Observation Title: Fashion in sports and IU spirit

Left Observation: A girl standing in front of the IU basketball stadium in the middle of the game, wearing an IU shirt and a cap. Source: Ke Zhang, 2014

Right Observation: A kid in IU clothing holding a toy basketball that just got signed by players after game ended. Source: Ke Zhang, 2014

Observation Title: Fashion in sports and IU spirit

Left Observation: This picture was taken inside IU basketball stadium and this couple came to support their team, and are quite satisfied with the result. Source: Tianjie, 2014

Right Observation: IU fans showcasing their school spirit after the Michigan game. Their fashion choice expressed themselves individually but also tying them under the cultural umbrella of IU fans. Source: Kudzai, 2014


Reference: Menkes, The New York Times. http://www. html?_r=0. Web. 1 March 2013. Reason for Inclusion: This article speaks to the emotion behind Fashion Designers and runway shows and the real emotion behind the designs as well as audience emotions as well.

Reference: Venkatesh J, Vivekanandan.K and Balaji. D. 2012. Relationship among emotions, mood, personality and clothing: an exploratory study. Elixir International Journal. Accepted: 18 April 2012. Reason for including: The reason why include this paper: It is widely accepted that clothing has the potential to reflect and convey the inner self, e.g. self image, mood, political affiliations, social aspirations, but also that consumers prefer products that are consistent with their identity. What we are going to investigate is mainly focus on wearable stuff, especially clothing, which commonly used to be related with fashion, this topic. Fashion has so much to do with the usersâ&#x20AC;&#x2122; emotion and personality together with their value system and cognition and perception towards world. So it is crucial for us to understand the relationship between clothing and peopleâ&#x20AC;&#x2122;s individual psychology.

Reference: Choi, Y., Pan, Y., & Jeung, J. (2007, September). A study on the emotion expression using lights in apparel types. In Proceedings of the 9th international conference on Human computer interaction with mobile devices and services(pp. 478-482). ACM. Reason for Inclusion: This study is a base study for other further studies of interaction methods focusing on exploring interaction process between clothes and surrounding people where light is used as an output. The paper extracts elements that must be considered in interaction designs using light in clothes.

COLLECTIONS 1. “I feel, perhaps, slightly unnatural because I’m not looking for a job right now. I’m just a student.” 2. “I’m not used to wearing stuff around my neck.” 3. “It made me feel serious but not too pretentious.” 4. “This is something I would wear for a performance or to a fancy restaurant.” 5. “The uniform made me feel professional.” Source: Team KitCat

INSIGHTS Fashion and Emotion

Insight Title: Color affects emotions

Insight Title: Value placed on items by people is not just functional. Items can stir up special memories, and they can have personal stories attached to them.

Color wheel of emotions Source:

Inforgraphic by: Ke Zhang

Infographic by: Kudzai Chinyadza

Insight Title: Wearable Technology

Insight Title: Perceptions of patients, physicians, and medical students on physiciansâ&#x20AC;&#x2122; appearance.

Infographic by: Corrie Colombero

Infographic By: Tianjie Li

CONCEPT I Interactive Runway This concept is about incorporating the audience into the fashion show and giving designers instant feedback on how the audience feels about the clothing on the runway. As the model is walking down the runway and the wall lights up showing the audience’s emotion and feelings towards the clothing. If they love it, the brighter the colors and hues. If they don’t the cooler the hues become. All of this is controlled by an app, that the audience members can download. By simply tapping the mood circle, they can add to the likes that the garment gets. If they don’t like the garment then by simply not doing anything it adds to the negative feedback that would be shown on the runway.

Image Source: Kudzai

Concept II iMirror iMirror changes the way women makingup. When they sit in front of the mirror, it chooses the best makeupsfor her according to the usersâ&#x20AC;&#x2122; emotion,complexion and their clothesâ&#x20AC;&#x2122;color. After the user decide which kind of makeup she prefers to use for, it shows the procedures of achieving that.

Image Source: Tianjie

BEHAVIOR PROTOTYPE Our concept is the Emotion Mirror. It is able to read the subjectâ&#x20AC;&#x2122;s emotion and reccommend makeup based off the emotion she is feeling. The subject can select from different options shown on the mirror and then can match up the proper cosmetics needed to acheive that result. 2

5 Source: Team KitCat







I561 Visual Thinking, Meaning & Form in HCI/d TEAM KitCat (Ke, Tianjie, Corrie, Kudzai)

Eli Blevis, Associate Professor of Informatics

HCI/d Program School of Informatics & Computing

Gopinaath Kannabiran, Associate Instructor

Indiana University, Bloomington IN USA

Sam Tian Xia, Associate Instructor Thai Yue, Mentor

SPRING 2014| Version 1.0 I561 INFO-I 561 MEANING AND FORM IN HCI (3 CR) 22095 RSTR

Source: 1 Tianjie Li

06:00P-09:00P W

I2 150





Vtmf finaldocument 2014 kitcat  
Vtmf finaldocument 2014 kitcat