Leader : Lee Jie Yin (Becky) 0319203 Group Members : Cheah Soo Sean (Denise) 0318052 Yap Suan Seng 0319817 Lok Jo Ann 0319537 Oh Shenyin 0319201 DONT BORE YOUR VISITORS KEEP THEM THINKING First of all, I agree with the article that in Designmore.com.
Based on the article, a good website design should be simple, keep interested, work and natural flow.
Here I found another article to support what have stated in Designmore.com.
According to sugarrushcreative.com, there is a article WHAT MAKES A GOOD WEBSITE.
Usability is one of the important issues mention in the article which website designer need focus.
Usability include fast loading pages, layout, navigation, cross platform compatibility, responsive design.
As the point mentioned before, website design should be simple. Layout is the first of the website design require keep unclutter, clear, and consistency to visitors.
In other words, layout simple which allow visitors focus on your messages and easy reading.
Furthermore, in the article of 7 steps to Real Estate Website Success which from amrocket.com, play website simple also one of the issues to make the website success.
The paragraph mentions user prefer simple and organize website.
If the website design with overwhelming design, visitors may leave it instantly.
From here, we know that website design simple very important to visitors.
Last article I found to support the point stated in Designmore.com which from Smashing Magazine - 10 Principles Of Effective Web Design.
Inside the article, one of the rules discuss about Dont make user think.
Obvious and self-explanatory are important to a website.
When creating a website, website designer must consider and think from the visitors angel, to understand what they want to see.
The website need to be clear and dont let your visitors have chance to gain question marks on their head.
For example, how to from point A to point B on the website, that need clear structure lead your visitors how to go from point A to point B.
Example: I have choose dessert website as my example Snowflake and Meet Fresh.
Both of website have clear title and way let visitors know the dessert are from Taiwan.
As the picture shown at left hand side, we can see the website design is different.
Lets look on snowflake website, we see that the website is clear, simple. It straight forward to their promotion.
Which also attract to the visitors and make the visitors to stay on their website.
Example: Next, we look on Meet Fresh website.
We see there is some complicated in the Home page.
Although the design is simple, the arrangement of the picture, it makes visitors eyes feel uncomfortable.
And, there is paragraph of text, visitors mostly do not read, they just scan.
Visitors may not focus on the paragraph of text.
Visitors view the website, they just look on what they interested and the first thing which grab their attention.
Example: Both of the website have clear navigation to lead visitors.
In addition, the pages was load in short time which means the website is less than 30k.
Last but not least, the logo of the website can be link back to the Home page, which is successful navigate.
DONT MAKE THEM WAIT I agree to the content of article given which simple rule can reduce the page size if the page load slowly. According to surveys by Akamai and Gomez.com, viewers expecting a web page to be load in 2 seconds or lesser. Making visitors to wait for the website is bad. Just like what the article was talking about from Dont Make them Wait, The web Is here to make our life easier , not to sit in front and keep waiting. Based on RankingToday.com, optimizing the image could help to have faster loading website. Instead of putting high graphics photos in the website, why not putting the smaller size pictures for load the website page faster. For impatient web users, an eye blink is just too long to wait.
I have to agree with the article that has given Dont make them wait According to the nytimes article that I had chosen, its say about the loading speed for website This website has proven that loading too slow is bad for a website . Speed is the most important thing for website, theres four out of five online users will click away if it takes too long. According to blackbeardesign website, it stated that graphics are not necessarily needed to filled up all the white or empty space.
Too big pictures or too high definition quality pictures to make he loading longer Instead of putting it why not put lesser quality picture to avoid the longer waiting time. In the other article, the Pcword, it also proof that having a big image of photo will take longer time to load the website.
In the other hand, too many pictures also will making the website load slower. Full size uncropped image is the reason as well From all this point, choosing and cropping image to website Is necessary and important, according the article that I found or given. The website have to choose a better imagine to attract customer without loading too long Not necessary to use that much of image but design.
Examples : Michael Kors, using high qualities picture loading page will take longer to load. Some visitor will prefer faster loading.
Nike, Not so huge quality images out, loading page is faster and can check all the details smoothly.
Examples : Snowflakes website has fast loading page, it let the viewers get the information in short time. It also provide the mobile and desktop view to viewers, so they can browse the website in any devices.
FIND OUT WHAT COLORS WILL CAUSE YOUR VISITORS TO HATE YOU I agree of colours always the first concern for web design, it makes your website either look attractive or chaotic Color tones represents the communication and reaction of the viewers. Right color tone will send the correct message and information to viewers, they will understand and get what they need. The aspect of color, right color scheme, and combination of colors will bring out the essential of the website, makes them more useful and attractive. Besides, color will makes the website become nice look or chaotic. Based on 1webdesign website, they mentioned color has divided for certain level such like primary, secondary, and tertiary colors.
o Primary color are red, yellow and blue. We can formed new color by combining these three colors. At the same time, for combination of two primary color, we will get secondary color such like orange. There is endless possibilities for tertiary color, either combine with primary and secondary color together. The cultural aspect of color scheme can effect how the viewers respond toward the website.
I strongly agree color play important role in website designing. Based on www.designyourway.net, different color has different meaning and symbolic. For example, red represents powerful, passionate, anger also violence. It usually used to highlight some important information or message, to let people alert. It also represent different meaning in every countries. Yellow consider as energizing color, it always bring warmth, happiness and warn meaning. Most of the website will use yellow color, because it can catch attention from viewers easily.
As the article given, yellow and red colors usually use to attract viewers concern to certain update or information. At the same time, I agree website designers should not overused those color mention above. It will distract the whole layout and makes the color distract the sight of viewers. Examples http://new.digi.com.my/
From digi website, they are highlight the promotion part with yellow colors which show 150 sms for the combo 25. That is the main point of the package. Therefore, viewers will get the first attention of the information that DIGI wants to send to viewers. It catch the first sight of viewers, simple and easy.
According to ux movement website, every website colour theme should be accurate and make sure it will not overlapping the font.
Three criteria to makes a successful website as : Pick consistent colour Dont use too many colours Apply the colours to the right place
Consistent colour will makes your viewers feel comfortable when using your website. Such like using black, white and grey colour tones will makes your website become classy. Example : http://www.montblanc.com/ Look at the MONT BLANC website, they use the black as the background and white as their font colour. This can makes the viewers look clearer to the content and and the colour no crash between each elements. So website always have to apply equal balance of white, black and other colours. Dont use too many colours It doesnt means many colors will make your website look more beautiful and attractive. Sometimes too many of color tone will makes the website become ugly and distracting. The color must have different level in dark and light base. As the article given mentioned do not use yellow and red sparingly, it will makes the viewers confuse when viewing the website.
Example : http://www.kikilala.co.za/ From the website KIKILALA, too many colors cause the website looks messy and unclear for the information. The color matching is not suitable and it cant bring out the message properly. Viewers will confuse of the information Because the distraction of color tones. Apply the colours to right place Viewers like colorful things, but doesnt mean web designer can apply the color everywhere. Designers should plan and arrange the color theme nicely, then only can build up an attractive website to gain attention from viewers. Color must always highlight the interface control such like navigation and others, this can helps viewers see the detail easily. Black and white color always be the ideal color for websites because the plain background can makes the font clearer.
Example : http://www.nike.com/my From the nike website, we see they no use numbers of color but use the right color in the right place. They use black color as their button, viewers can find the button to lead them get the information they wish to search. NAVIGATION Where am I? Where can I go from here? Where was I already?
We should always ask ourselves those three question while we construct a website. I agree that the article mention about that either the logo or the name of the company will be on top of the website which always link to the homepage. (DesignMore.com) We should not let visitor have the chance to ask where they are. Based on About.com to agree the argument, website designer have to be sure to leave the button clickable so that user can get back to the homepage when they are at the other sub-page.
Example The Michael Kors word appear in every page which is link to the homepage, so that visitor can visit the website easily.
I sort of disagree with the article DesignMore that mention about the link titles improve the navigation usability, because some of the website may confuse their visitor.
However, I think that it depends on certain website. Avoid of stuffing irrelevant link so that will could make your visitor clear of where they are.
Somehow, I agree with link that links to other pages that is within the website or links to an outside web page. Description of that website in context with the link is an optional for the website as users nowadays are not stupid.
Example The colour of Facebook change from black to grey when mouse hover on the word. When click into the word, the Facebook page of Michael Kors open in another tab/browser instead of change the website to Facebook page so as the other social media page. Visitors are able to visit both page at one time.
The first thing we should be consider while working on a website page is we should always stand as a users shoes while constructing a website whether is the navigation is unnecessary or out of place? Too many navigation buttons may cause visitor to leave the website as there is too many choices. If the navigation is separated in too many bars such as in drop-down menus and yet still repeating the same category at top-level buttons as a sub-sections may let visitor feel Why the this page is same as the other page, I thought it may be something else?
Example: When click into the Bags main HTML, the sub-page shows two still banner and when visitor click into the banner will lead them to the sub-page which is same as the sub-page of Bags under Women category. Visitor may feel that why there are two same pages? My opinion is Bags, Shoes, Watches, Accessories main html are unnecessary.
I also agree with DesignMore that visitors would like to know which page they have been visited and which page they havent. Visitors always are impatient, they will be frustrating when they click on a link that which may lead them to page that they had already visited. Therefore, the navigation should work well or change the colour of word or button which visitors had already clicked before so that wont make them frustrated. In fact that, the colour change between visited and unvisited page doesnt really have to be blue to people, somehow it may not match to the colour of the website.
Example: The website no any changes for the visited and unvisited pages. The colour of WOMEN changed, the banner of categories and trends will shows when mouse hover the button. Furthermore, visitor would wants to know which page they had visited and which page have not, for this website didnt show the color changes of the button. I agree with the article that should use blue for unvisited and purple for visited as a colour scheme. Using other colour will just confuse people.
REFERENCES Colors in Web Design and Why to Choose Them. [online] Available at: <http://www.designyourway.net/drb/colors-in-web-design-and-why-to-choose-them>.[Accessed 7 October 2014] Zenand.T.,(2010) Colors in Web Design : Choosing a Right Combination for Your Website [online] Available at: <http://www.1stwebdesigner.com/design/colors-web-design-right-combination>. [Accessed 7 October 2014] Anthony, (2011). How to Use Color to Successfully Brand Your Website. [online] Available at: <http://uxmovement.com/content/how-to-use-color-to-brand-your-website>. [Accessed 8 October 2014] Mont Blanc. [online] Available at: http://www.montblanc.com. [Accessed 8 October 2014] Kiki Lala. [online] Available at: http://www.kikilala.co.za [Accessed 8 October 2014] Nike. [online] Available at: <http://www.nike.com/my>. [Accessed 8 October 2014] Amrocket.com, (2014). 7 steps to Real Estate Website Success. [online] Available at: <http://www.amrocket.com/blog/7_steps_to_Real_Estate_Website_Success> [Accessed 9 October 2014]. Friedman, V. and Friedman, V. (2008). 10 Principles Of Effective Web Design - Smashing Magazine. [online] Smashing Magazine. Available at: <http://www.smashingmagazine.com/2008/01/31/10-principles-of- effective-web-design/> [Accessed 9 October 2014].
Nicola, B. (2014). WHAT MAKES A GOOD WEBSITE | Sugar Rush Creative. [online] WHAT MAKES A GOOD WEBSITE | Sugar Rush Creative. Available at: <http://sugarrushcreative.com/blog/what-makes-a-good-website> [Accessed 9 October 2014]. Snowflake Malaysia - Taiwanese Dessert Secrets, (2014). Home. [online] Available at: <http://snowflake.com.my> [Accessed 9 October 2014]. About.com, (2014) Five Rules of Effective Website Navigation [online] Available at : <http://graphicdesign.about.com/od/effectivewebsites/a/web_navigation.htm> [Accessed 8 October 2014] Smartisans.Com (2014) Seven Steps To Easier Web Navigation [online] Available at : <http://www.smartisans.com/articles/web_navigation.aspx> [Accessed 8 October 2014] Livecity, (2014) What makes good website navigation? [online] Available at : <http://www.livecity.com/site/live/articles/what- makes-good-website-navigation.html> [Accessed 8 October 2014] Michael Kors [online] Available at: <http://www.michaelkors.com/> [8 October 2014] KISSmetrics. Speed Is A Killer Why Decreasing Page Load Time Can Drastically Increase Conversions [Online] Available at: <https://blog.kissmetrics.com/speed-is-a-killer/> [Accessed 8 October 2014] RankingToday.com. How To Make Smaller Images For Your Website [Online] Available at: <http://www.rankingtoday.com/blogs/7/How-To-Make-Smaller-Images-For-Your-Website.html> [Accessed 8 October 2014] Black+, J. Black Bear Design. Design, Less is More [Online] Available at: <http://www.blackbeardesign.com/design-less-is-more/ >[Accessed 8 October 2014] PCWORD.COM Why some Web sites are much slower than others PCWord.com, (2013). Why some Web sites are much slower than others. [Online] Available at : <http://www.pcworld.com/article/2038500/why-some-web-sites-are-much-slower-than-others.html> [ Accessed 8 October 2014]
Velvetblues.com, (2009) . 8 Reasons your website is slow. [Online] Available at : <http://www.velvetblues.com/web- development-blog/8-reasons-your-website-is-slow/> [Accessed 8 October 2014] NyTimes.com, (2012). For Impatient Web Users, an Eye Blink Is Just Too Long to Wait [Online] Available at : http://www.nytimes.com/2012/03/01/technology/impatient-web-users-flee-slow-loading- sites.html?pagewanted=all&_r=1& [Accessed 8 October 2014] NnGroup.com , ( 1993 ). The 3 Important Limits. [Online] Available at : http://www.nngroup.com/articles/response- times-3-important-limits/ [Accessed 8 October 2014]