MICHELLE HOR MUN YEE (LEADER) ABEL KHOR JU YI 1003K75708 SHARIFAH NUR ZOEY JACQUELINE LOW SHIH HSIN CHEAM SZEN LI INTERACTIVE MEDIA ASSIGNMENT 2 : RESEARCH DESIGN REPORT TEAM RANGERS

DON’T BORE YOUR VISITORS KEEP THEM THINKING

 The article provided is too wordy. The author could have used a more interesting approach to convey the information  The tone of the article is too serious. It may seem dull to certain people  It has no visuals and to further support its statement DON’T BORE YOUR VISITORS KEEP THEM THINKING article critique}

 There is nothing worse than losing visitors on your website because it was just too plain “boring”  It is always nice to have visuals on your site because as humans, we are visual centric creatures. DON’T BORE YOUR VISITORS KEEP THEM THINKING

 Keep the mind, that your visitors must be kept occupied. This can be done by not only having normal visuals but also incorporating animated visuals.  Another important factor to note is that the files sizes should be kept small as to allow faster loading. Loading… DON’T BORE YOUR VISITORS KEEP THEM THINKING

Example of animated visuals DON’T BORE YOUR VISITORS KEEP THEM THINKING

 Interesting videos will give the visitor a reason to stay on your site  Sites such as is great for providing your visitors a moment to stop thinking. It has endless fun and random mini games that you can play for hours and not notice the time pass. DON’T BORE YOUR VISITORS KEEP THEM THINKING

Print screen of DON’T BORE YOUR VISITORS KEEP THEM THINKING

Example of a site that is “too boring” DON’T BORE YOUR VISITORS KEEP THEM THINKING

Examples of interesting visuals DON’T BORE YOUR VISITORS KEEP THEM THINKING

DON’T MAKE THEM WAIT

 According to Kissmetrics, 47% of visitors expect a website to load in less than 2 seconds, and 40% of visitors will leave the website if the loading process takes more than 3 seconds  This is not surprising as user’s are impatient and are always on the go, they do not have the time to sit around and wait for a website to load DON’T MAKE THEM WAIT Infographic from m/loading-time/

 The article has several spelling errors here and there which can potentially be quite a turn off for readers.  However, information on how a website should maintain it speed and not make the visitors wait are quite precise.  It would be easier to read if the amount of words were reduced or several paragraphs were used DON’T MAKE THEM WAIT article critique}

DON’T MAKE THEM WAIT Infographic from time/  Page speed and load times are the foundation for a positive user experience on the web  If a site is slow, the amount of time users willing to continue to invest decreases with every millisecond.

4 Tips To Help Your Website Load Faster 1.HTML Code Optimization Make sure that your website doesn’t have any broken links and unnecessary tags. Broken links always put negative effect on your website loading time. 2. Focus on Content Area: If your website has larger content area for text then you can say that it will take less time to load. Increasing content area also improves readability and quality of website which is important to attract visitors. 3. Optimize Images: Use “save as web” option whenever you edit any image for websites. Optimizing images in web format, will reduce size of image and the pages load much faster. 4. Keep Design and Interface Simple: Websites having simple layouts load much faster. DON’T MAKE THEM WAIT

FIND OUT WHAT COLOURS WILL CAUSE YOUR VISITORS TO HATE YOU

 Color should be one of your first concerns when it comes time to start your web site design.  Use appropriate colors when designing a website  There is no reasons why you should irritate the visitor with bright colors  Bright color Irritate eyes tissues, cause eyes fatigue  Good colors used can give positive impression to your viewer FIND OUT WHAT COLOURS WILL CAUSE YOUR VISITORS TO HATE YOU article critique}

 A well thought out color palette can go a long way to enhance the user experience.  Complementary colors create balance and harmony. Using contrasting colors for the text and background will make reading easier on the eye.  Vibrant colors create emotion and should be used sparingly (e.g. for buttons and call to actions).  Last but not least, white space/negative space is very effective at giving your website a modern and uncluttered look. FIND OUT WHAT COLOURS WILL CAUSE YOUR VISITORS TO HATE YOU

