Exercise 5 - Joanne

One object that I love using is the ihome. It is a docking system that allows me to charge and play my ipod and also is a clock radio. The physical constraints on the ihome make it easy to differentiate where to put the different ipods because there are 2 different docking ports: one for the shuffle and one for all the other ipods. Another reason I like the ihome because of its affordances. The snooze button is the best feature because this button is the biggest and easiest to find. The visibility of this system is also great because all the buttons are labeled clearly for its functions and also light up so you can see them in the dark. I also like the mapping of the system for the volume and when setting the times for the alarms. The control for the volume is placed on the right, while the control for time is placed on the left. Both controls are scrolling wheels similar to the ipod control.

One object that I hate is my old alarm clock. The affordances on this alarm clock annoy me because they are too small. Although the snooze button is slightly bigger then the other buttons, the button sizes are too similar because I often press the wrong buttons when trying to press snooze. The visibility of all the buttons are clearly labeled for its functions but are useless when it is dark. Although, I don’t like this alarm clock the mapping and the physical constraints are good. There are switches to control the on/off alarm modes and turning axes for controlling the volume and radio stations are vary easy to use.

Excerise 5 - Kaylyn Frecker

LOVE YOU BABY.

I love my toothbrush. I wake up with him, and go to bed with him. He's tall, slender and soft to touch. He attacks and protects me from the bad guys. With his gripped body, I could never let go of him.

When his hair changes color and turns from bright blue to white I know it is time to look for a new toothbrush; feedback.

With his gripped body clearly laid out on his tall body my hands know exactly where to go; mapping.

It has gotten to the point in our lustful relationship that he just knows when I want him; habituation.

F***IN HATE YOU.

I hate batteries. He sits in his ass grooved chair all day doing nothing. Sometimes he gets a sudden urge to play with me but otherwise he goes hours upon hours doing nothing.

His cylindrical form not only makes him physically unattractive, but it's nearly impossible to keep him organized he will just roll away!

Also, half of the time I don't even know if hes a live or nearly going to die because he refuses to wear any sort of colour to reflect his lively hood.

Honestly, half the time I can't even get him out of his chair because he has nothing to grip onto.

Exercise 5 - Iliana Shabatova

Spoon Holder (love)

This metal spoon holder highly appeals to my sense of sight, due to its simple and oval form, smooth texture and reflective surface. It has a natural shape, yet it looks like a jewel. This object’s function is very simple, yet very useful. It is simply invented to support current kitchen appliances used and keep them clean from touching other surfaces. Its price is up to $10 depending on stores. Even though there could be some confusion as to what this object’s function is, there are hints to avoid that. Firstly, its overall arched shape makes the viewer understand that something is to lie in the hollow oval spaces and have its handle towards the end lifting up. Also the hollow spaces makes the viewer think that there might be liquid being collect there dripping from the objects placed inside (avoiding a mess).

Serving Spoon (hate)

This plastic serving spoon can easily get lost among all the other black kitchen appliances. Its pointy head piece always manages to catch on to other appliances as well. The object’s bumpy surface does not please my sense of touch. This object costs around $5. It is clear for the viewer where the handle of this object is, however only in their hand the handle is solid and flat. There is no rubber handle to make the experience better. Secondly, when used it tends to bend back a lot when using it for food such as spaghetti, due to the weak plastic material. Lastly, it takes around 5minutes to clean, as a lot of food tends to get in between the spikes or in the two middle holes (cleaning melted cheese off of it is hell).

Exercise 5: Miriam

L O V E

Visibility The camera’s system is very easy to use, everything in the back of the camera is clearly mapped. The actions are all labeled with each button. Whether it is the menu, the filming option, the preview option, flash, etc. When a photo is taken it shows up on the screen, obviously clarifying that it has been taken and saved on the memory card. All of the information is not shown, so easy to read menu’s and steps are installed in the program. The MENU button provides many more options, such as lighting conditions, or night photo settings. The camera uses relevant controls to show it’s information. Affordance The affordance of the camera fits with it’s function, it is small making it easier to hold and carry, and the fact it has a clear usability function makes it simple to use for anyone. The small symbols on the camera such as the magnify glass with the plus symbol make it understandable to users because it is a object we use in everyday life to see things closer, making it a logical symbol. It is made to a size that fits the hand perfectly, and has a small grip at the front for your finger. Mapping The mapping of the camera’s back menu is set very basically. The shutter button is at the top right of the camera, since I use my right hand to take photos. The scrolling menu (up, down, right, left) does provide arrows, but they are not necessary because it’s obvious where the buttons will move selections. Constraint Not all of the functions are provided on the physical camera. Compared to my other camera, the functions such as shooting modes (manual function, portrait, night, etc.) are attached to the outside body of the camera. While in this one, they are all programed inside.

