ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey...

Post on 19-Jan-2016

218 views 1 download

Transcript of ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey...

ASSIGNMENT 2RESEARCH DESIGN

REPORTKelly Wong Yee Lin 0313383

Lee Jie Sheng 0314250Nicholas Jessey Lim 0319559

Nevena Cicovic 0314613Michelle Jeyabalan 0315084

ARTICLE 1-DON’T BORE YOUR VISITORS

KEEP THEM THINKING

REVIEW-Article highlights several firm points as below:

• A website should be simple and interesting at the same time.

• It should not be difficult or complicated to browse.

• It should emphasize on its functionality over everything else.

•A good website design should be able to grab as well as hold the viewer’s attention.

• It must be neat in terms of layout to make it easier for readers.

EXAMPLE OF A SIMPLE WEBSITEWWW.INFINVISION.COM

WWW.INFINVISION.COM

infinvision.com is a branding design consultant company. Their website is simple and easy. They use black and white colors to make it less difficult and complicated for its visitors. On the other hand, the website design is creative enough and able to grab as well as hold the viewer’s attention due to the fonts that are used.

EXAMPLE OF A SIMPLE WEBSITEWWW.HOCUSFOCUS.NO

WWW.HOCUSFOCUS.NOhocusfocus.no is another good example of a simple and interesting website. The balance between its simplicity and it being interesting is achieved, resulting in a classy look on the overall layout but yet not in a sophisticated way.

EXAMPLE OF A CONFUSING WEBSITE

WWW.LINGSCARS.COM

EXAMPLE OF A CONFUSING WEBSITE

WWW.007MUSEUM.COM

CONFUSING WEBSITES

The 2 websites above are good examples of bad (or confusing websites). It seems like there is a lot of things happening at the same time the moment visitors land on the webpage. Visitors would not know where to go next as there is no proper layout for both websites.

ARTICLE 2-DON’T MAKE THEM WAIT

REVIEW-Article is well written, supported by strong points:

• Graphic images must be as small as possible

• Usage of solid colors

• Usage of less colors

• More design, less graphics

• Less is sometimes more

EXAMPLE OF A FAST & GOOD LOOKING WEBSITE:

www.nickonken.com

WWW.NICKONKEN.COMnickonken.com is a photography website. Despite it being filled with graphic images and videos, the page can load in a very short time due to its simple and classic design using very little colors. The design interface is not complicated and is comfortable to be viewed as well.

EXAMPLE OF A FAST & GOOD LOOKING WEBSITE:

marcinkaniewski.com

MARCINKANIEWSKI.COMmarcinkaniewski.com is also another good example of a fast and good-looking website. It rules out the misconception that photography websites will tend to lag because it has too many images in it. This creative homepage features more than 60 images and allows one to change the background colors to grey and white from black according to the visitors’ moods without having them to wait.

CORPORATES WANT IT FAST!

A fast loading website is important to people whose time is equal to money, especially those working in the corporate world.

A brand designer or website designer must ensure that websites which involves major corporate usage to be fast and efficient. In this case, it is not a primary concern on whether the design of the website is attractive or not. Rather, their main concern is to be able to get things done fast.

Banking sites

Government Portals

Airline Websites

Stock Market Sites

LEISURE PLEASURE

Websites which are designed for leisure purposes are also better if they load fast. Some people might be able to compromise if the websites are slow and laggy (because they are not in a rush). They will also tend to be attracted to creative and beautiful layouts rather than their loading speed. However, it will definitely be a bonus if a website is at the same time visually attractive and fast to load.

Online Shopping Websites

E-ticketing Websites

Food DeliveryWebsites

Lifestyle Blogs

ARTICLE 3-FIND OUT WHAT COLORS WILL

CAUSE YOUR VISITORS TO HATE YOU

REVIEW-This article states the very basic rules of color usages in a website in order to make it attractive.

However, we feel that this article is only meant for individuals who wishes to create a basic, simple website. In other words, this article is not applicable to people who are creative and likes to think out-of-the-box.

To these people, this article might be a limitation for them to unleash their creativity because they can produce an equally outstanding website using the correct color palettes and relevant themes.

REVIEW-This article states that one should use the colors red and yellow sparingly, as they would not want the readers to strain their eyes.

But, this cannot be implemented in all websites as some website designers are actually able to produce stunning websites that comprises of red or yellow as their primary colors and at the same time attracts the readers’ attention without causing discomfort.

This is mainly due to the complementary colors that the designer uses alongside with red and yellow. Another possible reason is also because the 2 colors are well-related to the overall concept of the website itself.

EXAMPLE OF A RED-COLORED THEME WEBSITE

www.caferouge.co.uk

WWW.CAFEROUGE.CO.UKwww.caferouge.co.uk uses red (or more specifically rouge red) as their primary color, but yet it gives a warm sensation without causing any discomfort. The usage of red, forest green, licorice black, decoratoers white, ricotta grey and rose pink creates an almost-perfect palette for this website.

EXAMPLE OF A RED-COLORED THEME WEBSITE

www.kitkat.com

WWW.KITKAT.COM

kitkat.com uses red as their primary color simply because red is the color of its branding image. It is more recognizable and memorable to its consumers.

EXAMPLE OF A YELLOW-COLORED THEME WEBSITE

www.enterprisefoundation.net

WWW.ENTERPRISEFOUNDATION.NETenterprisefoundation.net

uses a large amount of yellow in its website, and again, due to its complementary palette, the color yellow has not only caught the attention of visitors but at the same time elevates the whole website into something creative and innovative, creating a sense of comfort to the visitors due to the wise choices of colors to be used with yellow.

EXAMPLE OF A YELLOW-COLORED THEME WEBSITE designcharts.com

DESIGNCHARTS.COM

designcharts.com is a very simple yet exquisite website as it only uses main colors of yellow, black and white. This is a classic combination of colors that most designers will use.

ARTICLE 4-NAVIGATION

REVIEWThis article has managed to provide the fundamentals of website navigation. The name or logo of the company should be on top of every page in the website. It is important to showcase one’s company’s logo on every page so that the visitor can be constantly reminded of where they are, and a repetition could create a cognitive imprint in their unconscious minds. Links used in a website should be easy to understand (universally) to avoid confusion. For the navigation to work well one should use different colors for links that are visited and unvisited. This serves as a very good guidance for the visitors to let them know where they are without them remembering themselves.

EXAMPLES OF GOOD NAVIGATION

EXAMPLES OF GOOD NAVIGATION

REFERENCEShttp://www.drumbeatmarketing.net/seo-blog/web-design/the-smartphone-umbilical-cordwww.infinvision.comwww.hocusfocus.nowww.lingscars.comwww.007museum.comwww.nickonken.commarcinkaniewski.comwww.caferouge.co.ukwww.kitkat.comwww.enterprisefoundation.netdesigncharts.comwww.malaysiaairlines.comhttp://www.hasil.gov.my/http://www.maxis.com.my/en/personal/whats-new.htmlhttps://www.cimbclicks.com.my/http://www.maxis.com.my/en/personal/whats-new.htmlhttp://punkave.com/