CSG170: Human-Computer Interaction Homework 1

Good interface Example 1: Apple Computer Website

Apple Site

The basic purpose of this site is computer hardware e-commerce .

What I like about this site is visual design. This site is a real achievement in modern web design. It beautifully reinforces striking industrial product design,and sets high standards for corporate marketing and retail web sites. Their pages look pleasing to the eye, and easy to digest the information on.

When you visit their homepage, you can find the product easily.I feel they have kept the difficult design as simple as they can.I think that's the reason why they have maintained the lead in the number of unique visitors to the site.


Good interface Example 1: Navigation System in Acura MDX


Navigation System in Acura MDX is another novice-friendly, yet feature and information packed application. The purpose of navigation system is, as the name suggests to help navigate the user in automobile. It typically uses GPS to acquire position data to locate the user on a road in the unit's map database.

The reason this interface is particularly good is mainly because intuitive user menu. Every function can be controlled by voice.It has a very short learning curve. Most of the operations are used in one screen.


Good interface Example 2: Paper towel dispenser in public restrooms

The problem with this type of design is that, to get a paper towel to dry your hands, you have to reach into a pile of used towels which is unhygienic. The little container that holds the used towels is too small and is just a few inches below the slot where the clean towels come out.

This type of problem will be easily solved by making the correction to the design. The dispenser and container should be a kept away from each other. Those should not be created as same piece.


Bad interface Example 2: RealOne Player

RealOne player is used to hear music on computer.It is also used to watch movies.

The main window is non-standard so it makes it difficult for the user to think where to start.The window shape is non-standard, as its corners are more rounded than those of Aqua standard windows. The lack of a distinct title bar causes some confusion for the user, like in QuickTime. It does not display even a textual title, aside from the program's logo text, it's even more unclear.The buttons are obviously non-standard, and badly designed at that.

They can achieve a better design by using some of the standard buttons

For that extra "wow" factor, RealOne Player's resize widget lights up with a poison green when the cursor is brought on top of it. The same applies to the other controls when they are in their enabled states. This makes the interface seem busy even though it's relatively simple. The buttons are obviously non-standard, and badly designed at that. When in their disabled state, it can be hard for some users to see the button icons. The secondary buttons (the ones on the right of the Play button) are much too small, though they could be much bigger, as evidenced by the amount of empty white space around them. Interestingly, the volume slider's title icon is also a button, as indicated by the gray border around it. However, it's not obvious what will happen when the button is clicked. In fact, clicking the volume icon mutes the player, even though the icon actually shows a sound wave coming out of a speaker. RealOne's logic seems reversed in this respect. These oddities and the messy preference panels together ensure victory for QuickTime... or Windows Media Player, which ever rocks your boat. It seems that while RealOne Player is designed to be cool, the competing products are designed to be used.



back