Monday, September 27, 2010
UPDATE ON HOMEWORK WEEK4
Tuesday, September 21, 2010
Week 4 Homework
Wednesday, September 15, 2010
Week 3 Homework
Tuesday, September 7, 2010
Second Week's Homework
Saiqa Chowdhury's website examples
www.printmagazine.com
The website for Print magazine is one of my favourites. Firstly, the title - both the name of the magazine and its motto grab attention. It has a very aesthetically pleasing look that's not just easy to navigate through but also very effectively allows navigators to feel as though they had just stepped into an artsy environment. The white background allows the articles and images displayed there to really pop out. This is important because it must be kept in mind that this is after all an art and design website and the illustrations displayed here need to pop out and attract navigators.
As soon as you enter the website, it becomes clear what the website (and thus the magazine) is about. Its browser tabs are very conveniently located in the center so that navigators can easily browse through the website and find their points of interests easily. Moreover, the website provides highlights about the new things they want to spread the word about-- for example competitions, recent changes in the design world, updates on design related softwares etc. The website provides a huge range of information associated with the art and design world and it's great e-place to just chill at for any art enthusiast who's interested in what's going on in the art world now.
Bad Website
The worst website that I came across truly lives up to its name - it's literally called 'The bad website' (http://thebadwebsite.com/). As soon as you enter the site, you are bombarded with blinding colours of all sorts. It's practically impossible to really read anything on the site and although I spent some time clicking around, I still couldn't figure out what it really is about. The links posted there direct you to random articles which don't seem to have any relevance with anything that's on the website. It's extremely irritating to browse through it and visually disturbing, not to mention annoying. Some may argue however, the site can indeed be called a 'good' website since it truly adheres to its name. But I must ask - why must such a website exist at all? Surely when someone creates a website, he/she creates it because he/she expects people to read it. Besides, the website tries to communicate directly to its readers. However, this 'bad website' concept could've been, in my opinion, executed cleverly - with humour and wit. It could've been a site where people could get access to random, entertaining things on the website (www.bored.com is a good example). It could've even retained its tacky use of colour if only it contained some composition and organization. But no, this website is neither funny nor interesting and is a total waste of time. It just dosen't work.
Victor Pang's good and bad website examples
Superficially speaking, using this word “excellent website with horrible design and incredible function" is the best description to this website. First, there are too much stuffs congesting the main page messing it up although it uses four columns. Secondly, this website having a jumbo size advertisement and old fashion menu bar on the home page; this kind of design is wildly used on internet for decades. Obviously Amazon website quite more emphasizes on functionality than aestheticism. Maybe it was a good design many years ago and gradually became horrible design without frequently changing their design in order to catch up with the Culture Revolution. Things change. Historian likes to use the term Culture Revolution to describe something that are generally regarded as modern culture, mainstream and zeitgeist, will fade out then something else instead. We are now striving to animadvert somebody’s design; somebody else will do the same thing on us one day. I do understand that judgment is way to help improve.
Okay, let's go back to the main topic of our homework this week. Strictly speaking, there is nothing quite wrong on this web design in terms of aesthetic. It’s just a out-of-date web design with a very business style. Sometimes it is very hard to balance between fashion and formal style, best design and fastest loading speed. For that reason, I still rate this website an excellent website with five star in terms of interface design, functionality and meeting the need of audience.
First of all, in terms of functionality, everything on this website is well categorized and customers can easily find out what they are looking for by simply clicking on the menu bar. The Phone Contact function can claim to be the world's best function for internet-based business, connecting both customers and representatives via internet phone which can not only help diminish the cost, but also make oversea business more easier to do. Also, lowering prices is the reason they become the world's biggest web-based store.
Secondly, the interface is really a customer friendly design. The website can save the most current search result of each customer and display this on the main page by properly using cookie. It is very useful function even though it looks like a mass but it actually contains a bunch of value information. I cannot say everybody likes this interface design--honestly, it has no design at all--but it still belongs to a great designed in terms for the convenience of customers.
Thirdly, this website runs so fast -maybe- due to image size which are dynamically adjusted its physical sizes subject to the web page. And the image qualities are pretty nice. I believe that most customers--I am one of them--using Amazon are not for appreciating their web design but for good product with a right price and no tax required. This design meets the need of the most of their target audiences who have a clear goal only wanting to buy something through Amazon, not for judging the design.
Fourthly, although the traditional typeface lacks of extraordinary elements, it is absolutely a good design. We have to understand that Amazon website is an online store, Amazon is an online seller. What extraordinary elements are you supposed to see in a store? Store is a store, it is not a runway. The goal of a store is to try hard to attract their customer to purchase its products. Price is the king. Amazon website use white background and black color. This high contract makes the letter clear and easy to see. White is really an excellent background color which can décor or match all kind of foreground colors.
Fifthly, the navigation on Amazon website is One Click Away which is a professional term for excellent navigation design. You can go everywhere by simply one click on its menu bar wherever you are in your own account or in the Cart List.
It really is not a bad web design, but we do have ability making it better. If I were the web developer of Amazon, I should discard the entire current structure and rebuild the website with harmony color according to the Color Schedule—I will intend to use high contract and harmony. I will put all the advertisement into a separate page as the first page, which looks more emphasizing on what we are now mainly promoting than our former design. After customers click into the second page, the advertisement will be distributed to each category according to subject. This page will go by well photographed or designed icon with proper image size to increase the loading speed of the website and the visual appeal of our customers. I will keep all the current function on the new website and add Live Chat and online Phone Contact on every page—not only in the Order List page; I hate they do not put this phone contact function on every page-it means just like "do not bother me if you are not our customer yet".
www.sohu.com
Sohu China is a well-known Chinese website which my parents complain a lot. They read news from this website. It is really a horrible website in terms of interface design, functionality and meeting the need of audience.
First of all, the interface design is a mess. There is way to much information on the home page. It's not well-organized. It seems like the web developer tried to squeeze everything into the home page so that the viewers wouldn't miss anything. Also, it contains a congested typography with too many small fond sizes. This is what my parents complain the most as they have difficulty to read the home page even with glasses on.
Functionality wise, Sohu always opens new page in new windows to try to make it easier for viewers to get back to the designate page. However, after X windows have been opened, it is still difficult for the viewers to get back to the pages they desire. I found a headline that interested me and clicked into it, but it brought me to a page full of that type of news for example finance and economy, and I had to look into this page for the actual news I desired to read previously. Poor navigation design is truly one of its problems.
Sohu tries to attract all types of audience. That's why the website contains way too much information, from weather to travel, from finance to gossip. Their main purpose is to earn money from selling the spaces on its website for advertisement. After they gained certain amount of viewers, they started to accept advertizing business. Now there are even some advertizing grid that are permanent on the home page that block readers from reading the content.
Sohu neglects the important of personal account information. If you lost your password, don't worry about that. Use the Forget Password function and click Send Password to My Email. After you see the message "Email is sent". Right click the mouse and scroll down to "view source". Then the windows will open other page. The subject of the letter they sent to your email including your password and user name inside this page. Try not to use this to steal somebody's account. I will not response for this. Their internet security is at risk.
If I were their web designer, I would put internet security at first. I will use module and category to reorganize this website; cancel the pop up windows and floating advertisement; enlarge the font size; use different kind of typeface and properly apply color to make the website better.
Vicky's Good and Bad websites
It is a good website because the interface is well designed and the navigation bar is quite easy to use. The background is magnificently match all foreground and also bulges the feeling of layer, making all the foreground elements much easier to see. With properly applying font size is and font type make the whole website very much elegant. The image quality is excellent and all of those photos are well placed on the website in terms of proportion. Overall, the whole website is exactly following the principle of design like layout, proportion, typography and functionality are fantastic and harmony. It is also good example for us to learn what a good website is in terms of interface design, functionality and meeting the need of audience.
www.qq.com
This is a bad website because it contains too many stuffs on the home page. All the characters are so crowded together and the font size is too small. Also, the characters are bold randomly within the content, which is difficult to follow the topic lines. Besides, the website color is not even referred to Color Schedule. The navigation bar is not returnable and you will always get lost on this website. The category is unclear and so confuse. Sometimes, the characters are not displayed properly.
Mohammad Salim's Good and Bad website
The most interesting website format that I have found is www.lightinthebox.com . Not
only the design and features are better than others, the way it is formatted is outstanding.
The colors of the advertisements given, the products that are listed are in such a way that
you want to take them all. Once your in the website you will feel as if you have control
over every single object on the site. The website is appropriate for all aged individuals
because it is a product site where you can shop for anything of your interest. A few other
websites that catch my attention are:
www.apple.com, www.shopstyle.com, www.amazon.com(which has the feature to buy
an item in fixed price), www.ebay.com is the most popular site for the cheapest products
online.
Bad website
The bad website I found is http://www.bad-candy.com/ . The website has no design and
features that people would like. The way is formatted is just bunch of text and has many
different text style, The main reason of the website is to be organized and functional but
in these website looks like everything is in one page.
Monday, September 6, 2010
Good/Bad Web Design Examples
Good & Bad Web Design

