Interface Blog

Just another WordPress.com weblog

Archive for October 2009

XIII. Apple’s New Mouse

leave a comment »

Apple strikes again with a model of a new mouse, the Magic Mouse. Unlike the standard apple single ball click mouse, this mouse is entirely touch activated. The mouse lacks physical buttons but instead takes on a similar role to the iPhone. The top of the Magic Mouse is a sensor that reads touch gestures to scroll, pan, swipe and click on documents and in applications (Williams 1).  The mouse  sells for $69 dollars, is Bluetooth accessible and equally friendly to left hand and right hand users. The only downside, however, is that the mouse is only run with Macs running Leopard version 10.5.8 or later. This new mouse is being promoted with the new updated desktop iMacs for $999. 

I am not a big touch sensitive person so I’m not very keen on new technologies using touch sensitive. I like to actually feel the physical buttons and to know that I’m actually pressing something. Even though it’s a cool marketing pitch considering most gadgets are now touch savvy, I believe that it’s an inconvenience. First of all, I don’t like the original Mac mouses with the single scroll ball and single click so for this new mouse to be entirely touch sensitive makes it even more confusing and difficult to use especially since I’m used to double click mouses. Also, just because it works for a phone doesn’t mean it’s necessarily going to carry through with other applications such as a mouse. The exterior and design may look slick, smooth, modern but at the end of the day,  it’s going to take certain individuals awhile to get used to. Unless this mouse has feedback such as there being a noise when one clicks (even though it shows a sound in the Magic Mouse video), it’s just going to be confusing. Even though I’m all for old-fashioned mouses (or is it mice?), I applaud Apple for coming out with this interesting concept and idea. We’ll just have to wait and see how it interacts with real human beings in the real world. 

For more information & pictures: Click Here or here for the official website

 

front and back.

front and back.

Written by minjikwon

October 21, 2009 at 3:24 pm

Posted in Uncategorized

XII. Project 1. The Good, the Bad, and the Ugly

leave a comment »

What exactly makes a website “bad”? What elements make the design of a website unsuccessful? Well there are certain factors that can make a website seem rather confusing and constructed of poor quality.

For example:

1. Clutter

Clutter is a big nuisance, headache and eyesore to many. The saying “less is more” is not familiar to websites who pile on information, images, and ads. These websites think they’re doing viewers a favor by squeezing in as much writing as they can onto one page. Instead of spreading the pictures or links to different pages, they choose to place everything on top of each other; they take whatever empty space is available and clutter it with a plethora of things, whether they’re all useful or not.

2. Poor Navigational Direction

This goes hand in hand with clutter. When there’s too much information being shown all at once, there’s no clear direction or navigational path throughout the site. People don’t know where to click or what to look at because there’s too much thrown at them all at once. Even Krug mentions in DMMT (Don’t Make Me Think) that as viewers when we look at a web page we just scan it for the words and phrases we’re more interested in. However, if a website has poor direction then it’s going to be harder for the eye to wander to it’s correct destination and for the viewer to find what they’re looking for. 

3. No Distinguishing Features

No distinguishing features means that the website is very monotone or the same throughout. The font’s all the same color and size which add to the poor navigation. There’s no color coded sections to separate anything and when you hover over the clickable links there’s no underlining or anything that makes it different from the other text on the page.  Krug mentions that in order to make a website one should create a clear visual hierarchy, take advantage of conventions (standardization), break pages up into clearly defined areas (grouping), make it obvious what’s clickable (feedback), and minimize noise (Krug 31). He even mentions that more important something is, the more prominent it is (Krug  31). This means in order for the viewer’s eyes to wander to the important sections of the page, the important font needs to stand out from the rest of the font; this means the font can be bold, underlined, bigger etc. As long as it makes a statement and pops out at the viewer, the designer has done a successful job. 

Now I have two examples of good and bad websites that follow the formula above.

Example 1: Cinderella Photography Studios

Picture 5

This wedding website is an example of a bad website as it shows clutter, lack of navigational direction and no distinguishing features. The Be Mine background repeats throughout the whole website which already makes it a distraction and hard to read the font. Also the background really has nothing to do with the content of the website considering this site sells cameras. The coloring on the text is at random and isn’t separated into different categories. The good thing about the website, however, is that the biggest font is the Cinderella Photography Studios which shows it’s importance but down below there’s a bunch of fine small print which is too small to read and therefore strains the eyes; it’s just squished in with all the other text on the site. Also, there’s no sidebar on the left, right, or top showing options but instead there’s more hyperlinks when you scroll down which serves as a nuisance. I don’t like that everything is extended onto one page and that there’s no side bars to make things easier; the infinite scrolling to get to the many different things of text doesn’t make it any easier either. 

Picture 6

The red font is slightly bigger than the purple font but are hard to read with the distracting repeating background. Also the big WEVA ad takes all the attention away from the text. 

Picture 7

The very fine print I was talking about earlier is above all the randomly colored hyperlinks and is too small to read. There’s too much information on this website to know what to read or where to click and go. 

Picture 17

If you look at the image above, there are these colorful links that lead to other pages that show their clients, cameras, prices etc. I decided to click on the first link which is *Love Walks*Weddings*New Clients*Old Movie Conversion and it lead me to the page (image) above. Also I just realized that by clicking on these different words within the asterisks leads you to different pages. In short, instead of having a sidebar that separates these categories, they have asterisks to separate them which leads to a lot of confusion considering it’s all on the same line and underlined. Anyways, going back to the page above, it shows the different couples on another page and this time shows these really gaudy heart gifs next to their names which are clickable links to another separate page (posted below).

