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

38
ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan 0315084

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

Page 1: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

ASSIGNMENT 2RESEARCH DESIGN

REPORTKelly Wong Yee Lin 0313383

Lee Jie Sheng 0314250Nicholas Jessey Lim 0319559

Nevena Cicovic 0314613Michelle Jeyabalan 0315084

Page 2: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

ARTICLE 1-DON’T BORE YOUR VISITORS

KEEP THEM THINKING

Page 3: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

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.

Page 4: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

EXAMPLE OF A SIMPLE WEBSITEWWW.INFINVISION.COM

Page 5: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

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.

Page 6: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

EXAMPLE OF A SIMPLE WEBSITEWWW.HOCUSFOCUS.NO

Page 7: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

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.

Page 8: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

EXAMPLE OF A CONFUSING WEBSITE

WWW.LINGSCARS.COM

Page 9: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

EXAMPLE OF A CONFUSING WEBSITE

WWW.007MUSEUM.COM

Page 10: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

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.

Page 11: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

ARTICLE 2-DON’T MAKE THEM WAIT

Page 12: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

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

Page 13: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

EXAMPLE OF A FAST & GOOD LOOKING WEBSITE:

www.nickonken.com

Page 14: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

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.

Page 15: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

EXAMPLE OF A FAST & GOOD LOOKING WEBSITE:

marcinkaniewski.com

Page 16: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

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.

Page 17: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

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.

Page 18: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

Banking sites

Government Portals

Page 19: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

Airline Websites

Stock Market Sites

Page 20: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

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.

Page 21: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

Online Shopping Websites

E-ticketing Websites

Page 22: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

Food DeliveryWebsites

Lifestyle Blogs

Page 23: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

ARTICLE 3-FIND OUT WHAT COLORS WILL

CAUSE YOUR VISITORS TO HATE YOU

Page 24: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

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.

Page 25: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

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.

Page 26: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

EXAMPLE OF A RED-COLORED THEME WEBSITE

www.caferouge.co.uk

Page 27: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

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.

Page 28: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

EXAMPLE OF A RED-COLORED THEME WEBSITE

www.kitkat.com

Page 29: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

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.

Page 30: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

EXAMPLE OF A YELLOW-COLORED THEME WEBSITE

www.enterprisefoundation.net

Page 31: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

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.

Page 32: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

EXAMPLE OF A YELLOW-COLORED THEME WEBSITE designcharts.com

Page 33: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

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.

Page 34: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

ARTICLE 4-NAVIGATION

Page 35: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

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.

Page 36: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

EXAMPLES OF GOOD NAVIGATION

Page 37: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

EXAMPLES OF GOOD NAVIGATION

Page 38: ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

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/