Analyzing the website requires the understanding of the purpose of the site: number one, which is to support the knowledge distributed through the printed material; the magazine. Number two would be as a platform in which designers can showcase the latest improvements in the technology available as well as their work, and number three as a platform of advertisement for other related products. Therefore the approach to visual organization differs from your traditionally "clean" white background site. All the information on your screen may seem chaotic at first but soon all this turns into clarity the moment the user intuitively navigates the well organized website, followed by a clean, accurate and smooth response.
This website ultimately delivers because, it makes accessible a high volume of valuable content for the community web designers paired with a clean, organized and intuitive interface.

For all the obvious reasons; completely opposite from the good example above. This example depicts a clear picture of what not to do. Despite the fact that the site was purposely made to look like this, this site still a good source of reference.
Good & Bad Website Designs
9Gag.com is one of my favorite websites to go to when I'm bored and have absolutely nothing to do. This website is basically a collection on cool, weird, and funny images and videos found floating around the 'net. It is very minimal. The interface and layout (sleek header, simple color palette, not busy at all, centered & vertical content) are very pleasing to the eye. (The logo and header colors also change during holidays but NOT go over board--I love it!) A great feature is the ability to switch your view from list to grid. I also appreciate the option to scroll up (or previous page), down (or next page), and favorite the content by using the keys J, K, and L, respectively. I can spend hours in this site and not get frustrated by a busy layout or worry about annoying advertisements or blocks of text.
HORRIBLE DESIGN. [ yvettesbridalformal.com ]
(WARNING. Disturbing content ahead?)
If I can include a 'nsfw' tag on this website, I totally would. This website was circulating on Facebook a couple of weeks ago, and I thought I should share this hideous excuse for a "legitimate" website; so how and where do I begin to critique this design phenomenon? First of all, the website url is yvettesbridalformal.com, yet the title is Yvette's Wedding Dresses Panama City Florida Yvette's Yvette's... lovely.
But that is nothing compared to the layout. If I stare at it any longer than 3 minutes, I just might get an brain aneurysm. Now this is where I have difficulty nit-picking the bad design decisions from the main page alone; I will begin to list as much as I could:
- THE BACKGROUND "MUSIC". Who in their right mind wants to hear your cellphone ringtone play on your website? This is not only annoying, but creepy as well. It's just unacceptable.
- THE BACKGROUND + IMAGES. Everyone is entitled to their own way of designing a layout, whether using a repeating image, texture, or solid color, but everything gets lost once the images get placed randomly on top of a background that is way over the top. Keyword here: BUSY.
- FONTS! The links, the text, the font size and styling... must I really have to go into detail with this one?
- CONTENT. Yes, she sells bridal gowns, tuxedos, and jewelry accessories. But is it really a good idea to be posting up links to her "MSPaint Pix", "Recipes", her portrait painter, or even "Thermonuclear Apocalypse Salsa"...?
- There are plenty more, but I'd rather you make the discovery by yourself, if you dare. ;)
Ariel- Homework: Good and Bad Website Design
The overall design of this website is clean, visually appealing, and easy to navigate. I really like how there are tabs running along the top of the page from left to right. When you click on shop, another list appears on the left hand side. It is organized by apparel, accessories, shoes, etc. It makes it really easy to view the items for sale by category. Then within each of those categories it is broken down even more. For example, if you were to click on shoes it is categorized by flats, heels, boots, wedges, and sandals. The design of the website is great because the shopper can browse everything if they aren’t sure what they want or they can view very specific things if they know what they want.
I also like how the blue color of their mushroom logo is also the color they chose to use as the background. It gives the website a cohesive look. It was a smart decision to make the text colors black, gray, and light gray. By using muted colors, it makes the pictures of the products stand out more.
I love how the website gives you an option to do a quick look at the product rather then having it take you to an entirely different page.
I really have no complaints about this website and love using it. At the moment I cannot think of any improvements to upgrade it.
Example of a bad website:
I personally use this website a lot and it kills me how tacky it is! SwimmingHoles.org is a website that lists swimming holes and hot springs in the United States and Canada. There is so much good information on this website, but the way it is presented most people do not even bother to look at it. Every time I send the link to somebody they just glance over it and then close it.
Here is a list of things that I would change:
- The banner at the top of the page. I would like to see something more natural looking.
- The overall font is Times New Roman and does not do anything for the website. I would try using a different font.
- The background picture is of tropical looking water. The majority of the springs are not that color.
- There are no tabs at the top nor are they on the left hand side. You have to scroll up and down the page and to find things such as the cautions, related links, swimming holes worldwide, etc. With all the green, blue, black, and red font it is enough to give someone a headache. Tabs are a must.
The one thing that I do like about this website is the map of the United States and Canada. You can click on any state you want and then it will bring you to a more detailed map of the state where it lists all the swimming holes and hot springs. It’s nice because it gives you an idea of how far away the swimming holes are from each other.
The creators of the website should consider making the main page more simple and direct. The banner should be at the top and then under the banner there should be tabs (Cautions, Videos, Related Links, About, Special Swimming Holes, etc). There then should be a bigger/better version of the map of the United States and Canada. That way, when people go to the website, they will know exactly how to navigate the site.
Sunday, September 5, 2010
Jihae Kim
1. www.daum.net- Good!!
Even though there a lot of images and texts, www.daum.net doesn’t’ look busy because it is divided image section and text section. People use Daum.net to read news articles and search information just like Google. As soon as I enter this website I can see search window at the top and news under it so daum.net didn’t forget its purpose. There are 3 big sections, and these contain smaller sections. This format makes this site looks organized. News section, the most important contents here, is placed in the middle section so it makes reader easier to jump right into main point. Also, articles are sorted by its contents, such as breaking news, celebrity news, or sports news, and theses are organized by navigation bar so it doesn’t take much of space. Photos are arrayed through vertical line or horizontal line and look almost connected to each other so readers’ focus cannot be loosen. As indicated above, the most important section is place in the middle. Addition to this, top of the middle section is more important than the bottom news. This also make possible to catch readers eyes. 90% 0f font color is black, and font sizes are all similar so advertisements pop out more so its good for companies who pay tones of money to advertise. Personally I don’t like the color of the navigation bar, saturated blue, but it is easy to find because of its strong color. There is a online shopping mall on the right section of this page. Using image is smart because people sometimes buy stuff without planning when they just see it.
2. www.soon.or.kr - Bad...
This website was made for people who study 21st century’s paradigm, but it looks like 1990’s website even though it says made in 2003. There are many reasons that make the website looks old. First, use of arbitrary colors makes it look old and armature. Banner, fonts, and images are all black, but some red and some green are used. Also, when I click buttons in navigation bar, words changes black to red with underline, and I don’t understand why the designer of the site matched red with black. I think designer might select the colors purposely, but I can’t figure it out. Font size is one more strange point. Bottom of this website, there is copyright section, and font size of this section is bigger than the body section’s. Also, there are three images with explanation on the right. I think these images are bitmap image so they are pixilated. If I were the designer of this site, I would change bitmap images to vector images. This would be more professional looking. Also, I would make these image bigger and place them in the center of this website without explanation, then people would be tempted to click the images to figure it out what it is.
Lesley Steele's Homework and Bonus
Lab homework september 1st
Good website:
www.netflix.com
i think netflix is a good website because of its simplicity, form, content, presentation, and its ability to interchange the feeling of work and play in a movie search engine. For example, if looking for a required film to watch for a class, netflix easily provides the tools to do so and yet the notion is nostalgic like a child looking for candy in a candy store. Anyways, netflix being what it is, a website advertising film and the moving image; photos are used to represent the movies, and the quality of these images are exceptional. The function of the website is to introduce movies to a broader audience and sell netflix memberships. All the functions on the site work appropriately such as scrolling over a movie to read its synopsis, searching for a movie title, saving movies to a favorites list and overall browsing and finding new movies to watch. netflix, like apple uses a toolbar at the top of the page for all the movement and direction the user can browse. the information is centered, scrolling up and down. The netflix logo isn't obnoxiously big, however it delicately fits in the top left corner of the screen. the color red attracts attention, which is the background color of the page, however the centered panel is colored a beige tone which presents comfort and has a nice blend with the red. I like this website because visually it serves its purpose and gives you once again the aura of being in a virtual, urban block buster right in your own home. the only thing i would improve on if i were on the design team is two tabs that are the right hand corner of the page. One tab says your name and the other says your account and help. sometimes its confusing knowing which button serves what function. the tab with (your name) is only used to sign out, however at first glance a user would assume its a tab leading to another page when its really not, resulting in idle frustration. If netflix improved on that i think it would be a huge improvement to the site.
Bonus Points/ Bad website:
havenworks.com
Everything bad crashed and burned on this website. first of all its clutter upon clutter of text, outrageously tiny images, unnecessary colored text, distracting ads everywhere, awkward layout and a horrible attempt at creating a functional, clear and organized website. My eyes dont know where to look at first on this site, or how to navigate the website correctly because of the lack of clarity and structure. it makes me feel as if the website is spam right away when i see how unorganized it is. The placement of all the text and images is shifted completely to the left hand side leaving awkward negative space on the right side. if this website was going to be improved, firstly the designer would have to think before anything else. the purpose of the website has to be clearly recognizable,navigable, and at least interesting enough to click images without the fear of crashing your computer with spam.
Thursday, September 2, 2010
Bad site!

HighSnobiety.com

Shopstyle.com
This is one of my FAVORITE SITES! Reason: It is so easy to access any shoes from any store any brand at the price point you are interested for any online retailer. It makes shopping simple for consumers! There is advertising at the top header that informs consumers on deals and new products. The main div section provides images on the latest runway looks which is is visual essential for any consumer. The left sidebar is located properly to how we read. The footer are style sheets the pair different items featured on the site that would work well together to complete a look. This is a successful website! Not to mention all the other standard attributes like links and their positioning! to look at the site here is a Link! 