H A T E

Visibility This alarm clock is a piece of rubbish. Maybe the fact that I bought it for a dollar would explain it. Whenever you set the time or the alarm your not sure of whether it preformed the task or not. If it didn’t, then you need to go back and set it. There are no visible controls, one is not sure of what button does what action. If these buttons had small labels or names it would be easier to manage. The time also is difficult to see unless you have a non-busy background. Since it is transparent, also making it hard to see the time at night. Affordance The design of this clock looks pretty nice, but the performance level is a failure. One knows that the buttons are there to set the time, but because of no labels they are difficult to figure out. There are also four extra buttons which do not serve any purpose? Mapping The mapping is very poor, because the buttons effect do not work to what one expects of the object. If there were more controls then it might be easier to use. Constraint Uses psychological constraints, mappings, however without any instruction they are not very accurate.

Excercise 5: David McInerney

The object I love is the iPod touch, despite the constraint that this device cannot be used as a cell phone, it offers most of the iPhone applications. The mapping on the iPod touch is almost exclusively by a touch screen, which assumes with software upgrades, the mapping can be partially changed. Having the touch screen and central button on one side, eliminates the affordance of someone mistaking the metal plate on the rear as the screen. When the iPod Touch is turned on, visibility is very clear, information such as battery power usage, time, date, websites, songs, youtube, photos, videos, contacts, calendar, calulator and iTunes can easily be accessed from the main screen. The use of album art and the album art viewer ensures the user is aware of what song they are listening to and choosing new music.

The object I hate* is the Bose Speaker dock for iPod, mainly because this object is constrained to only playing iPods, whereas other speakers the same price, size and quality offer an input for other Mp3 players, computers, cd players etc. Another source of grief for me is that the mapping is so minimal that there is no off-switch, therefore the iPod is constantly being charged and on standby mode, this can be considered a massive waste of energy! There is little room for affordance as the device is designed with the iPod dock at the centre of the device on the same side as the output for the speaker. In addition to the speaker being on a slight angel leaning backwards and on a curve, leaving the back with void space. The small remote has constrained controls and does not allow the user to switch between playlists, albums, or genres.

*'hate' is a very strong word... I try hard not to hate anything!

Exercise 5, Julian Saadeh- Love and Hate

The object I love the most is this pair of multi- purpose scissors that have three functions. Being very durable, these scissors have provided me with good times in my cutting activities. 1. They have very sharp edges which can cut through almost everything. 2. They are equipped with a bottle opener in the center and they also can crack nuts with the ridges edges at the handle part, allowing you to squeeze with enough pressure. Overall they last very long and are fairly inexpensive.








The object I most despise is this portable razor. First of all this item is too much money for its function. Secondly the blades, which can be bought seperatly are equally expensive and dull very fast after a couple weeks of shaving. The actual weight of the razor feels heavy in your hand making the shaving exprience uncomfortable. The padded grips and are most likely the best feature, but dont enhance the quality of the shave. This product is no good for long term use mainly because the blades need to be changed every so often, which makes this item another artifact collecting dust on my shelf.

exercise 5: Love/Hate Kristen Burns

One thing that I use everyday and love very much is my Ipod. Wherever I go I always have it. The screen its self lights up when using it, which makes it easy to read. It uses Alignment when listing all the music. When you are scrolling, where you are is highlighted, which gives you visible feedback. It is very clearly illustrated that the buttons are buttons because they each have printed on them what they do.

One of the things I really hate is the Mac Mouse. How can such an awesome computer have such a useless mouse? The biggest reasons for why I hate it is because it doesn’t have a right click. Instead you have to go threw a command instead of just pressing a button like the PC mouse. Also in the way the mouse is mapped out there is nothing to imply that it actually has a button at all, there is no finger imprints or anything. There is some feedback when it comes to the actual click of the mouse, but there is no way of knowing if it is even supposed to click down.