Picture 18

The new website leads to another tacky background with the couple’s image and a youtube video underneath. I don’t understand why there aren’t more photos displayed for the couple. I don’t understand why there’s no extended portfolio of the couple. 

In conclusion, just looking at the website and trying to figure out makes me frustrated and gives me an eyesore. If the website doesn’t look professional and well kept, why will anyone gravitate and give you their business? Now onto a better/more refined website:

Example 2Rebecca Ruth Photography

Picture 14

The website is clear and simple. There’s no annoying repeating or overlapping ugly backgrounds to distract the viewer. The visual hierarchy is evident up at the top bar. The top bar acts as a rollover bar when you hover above the different categories; the navigation is nice and easy to read. There’s also a nice wedding image taken by the photographer on the far right which balances out the text on the left. 

Picture 15

I clicked on the portfolio link and it navigated to another page where it shows two different separated sections labeled our portfolio and recent weddings. This is easy to read considering the two sections are separated by a line and symbol. Nothing’s squished and everything’s separate from one another unlike the previous Cinderella website. 

Picture 16

Here’s another image of the portfolio page where it shows the different couples and their pictures. I find it to be really balanced with the couples’ names and their big photos right underneath it. Also Rebecca Ruth added small thumbnail photos of their wedding on the right of the big photo which is a nice visual effect; you can click on the thumbnails and they pop up in another smaller screen magnified. 

In conclusion, this website is much easier to navigate around and doesn’t have annoying text and images squished together all into one. There’s good feedback, visual hierarchy, minimal noise and clearly defined areas which are all things Krug wants.

My view:

Picture 21

Picture 23

I just used the Bella Pictures website layout as a template since i’m not good at using photoshop or illustrator and blanked out the Bella Pictures text and replaced it with Cinderella  since both websites are similar. This is a more refined website now with a rollover menu on top of the page which makes it easy to find things. There’s even a Check Availability and Contact Us button in pink in the upper right hand corner which stand out; along with that there’s gray links that direct you to Client Center, Wedding Look Up, Reserve and Payments. There’s also an array of images right above the text describing the site which makes the website look balanced. This refined site is now easy to navigate around, has a clear hierarchy, and effective feedback. It’s user friendly and isn’t gaudy or flashy anymore. Now it looks as though it would draw in potential customers instead of scaring them away.

Written by minjikwon

October 14, 2009 at 3:48 pm

Posted in Uncategorized

XI. Twitter Search

leave a comment »

In the last entry, I mentioned how important a search bar is to certain individuals because it narrows down the information that they are seeking. Twitter is actually creating an application called Tweethook which is using webhooks to post information to you in real time without requiring you to keep refreshing for new results. Twitter currently does not have a way to send data to a callback URL and it proves to be difficult to archive searches over a long period of time. Twitter’s search engine doesn’t allow you to search beyond 100 pages or 10 days. Tweethook is going to allow users to pull up searches continuously depending on the plan they subscribe to. For example, a user has 5 continuous searches for $6 a month, 10 continuous searches for $12 a month, 25 for $29 a month and so on and so forth. The most anybody could get is the 500 searches for $400 a month plan. I feel that this proves to be extremely useful for companies since they’re always looking for feedback (Krug and Norman both mention the importance of this). The founder,  Chad Etzel, got the idea from a friend who asked to get the Twitter search results on their website without having to constantly look throughout the search archives. Chad Etzel listened to the feedback provided by his friend and decided to actually do something about it. 

for more information, click here.

Written by minjikwon

October 7, 2009 at 2:53 pm

Posted in Uncategorized

X. Distracting Design

leave a comment »

Krug mentions in DMMT (Don’t Make Me Think) that the Web includes a lot of information that humans just skim over. People are usually just interested in what they’re looking for and just skip over what they deem unnecessary or uninteresting. Krug actually gives an example of Gary Larson’s Far Side cartoon about how an owner talks to their dog, Ginger but the only things that come out of the owner’s mouth from Ginger’s point of view is, “blah blah GINGER blah blah blah GINGER blah blah blah” (Krug 23). This incident reminds me of Charles M. Schultz’s Peanuts cartoons and how the teacher just ends up saying “Wah Wah Wah”. We end up paying attention to the things that interest us and our personal lives and everything else is just gibberish to us. Krug then goes onto mention certain people’s dependency on the Yahoo!  search engine and how these people use it to look for everything including inserting entire site urls in the box. I can actually relate because I tend to enter everything into Google. Even though I know that I could just easily insert the url into the internet address bar above, I just end up typing it into Google’s search bar. I tend to associate the internet with Google and Krug mentions the people who insert the urls into Yahoo! tend to associate it with being the internet. I am one of those people who is dependent on search boxes. Everytime I stumble upon a site, I immediately check to see if a search box is available because I want to find whatever I’m looking for in the shortest amount of time. I’ve realized that humans are impatient and usually have short attention spans so the quicker the better which is usually in my case. If a search box is not evident, I just press command F which is the hot key for the find box. I just type in the word or phrase I’m looking for and it scans the page for it thus acting like a search bar. In conclusion, I believe that Krug has got it spot on with his article and how people don’t want cluttered, confusing websites to scroll through that just read “BLAH BLAH BLAH”. 

Below is a clip of the teacher’s WAH WAH WAH and linus’s infatuation with her:

Written by minjikwon

October 7, 2009 at 2:30 pm

Posted in Uncategorized