0319279 MICHELLE HOR MUN YEE (LEADER) 0319190 ABEL KHOR JU YI1003K75708 SHARIFAH NUR ZAHIRAH @ ZOEY 0318945 JACQUELINE LOW SHIH HSIN 0319264 CHEAM SZEN LI

INTERACTIVE MEDIAASSIGNMENT 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 THINKINGarticle 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 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.

DON’T BORE YOUR VISITORS KEEP THEM THINKING

Print screen of http://www.boredbutton.com

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 https://blog.kissmetrics.c

om/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 WAITarticle critique}

DON’T MAKE THEM WAIT

Infographic from https://blog.kissmetrics.com/loading

-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 Faster1. 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 YOUarticle 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 Scheme1. 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 readable5. 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 schemehttp://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.

FIND OUT WHAT COLOURS WILL CAUSE YOUR VISITORS TO HATE YOU

Example website with good colour schemehttp://family.ikea.com.my/en/special-offers/product-offers.asp

Only important information highlighted in red.

FIND OUT WHAT COLOURS WILL CAUSE YOUR VISITORS TO HATE YOU

FIND OUT WHAT COLOURS WILL CAUSE YOUR VISITORS TO HATE YOU

Example website with bad colourshttp://www.designergokko.it/

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.

NAVIGATIONSarticle 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 ConsistentSite 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 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”.

4. Less is MoreToo many navigation buttons, while leading into more sections, may just leave a user with too many choices.

NAVIGATIONS

Example navigation site presented by Carlsberghttp://www.draughtmaster.com/

The navigations on the right are simple and effective. When theuser’s cursor hovers over the icon, the text would appearindicating what navigation is it.

NAVIGATIONS

Example navigation site presented by Freizeitparkhttp://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.

NAVIGATIONS

REFERENCES

Don’t Bore Your Visitors, Keep Them Thinking1. 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 Wait2. 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].

3. 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].

4. 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].

REFERENCES

Find Out What Colour Cause Your Visitor To Hate You1. 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].

Navigations2. 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].

3. Awwwards . 2010. Awwwards Best Websites Navigation . [ONLINE] Available at: http://www.awwwards.com/websites/navigation/?page=4. [Accessed 08 October 14].

REFERENCES

THE END