Exercise 5 - Love & Hate

An object that I own which I use daily is my Brita. Honestly, it is the easiest thing to use and it saves me money on water. You can’t go wrong with that combination. One of the reasons I find it to be such a good design is that it is mapped in such a simple way that using it is easy. There is good feedback when it comes to the filter. It lets you know when it needs to be replaced when the electronic bars on the top are no longer lit up. Once they are gone, it tells you it needs a new one for maximum water quality. The handle is grooved, obviously made for fingers to fit, and the spout to pour is visible. The opening on the top is easily accessible; the finger grip on the top is an affordance to its opening.



One of the things I can not stand due to its design is my coffee machine. There is nothing about it that makes it easy to use. There is limited visibility when it comes to its different functions. There is no mapping when it comes to where the opening for the filters is, and where you put the grinds in. You have to figure it out for yourself. The only way to start the coffee making process is to press a button, the only one on the machine, at the front of the base which only shows the symbol of ‘power’. This is a cultural constraint because that symbol represents on/off only in North America.

Gio Petrucci

Project One is due on Wednesday - Good Luck!

Hi Class:

Good luck with Project One.

I have five last minute tips for you.

1) Go over my presentations, and think about how they apply to your interaction. Remember, 8 marks are assigned to "Use of Course Concepts to Deconstruct the Interaction."

2) On that note, read over the Project One description. Carefully. If there's any confusion, email me (before Saturday at 11:59PM).

3) Be sure that the scope of your exploration isn't too broad. Your interaction should have an identifiable beginning and ending, and your ethnography should be comprehensive enough to cover most permutations - this won't be possible if you've bitten off more than you can chew. Remember, you can also narrow down your focus after the ethnographic observation phase.

4) Remember to make your blog post!

5) Try to have your 10 minutes planned out in advance. All members of your group should participate. I will cut you off if you're more than 1-2 minutes longer than 10 minutes.

See you Wednesday.

Another Famous Map . . . and links from Week 3

John Snow's map of London's Cholera Outbreak, which "not only convinced the world that cholera was a waterborne illness, but ultimately brought about profound changes in science, cities and modern society."

Also, here's some more information about Charles Joseph Minard's thematic map of Napoleon's ill-fated march on Moscow. If Minard could establish structure and convey information through a map/diagram in 1861, then so can you!

Lastly, here are links to Buckminster Fuller's Dymaxion Map, Mark Lombardi, and IntellectSpace, as shown in class during Week 3.

Presentation: Basic Principles of Experience Design

Presentation: Basic Principles of Experience Design

Supplementary Reading: James Corner, Mappings, 213-252

Supplementary Reading: James Corner, Mappings, 213-252

"Mapping is a fantastic cultural project, creating and building the world as much as measuring and describing it. Long affliated with the planning and design of cities, landscapes and buildings, mapping is particularly instrumental in the construing and constructing of lived space. In this active sense, the function of mapping is less to mirror reality than to engender the re-shaping of worlds in which people live." (Corner, 213)

Supplementary Reading: Edward Tufte, Envisioning Information, 12-35

Supplementary Reading: Edward Tufte, Envisioning Information, 12-35

"Even though we navigate daily through a perceptual world of three spatial dimensions and reason occasionally about higher dimensional arenas with mathematical ease, the world portrayed on our information displays is caught up in the two-dimensionality of the endless flatland of paper and video screen. . . . Escaping this flatland is the essential task of envisioning information - for all the interesting worlds (physical, biological, imaginary, human) that we seek to understand are inevitably and happily multivariate in nature. Not flatlands." (Tufte, 12)

Supplementary Reading: Colin Ware, Information Visualization 201-240

Supplementary Reading: Colin Ware, Information Visualization 201-240

"The Brain is a powerful pattern-finding engine; indeed, this is the fundamental reason that visualization techniques are becoming important. Ther is no other way of presenting information so that structures, groups and trens can be discovered among hundreds of data values. If we can transform data into the appropriate visual representation, its structure may be revealed." (Ware, 239)

Flow Charts by Martin Stevens

Flow Charts by Martin Stevens

Presentation: Establishing Structure, Maps and Diagrams, Conveying Information

Presentation: Establishing Structure, Maps and Diagrams, Conveying Information

