INTERACTIVE MEDIA ASSIGNMENT 2 : RESEARCH DESIGN REPORT TEAM RANGERS

1. INTERACTIVE MEDIA ASSIGNMENT 2 : RESEARCH DESIGN REPORT TEAM RANGERS 0319279 MICHELLE HOR MUN YEE (LEADER) 0319190 ABEL KHOR JU YI1003K75708 SHARIFAH NUR ZAHIRAH @ ZOEY 0318945 JACQUELINE LOW SHIH HSIN 0319264 CHEAM SZEN LI

2. DON’T BORE YOUR VISITORS KEEP THEM THINKING

3. DON’T BORE YOUR VISITORS KEEP THEM THINKING article critique} • 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

4. DON’T BORE YOUR VISITORS KEEP THEM THINKING • 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.

5. 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…

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

7. DON’T BORE YOUR VISITORS KEEP THEM THINKING • Interesting videos will give the visitor a reason to stay on your site • Sites such as http://www.boredbutton.com 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.

8. DON’T BORE YOUR VISITORS KEEP THEM THINKING Print screen of http://www.boredbutton.com

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

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

11. DON’T MAKE THEM WAIT

12. 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 • Infographicfrom https://blog.kissmetrics.com/loading-time/

13. DON’T MAKE THEM WAIT article critique} • 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

14. DON’T MAKE THEM WAIT • 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. • Infographicfrom https://blog.kissmetrics.com/loading-time/

15. DON’T MAKE THEM WAIT 4 Tips To Help Your Website Load Faster • 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.

16. FIND OUT WHAT COLOURS WILL CAUSE YOUR VISITORS TO HATE YOU

17. FIND OUT WHAT COLOURS WILL CAUSE YOUR VISITORS TO HATE YOU article critique} • 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

18. FIND OUT WHAT COLOURS WILL CAUSE YOUR VISITORS TO HATE YOU • 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.

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

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

21. FIND OUT WHAT COLOURS WILL CAUSE YOUR VISITORS TO HATE YOU • Example website with good colour scheme • http://family.ikea.com.my/en/special-offers/product-offers.asp • Only important information highlighted in red.

22. FIND OUT WHAT COLOURS WILL CAUSE YOUR VISITORS TO HATE YOU • Example website with bad colours • http://www.designergokko.it/ • Too Complicated. Too many colors used. • Message not concentrate, cluttered. No focus

23. NAVIGATIONS

24. NAVIGATIONS article critique} • 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.

25. NAVIGATIONS • 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. • Keep it ConsistentSite navigation should appear in the same location on every page of a site. It should also maintain the same style, type and colors.

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

27. NAVIGATIONS • Example navigation site presented by Carlsberg • http://www.draughtmaster.com/ • 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.

28. NAVIGATIONS • Example navigation site presented byFreizeitpark • http://www.freizeitparkherne.de/ • 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.

29. REFERENCES

30. REFERENCES Don’t Bore Your Visitors, Keep Them Thinking • 4 Ways to Go From a Boring to Amazing Website - Treehouse Blog. 2014. 4 Ways to Go From a Boring to Amazing Website - Treehouse Blog. [ONLINE] Available at: http://blog.teamtreehouse.com/4-ways-to-go-from-a-boring-to-amazing-website. [Accessed 07 October 2014]. Don’t Make Them Wait • How Loading Time Affects Your Bottom Line. 2014. How Loading Time Affects Your Bottom Line. [ONLINE] Available at:https://blog.kissmetrics.com/loading-time/?wide=1. [Accessed 09 October 2014]. • Impatient Web Users Flee Slow-Loading Sites - NYTimes.com. 2014.Impatient Web Users Flee Slow-Loading Sites - NYTimes.com. [ONLINE] Available at: http://www.nytimes.com/2012/03/01/technology/impatient-web-users-flee-slow-loading-sites.html?pagewanted=all&_r=0. [Accessed 09 October 2014]. • How to Reduce Loading Time of Website to Make It Faster | InkThemes. 2014. How to Reduce Loading Time of Website to Make It Faster | InkThemes. [ONLINE] Available at: http://www.inkthemes.com/how-to-reduce-loading-time-of-website-to-make-it-faster/02/#. [Accessed 09 October 2014].

31. REFERENCES Find Out What Colour Cause Your Visitor To Hate You • Color Psychology: 6 Tips for Choosing Your Website Color Scheme - Part 2. 2014. Color Psychology: 6 Tips for Choosing Your Website Color Scheme - Part 2. [ONLINE] Available at: http://yfsmagazine.com/2013/07/06/color-psychology-6-tips-for-choosing-your-website-color-scheme/2/. [Accessed 09 October 2014]. Navigations • Web page that sucks . 2011. Worst Websites Navigation of 2011 . [ONLINE] Available at: http://www.webpagesthatsuck.com/worst-website-navigation-of-2011.html. [Accessed 08 October 14]. • Awwwards . 2010. Awwwards Best Websites Navigation . [ONLINE] Available at: http://www.awwwards.com/websites/navigation/?page=4. [Accessed 08 October 14].

32. THE END