Beruflich Dokumente
Kultur Dokumente
Group Assignment
Group:
Ong Jou Ee (0313648) group leader
Leong Ka Sinn (0303003)
The world is changing all around us. Information technology has transformed society
and we live in a digital age of fast-paced consumerism, instantaneous gratification,
unlimited infotainment and borderless communication.
We are Creartive, a group of keen media students who acknowledge the
potential of a well-designed website for the purpose of creating and engaging the
online community. Through this review, we hope to develop a comprehensive
report that will be able to aid us in the development of our website. Beyond that,
we hope to take away from this exercise, essential skills that will broaden our
knowledge and skillset as we pursue our respective majors.
Introduction
Web Design is an art that goes beyond art. What separates design from art is that design is
meant to be functional. It involves the design of information, products and services over the
Internet. It is an expression of organized art, customized to fulfill needs and achieve
objectives.
Design is a key determinant to building online trust with consumers. For motivated users of an
information site, bad design (busy layout, small print, too much text) hurts more than good
design helps.
Sillence, Briggs, Fishwick, and Harris, 2004.
Given how important it is then to identify and understand what differentiates good from bad,
a detailed research into important aspects of Web Design is necessary.
Overview
In attempting to identify fundamental essentials for what makes a good website layout design
concept, we conducted an online research.
Our research involves a qualitative content analysis of four articles that address a particular
component involved in Web Design. Each article is then reviewed and critiqued to achieve the
purpose of identifying a set of criteria necessary for a successful website.
In order to further understand and highlight these aspects, we took a look at various existing
websites to obtain visual examples (both negative and positive) of these criteria to support our
report.
Our article reviews are as follows:
Article 1
Find out what colors will cause your visitors to hate you
Colours are very important for Web Design.
Colors are one of the nonverbal communications (Bear, n.d.).
In this day and age of borderless, unceasing marketing, websites
are an essential platform for companies to maximize their reach to
customers. However, mere textual information is not enough to
engage and maintain user attention. Hence, colors are integral to
ensuring a website is sophisticated and functionally attractive.
(Martinovic, n.d.).
Example
Colour
Psychology
Example
love / passion / danger / anger / warning /
excitement / food / adventure
calmness / trustworthiness / success /
professionalism
nature / animals / money / health / life /
harmony / healing
Colour Combinations
(Hornor, 2013)
(Hornor, 2013)
(Hornor, 2013)
(Muller, 2011)
(Davlin, 2013)
Article 2
Dont Make Them Wait
Overview
Users are unable to load a webpage full of jingles and animations,
due to slow internet download speed.
If user waits for more than 10 seconds, It is likely they will exit the
website.
Use only 216, solid colours on a webpage.
All graphics should be kept small, only 4K to 6K.
Smaller images are better because they load faster.
(Valentine L, 2004)
(Primark, 2013)
(BonFX, 2009)
(Aforadio, 2013)
Article 3 Navigation
(McDonalds.com.my, 2014)
Good comprehensive list on available products, services, company information and
contact.
Information is divided into categories and sub-categories
(Foodnetwork.com, 2014)
Shows are organized according to (i) popularity, (ii) alphabetical order for easy
navigation.
Visual buttons also aid in identification
(Food.com, 2014)
Recipes are differentiated according to the festivities that they are usually cooked for
this allows users to identify which recipes are appropriate for the respective holiday.
Good navigation is helpful and informational in its usage of categories, to users.
NOvigation
(Zappos, 2014)
This website has no further navigation and has incomplete landing pages.
Article 4
Dont Bore Your Visitors
A good website should keep the viewer interested and engaged.
Thus, it needs
A natural flow to it
The viewers eyes should be able to follow the website in order of Left to Right, Top to
Bottom.
Content should be organised according to categories in a systematic manner that relates.
(Lam, 2014)
(Shape, 2014)
o Layout of the website has videos, photo gallery, and articles all on the topic of fitness
and health. All in which creates the illusion that if we follow those videos and read
those articles, we would achieve the desired body image.
(Occultopedia, 2014)
o The very small fonts makes it difficult for viewers to read especially
with a black background.
Examples of Disengaging
Websites
References
Bear, JH n.d., Color Symbolism, about technology, viewed 8th October 2014,
<http://desktoppub.about.com/cs/color/a/symbolism.htm>.
Davlin, A 2013, Color Combinations from Hell Death Sentence for Your Designs,
DesignWebKit, viewed 8th October 2014, <http://designwebkit.com/web-andtrends/color-combinations-hell-death-sentence-designs/>.
Hornor, T 2013, 10 Troublesome Colors to Avoid In Your Advertising, sitepoint, viewed 8th
October 2014, <http://www.sitepoint.com/10-troublesome-colors-to-avoid-in-youradvertising/>.
Martinovic, A n.d., Color Psychology in Online Marketing, 2 Create a Website, viewed 8th
October 2014, <http://www.2createawebsite.com/design/color-psychology.html >.
Merttol.com 2009, Understanding Web Safe Colors, viewed 8th October 2014,
<http://www.merttol.com/articles/web/understanding-web-safe-colors.html >.
Muller, G 2011, 25 Examples of Perfect Color Combinations in Web Design, Codrops,
viewed 8th October 2014, <http://tympanus.net/codrops/2011/12/08/25-examples-ofperfect-color-combinations-in-web-design/>.
Gube, Jacob., 2011, 7 Best Practices for improving Your Websites Usability, Mashable.
Available at: <http://mashable.com/2011/09/12/website-usability-tips/>, Viewed on 8th
October 2014.
Lieberman, M., 2012, How Important Are Images In Your Website Design,
Square2Marketing, Availabe at:
<http://www.square2marketing.com/blog/bid/121405/How-Important-Are-Images-In-YourWebsite-Design >, Viewed on 8th October 2014.
Owoh, B, n.d, 11 Common Web Design Mistakes (Blunders), Hongkiat.com. Available at:
<http://www.hongkiat.com/blog/11-common-mistakes-blunders-in-web-design/>, Viewed
on 9th October 2014.
Valentine, L., 2004, Car Leasing-Contract Hire- Cheap Lease Cars, LingsCars.com,
Available at: < http://www.lingscars.com/ >, Viewed on 9th Octobr 2014.