Exercise Five: Jesse Colin Jackson

An object I love is the STAEDTLER Mars technico 780 C lead holder. I have 4 of them. One I've had since 1996, and the rest I've acquired later. In each I keep a different weight of lead: 6H, 4H, 2H and HB.

Affordances are subtle yet clear. The knurled end gives a tactile indication of where to best hold the lead holder; the clip keeps it secure in my pocket protector (ha, ha). As we expect, the end serves as a push-button to advance the lead. More unusually, it also serves as a sharpener, a possibility subtly suggested by its size (the same as the lead) and clarified by a diagram on the Staedtler website.

When the end is depressed, the lead advances. One potentially problematic aspect of the design is that unlike most lead holders, the lead does not advance incrementally. Instead, the push-button opens the jaws at the end that grip the lead, allowing the lead to potentially fall out of the pencil (an expensive error, at 2 bucks a lead). Once learned, it becomes natural to guard against this with your other hand when advancing a lead, and the infinite adjustability allows the lead to be sharpened to both a sharp and rounded tip, but perhaps a physical constraint could be introduced that prevents the lead from falling out completely.

There's no way to automatically differentiate between the different weights of lead, as the only available colour is blue. I've added an ugly label made of masking tape to each, which provides crude visible feedback, but it's an ugly solution at best.