6 Tips For Choosing Your Website Colour Scheme 1.Select color that match your tone of your businesses. 2.Cross platform consistency 3.Use contracting color, but stay away from anything too jarring. 4.Make sure website text is readable 5.Visually emphasize calls to action to increase conversions. 6.Limits your colors - less is more FIND OUT WHAT COLOURS WILL CAUSE YOUR VISITORS TO HATE YOU

Example website with good colour scheme Simple & pleasing to the eyes. Uses one three colours – blue, white and black.There are several shades of blue used in the website. FIND OUT WHAT COLOURS WILL CAUSE YOUR VISITORS TO HATE YOU

Example website with good colour scheme Only important information highlighted in red. FIND OUT WHAT COLOURS WILL CAUSE YOUR VISITORS TO HATE YOU

Example website with bad colours Too Complicated. Too many colors used. Message not concentrate, cluttered. No focus

NAVIGATIONS

 The article should imply more direct navigation tips rather than putting in more personal comments on guiding how a site navigation should be.  Too many words written on the article when it can be cut short to a simple instruction guide on website navigation. NAVIGATIONS article critique}

1.Navigation Should Be Easy to Find Web users are very impatient – nobody is going to stay on your website if they can’t find their way around. It should stand out enough so it doesn’t get lost amongst a sea of content. 2.Keep it Consistent Site navigation should appear in the same location on every page of a site. It should also maintain the same style, type and colors. NAVIGATIONS

3.Use Easy-To-Understand Labels The section names of a site should clearly state what lies behind them. Stick to obvious button names such as, “about us”, “news” and “blog”. 4.Less is More Too many navigation buttons, while leading into more sections, may just leave a user with too many choices. NAVIGATIONS

Example navigation site presented by Carlsberg The navigations on the right are simple and effective. When the user’s cursor hovers over the icon, the text would appear indicating what navigation is it. NAVIGATIONS

Example navigation site presented by Freizeitpark The navigations on the websites are everywhere – it makes it very confusing for users as they wouldn’t know where to click. The website looks like a kid’s art work, the colours and font used are not appealing. NAVIGATIONS

REFERENCES

Don’t Bore Your Visitors, Keep Them Thinking 1.4 Ways to Go From a Boring to Amazing Website - Treehouse Blog Ways to Go From a Boring to Amazing Website - Treehouse Blog. [ONLINE] Available at: to-amazing-website. [Accessed 07 October 2014]. to-amazing-website Don’t Make Them Wait 1.How Loading Time Affects Your Bottom Line How Loading Time Affects Your Bottom Line. [ONLINE] Available at: [Accessed 09 October 2014]. 2.Impatient Web Users Flee Slow-Loading Sites - NYTimes.com Impatient Web Users Flee Slow-Loading Sites - NYTimes.com. [ONLINE] Available at: web-users-flee-slow-loading-sites.html?pagewanted=all&_r=0. [Accessed 09 October 2014]. web-users-flee-slow-loading-sites.html?pagewanted=all&_r=0 3.How to Reduce Loading Time of Website to Make It Faster | InkThemes How to Reduce Loading Time of Website to Make It Faster | InkThemes. [ONLINE] Available at: reduce-loading-time-of-website-to-make-it-faster/02/#. [Accessed 09 October 2014]. reduce-loading-time-of-website-to-make-it-faster/02/# REFERENCES

Find Out What Colour Cause Your Visitor To Hate You 1.Color Psychology: 6 Tips for Choosing Your Website Color Scheme - Part Color Psychology: 6 Tips for Choosing Your Website Color Scheme - Part 2. [ONLINE] Available at: choosing-your-website-color-scheme/2/. [Accessed 09 October 2014]. choosing-your-website-color-scheme/2/ Navigations 1.Web page that sucks Worst Websites Navigation of [ONLINE] Available at: website-navigation-of-2011.html. [Accessed 08 October 14]. website-navigation-of-2011.html 2.Awwwards Awwwards Best Websites Navigation. [ONLINE] Available at: [Accessed 08 October 14]. REFERENCES

THE END