[Disclaimer: I'll concede that I don't actually use a lead-holder much anymore. So perhaps there's some wistful nostalgia in my praise.]

An object I hate is my Sony Ericsson W810i mobile phone. It seems clever, at first: I'm impressed with the fact that the camera elements are mapped to a conventional camera. To operate the camera, you turn the phone sideways, which places the shutter button exactly where you expect it to be. By taking advantage of my existing camera interaction model, Sony has made it easier to take pictures. . . if I could figure out how to turn the camera on. There are no physical constraints to keep me from pressing the buttons when the phone is in my pocket, and these affordances are way too small in the first place: I'm forever turning the walkman on when I want to answer a call, as the buttons for these functions are right beside each other.

The audible feedback is excruciating: why can't mobile phones come with a normal ring tone? Why does my phone have to sound like a cat? I know, I know, I can download new ring tones - perhaps one of you can show me how.

Exercise 5: Tori

I don't think that I could go so far as to say that I 'hate' my old camera (pictured bottom left), but I will say that the new one (pictured top left) better suits my purposes.

The visibility of the DVX100 (top) is far superior. All camera functions are placed on the body, allowing for quick and easy changes. Additionally, the state of each function is clear via the use of dials and switches instead of buttons where necessary. So I can feel with my finger (without having to look away from the monitor) what my settings are.

The old camera required going into menus and used an organizational system that was not intuitive. This decreased the usability and therefore the image and sound quality, while simultaneously increasing frustration.

Mapping is also far superior with the newer camera. The joystick navigational tool for menu options up, down, left, right, and for forward, backward, play, stop creates easy navigation through menus and the VCR mode.

Credits:

I had to grab these images from the internet as my cameras are being lent out right now. The DVX100 was taken from here (and altered): http://www.compusales.com.mx/images/Videocamara%20AG-DVX100BP.jpg
and the PVGS70 was taken from here: http://images.google.com/imgres?imgurl=http://ecx.images-amazon.com/images/I/41K9Z3SMVVL.jpg&imgrefurl=http://shop.spack.net/p/pa/na/panasonic%2BPVGS70%2BMiniDV.B00008RUES.html&h=347&w=500&sz=27&hl=en&start=2&um=1&tbnid=IF6WXz1jbN7mvM:&tbnh=90&tbnw=130&prev=/images%3Fq%3Dpanasonic%2Bpvgs70%26svnum%3D10%26um%3D1%26hl%3Den%26client%3Dfirefox-a%26rls%3Dorg.mozilla:en-US:official%26sa%3DN
and the thumbs up image was from here: http://weblog.infoworld.com/openresource/archives/hand-thumbs-up-2.jpg
The image inside the PVGS70 was taken by me in 2004 using that camera.



Also, I am obsessed with organization. These nesting Ziplock tupperware make my heart beat a little faster.

Nesting (Pg 104 under hierarchy).

Exercise Five: An Object you Love, an Object you Hate

In your home, find two functional objects: one that you love, and one that you hate.

Make a brief post to the blog where you describe your love/hate relationships, using the tools and vocabulary introduced in the Basic Principles of Experience Design presentation. Before you post, review the following terms in Universal Principles of Design: Visibility, Affordance, Mapping, Constraint

Be sure to include photographs of your objects in your post. Make sure the photographs adequately represent the source of your love/hate relationship.

Exercise Four is due on Sunday, January 27 at 11:59PM.

Exercise Four: Read a Map

You have been assigned a map. In one concise paragraph, deconstruct its strategies for conveying information for the class, using the vocabulary introduced in Exercise Three, as well as any new vocabulary you've learned from reading Universal Principles of Design (hint: this is bonus mark territory). Maps contain many visual elements: focus on one or two strategies only.

Conclude with a statement describing your visceral reaction to the map: does this map work for you? Why, or why not? Is this reaction solely a product of the success or failure of the map to convey information, or are there other factors at play?

Provide at least three images of your map: one of the folded map, one of the entire map, and one detail that shows the strategies in question.

Exercise Four is due on Sunday, February 3 at 11:59PM. Please do not lose or damage my maps!

Alignment, Highlighting, Layering and Signal-to-Noise Ratio

Diandra, Julian, Jennie


Alignment – The process of which elements are put in a certain order by forming rows and/or columns to create an organized space and create unity to make it easy for a spectator to gather information. For example: Margins define the reading area of a page by separating the main text from the surrounding environment as they provide important visual relief in any document.



Highlighting – A technique used to bring focus to a certain word, sentence, area and or image. Jesse is using this technique in presenting this assignment to us. **


Layering - The technique in which information is organized into groups to manage the order in which they are accessed. For example: Adobe Photoshop allows you to organize your information through layers making it easy to access or view multiple layers at one time.


Signal-to-Noise Ratio – “Signal” refers to the ultimate necessary focus and or parts of a project while “Noise” refers to the unnecessary visual elements that clutter and or distract the viewer and the point or critical part of the design.

Excercise 2: David McInerney

Jennie's Music Video

Exercise Two - Andrea

Exercise Three - Nolan, Phil, Julian, Andrea

COMMON FATE
Common fate is one of Gestalt’s principles of organization, which look at design compositions as a whole. This principle suggests that elements that move in the same direction or have similar orientation will be seen as a unified group.






straight lines make one group, slanted form another.



INTERFERENCE EFFECTS

The Stroop Effect is an interference effect that occurs when one is forced to interpret the words in this list as colours based on the hue in which they are written. The brain gets confused because we are taught that what a word reads is more important than its colour.

ORIENTATION SENSITIVITY
Orientation sensitivity has to do with the eye’s interpretation of lines. It’s based on the oblique effect and the pop-out effect.
Oblique effect: the ability that a person has to accurately perceive horizontal and vertical lines better than slanted or oblique lines. This effect is caused by a higher sensitivity in the eye for viewing horizontal and vertical lines. In general, people tend to enjoy designs with distinct vertical and horizontal elements, because of this phenomenal effect.

Pop-out effect: The tendency of specific elements in an image to be seen quickly as more prominent because of their angle on the page. If an image in the foreground differs in angle from the background pattern, it will be more easily detected, and will pop out at the viewer.

Orientation sensitivity is important in design because it is necessary to look at the way things are placed in a composition and know how to make a certain object in a series stand out.

Josh Macleod video assignment

Excercise 2- Dong Min(Dennis) Hong: Diagram.

Exercise 2 - Iliana Shabatova

Diandra's Video

Excercise 3 -by Shona, Joanne, Kay and Karan

Highlighting – a useful technique to bring attention to a specific area or image.
Highlighting can be a very effective technique when utilized properly, but there are certain guidelines that one should follow when highlighting:

• Never highlight more than 10% of the visible design
• Bold is minimal noise and clearly highlights
• Italics adds minimal noise but is less detectable and legible
• Underlining adds considerable noise and compromises legibility
• Avoid using different typefaces to highlight, instead try using Caps
• Colour is very effective, but should be used with another highlighting technique.
• Colours should be very distinctive from one another.
• Inversing elements add considerable noise but work well with words.
• Blinking should be used to highlight critical information (ex. Emergency status lights) and should be able to turn on and off.

And so here's a gamble for a bonus mark. I think Jesse's excercise 3 image is using "colour" and "typeface" (all capitals) as a highlighting technique. Um. I think.

Layering
Organizing information into related groupings to manage complexity and reinforce relations in the information. There are two kinds of layering: two-dimensional and three-dimensional. Two-dimensional layering only allows one layer of information to be available at a time, while three-dimensional layering allows multiple layers of information to be available at one time.

For example: Photoshop is a program that allows you to use three-dimensional layering because it allows multiple layers of information to be viewed at one time.

Alignment:Ordering elements by forming rows and/or columns in order to create unity and coherence. e.g. the arrangement of data in a grid or table

Signal-to-Noise Ratio:
In design, "signal" refers to the focus, point or message of the design. "Noise" refers to unnecessary, distracting visual elements that confuse or interfere with the point of the design. A design with a HIGH Signal-to-Noise Ratio then, will be one that conveys its message easily to the viewer. A design with a LOW Signal-to-Noise ratio, will have unneccesary visual elements that make the information in the design harder to comprehend. This term seems to be used mostly when referring to charts, and other quantitative data. The design below shows a chart with a low Signal-to-Noise ratio.

Exercise 2 - Kay Lee

Excercise 3: Josh, Dennis and Dave

Figure-Ground Relationship

http://www.flickr.com/photos/elissaweichbrodt/61743311/

Traditional western art theory that separates the figure (object) from the ground in terms of perspective, lighting, colour, or sharpness. There is a tendency of the mind to separate any stimuli (visual, auditory, olfactory) into the categories of figure and mind, one being clear and the focus of attention, the other being relatively vague, shapeless and irrelevant.




When a person is presented with an ambiguous image, one that does not make immediate visual sense, this law identifies our overwhelming tendency to simplify the object into something easy to comprehend, rather than assume (often more accurately) that it is a piece of something larger and more complicated taken out of context.





One of the strongest indicators of relationships between subjects. This principle makes subjects seem more similar proportional to their physical distance from each other.

Exercise Three: Strategies for Conveying Visual Information: Kristen, Iliana, Miriam

INTEREFERENCE EFFECTS

The event in which mental operations are made slower and not as preciecly by opposing mental developments. This process presents itself when it comes across two or more emotional or unconscious formations are in competition.Human perception and cognition associate with several various mental systems that break up and send knowledge independently of one another.The product of the many systems are transferred to the mind, where they are understood and solved.When the outputs or the product of these systems, are in agreement, the course of analysis or perception develops much faster and the final work is ideal. However when the product of the systems are opposed, a resistance happens and extra processing is requires to fix the problem.This extra time used to fix these issue brings a negative influence on performance.

Examples of Interference

INTEREFERENCE EFFECTS OF PERECEPTION

STROOP INTERFERENCE : An unnecessary manner of a stimulus (anything encouraging an action) provokes the mind where it tampers with parts affecting an important feature of the stimulus.

GARNER INTERFERENCE : An unnecessary difference of a stimulus provokes the mind where it tampers with parts affecting an important feature of the stimulus.

INTEREFERENCE EFFECTS OF LEARNING

PROACTIVE INTERFERENCE : Past memories meddle with learning. When learning a new language, mistakes can occur when the person learning the language begins to relate to former language and starts to put to use the past grammar into the new language.

RETROACTIVE INTERFERENCE : Learning conflicts with memories. When remembering a new phone number, it can be effected with past phone numbers already in the mind.

In order to intercept any interferences, the only solution is to avoid designs which produce these mental processes which are the opposition. The Stroop and Garner Interferences (Interference effects of Perception) are a cause of code mixtures such as a red GO button, or a green STOP button and it can also be caused from a correlation of subject which are closely placed together which visually correspond with each other. To put a temporary block to the interferences of learning, Proactive and Retroactive by using a combination of teaching techniques such as videos or activities and leaving time to breaks in between.

REFERENCES

http://blogs.ipswitch.com/archives/Go%20sign.jpg

http://www.usu.edu/psycho101/lectures/chp9memory/stroop.gif

http://www.gpc.edu/~bbrown/psyc1501/memory/interference.jpg

http://blogs.ipswitch.com/archives/Go%20sign.jpg

Excercise 2 - Dong Min (Dennis) Hong.