1 / 65

INTERACTIVE MEDIA ASSIGNMENT 2 GROUP : Can Go

INTERACTIVE MEDIA ASSIGNMENT 2 GROUP : Can Go. Leader: Rhyz bin Ruslan 0310444 Members: Norman Iskandar bin Shaipudin Shah 0308645 Natalie Loo Pei Shen 0310100 Nicole Levins 0314998 Ma Graciella Ysabella Padilla Juson 0306378. TOPIC:.

igor-valdez
Télécharger la présentation

INTERACTIVE MEDIA ASSIGNMENT 2 GROUP : Can Go

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. INTERACTIVE MEDIAASSIGNMENT 2GROUP : Can Go Leader: Rhyz bin Ruslan 0310444 Members: Norman Iskandar bin Shaipudin Shah 0308645 Natalie Loo Pei Shen 0310100 Nicole Levins 0314998 Ma GraciellaYsabella Padilla Juson0306378

  2. TOPIC: Keeping the Viewers Interested

  3. Points Highlighted in the Article • should have a natural flow • should not be confusing • should not be simple • people equate a simple site design equals to a small company • should be functional • loads faster • text and navigation are straight to the point

  4. Analysis

  5. Natural Flow A website with a natural flow is a lifesaver as it does not require a lot of time to think of what links link to what. A website that has a natural flow will most likely be easier to browse around as it does not have over the top features, headers, sub headers, link and so on that may result in confusion amongst the viewers. The picture on the right is an example of a website that does not have a natural flow (SOLVM, 2014).

  6. Confusion Websites that are confusing, will only result in the viewer to close their browser as they do not have time for that. According to the website, SOLVN, viewers equate confusing websites to an unorganized and ignorant business. A site is confusing when there are more links then it should initially have (Schroder, 2013). An example of a confusing website would be: http://www.loobiecore.com/.

  7. Not Too Simple Based on a case study one by Google in the year 2012, researchers found that websites that are filled with images and colours (NOT SIMPLE) are rated as less beautiful compared to websites that’s just the right amount of simple (Tuch et al., 2012). I strongly agree with this as websites that are overfilled with images, fancy texts and colours only overwhelms the mind, thus not enjoying it. Websites that are basic-simple, are easier to navigate and is easy on the eyes as it less congested and messy.

  8. Not Too Simple Example: (Not Simple VS Simple Website)

  9. Functional Not only must your website be well designed, but it should also be functional in a way that it will not take forever to load due to the resolutions used in images. Besides that, a website is not functional with navigation buttons that are not straightforward. Even though, it is the 21st century, there are still people that are not tech-savy and a web designer should always have that in mind.

  10. According to Hubspot These websites are considered the top 3 websites that are well designed and functional. • Ford • Sony • Apple

  11. Ford It gives the buyer a feeling like as if he/she was in the showroom as the homepage allows the buyer to choose the car there and then without any hassle.

  12. Sony Sony is well designed and functional because its navigation was made easy for the visitors as their products are sorted in the most logical categorization way possible. Besides that, their navigation button has a drop-down menu.

  13. Apple Apple’s homepage makes it easier for the visitors select their desired products and find out more about it. It also includes high resolution graphics of the products.

  14. In a Nutshell Websites should always be simple no matter how bizarre your business is (Hongkiat.com, (n.d).). In order for visitors to be interested, always make sure the website is functional, has a natural flow and most importantly make sure it is not confusing (Schroder, 2013).

  15. Topic: Don’t Make Them Wait

  16. Content of the article - keep the web page size under 50K - graphic images should be as small as possible - 216 colors on the web safe pallet - Use more design and less graphic - reduce the loading time for the web page

  17. Analysis

  18. Size of websites Websites have a longer loading time as compared to the years before this due to the increase in size and complexity (Gesenheus, 2013) For example, retail websites that are saturated with images often have a longer loading rate. In fact, load times for the top U.S. retail website are 22% slower than in December 2011, according to a recent report published by Radware (Gesenheus, 2013). The ideal 3 second load time is not being applied now (Gesenheus, 2013)

  19. Colours It is imperative to maintain within the web safe colours to prevent any dithered and inconsistency on the web page (Priester, 2013) An example of discrepancy is when the colour gray is shown on a Windows monitor, the colour pale yellow might appear on a Macintosh browser (Priester, 2013)

  20. Large images and poorly-written page (code, not the text) contribute to the loading time (Spector, 2013) I do agree with the article as a website that takes a long time to load is very frustrating and it is proven that those websites will lose its audience due to the load time factor. According to surveys done by Akamai and Gomez.com, nearly half of web users expect a site to load in 2 seconds or less, and they tend to abandon a site that isn’t loaded within 3 seconds (Jacob, 2011)

  21. Below is the slowest website according to Internet Supervision

  22. According to marketingland.com, the fastest websites are : CVS.com Polo.com eCrater.com

  23. CVS.com

  24. Polo.com

  25. eCrater.com

  26. TOPIC TheImportance of Color

  27. 1) Always use a browser safe color when using solid color as a design element. 2) Colors should be one’s concern when it comes time to begin your site plan 3) Web browsers can only see 256 colors. 4) Use yellow color sparingly in your web site itself.

  28. Analysis

  29. Use a browser safe color when using solid color as a design element Many web designers overlook the importance of choosing a safe color when designing a web site. It should be one of your first concerns when it comes to start your web site design. If you don't pay close attention to the colors you chose, your site will end up either plain and boring or so messy it's hard to look at. The color you use should only be chosen after careful consideration.(Webdesignct.com, 2014)

  30. Colors used to begin a site map - Color use is often consistent across different types of maps by different cartographers or publishers. Site map colors are always consistent on a single map. - Colors are normally used in relation to a certain sections in a site map. - Exp: if it’s a website for guys, you wouldn’t find the color pink in it

  31. Web browsers can only be seen in 216 colors Web Safe, or Browser Safe palettes, consist of 216 colors that display solid, non-dithered, and consistent on any computer monitor, or web browser, capable of displaying at least 8-bit color (256 colors). The reason why this palette contains only 216 colors, instead of the maximum 256 colors, is that only 216 out of the basic 256 colors will display exactly the same on all computers. (Htmlgoodies.com, 2014)

  32. Use yellow in your web site - Yellow can definitely be harsh on the eyes, but when correctly used, it can convey different ideas. One of which is the warmth. Sunny, tropical, and bright, yellow brings instant pop to a site or logo. (Sprout New Media, 2013) - Yellow doesn’t usually stand up well on its own, and needs contrasting colors to be effective. Yellow on red can illustrate an joyful feel, or create an edgy look that’s perfect for some artists and designers.  - Exp: Macdonals, and Shell

  33. WEBSITES Example of websites that use suitable colors to attract the attention of customers 1) Victoria’s Secret 2) Kiehl’s 3) Chris Dyson Architects

  34. Victoria’s Secret

  35. Victoria’s Secret The shades utilized for this site is a fabulous decision as it is truly eye catching. The color's utilized are splendid and brilliant which permit's kin to perceive fun, lively and dynamic in young adults to purchase their beauty products and lingerie. Particularly the last picture which says " Pink Collegiate Collection ", are apparel wear for college students. This is a decent picture and the color contrast used will likewise give college students the feeling of excitement and confidence for college.

  36. Kiehl’s

  37. Kiehl’s The official Kiehl’s website has also another brilliant idea in designing and choosing their color’s used for their website. They have an image of a skeleton dressed as a laboratory scientist which portrays that majority of their beauty products are fresh, healthy and studied well in the science lab before selling their products. They have a dull foundation utilized for their site with beautiful drawings and pictures on it which is additionally exceptionally eye catching to individuals who view their site. This will help in pulling in individuals to buy their products.

  38. Chris Dyson Architect

  39. Chris Dyson Architect The " Chris Dyson Architects " site utilizes splendid, straight forward and suitable colors to outline their page with pictures of a home decorated and furnished perfectly with sketches hanging on the wall. There are less colors utilized on this site as the web planners objective is to portray an extravagant and exquisite home décor. This is one splendid thought for individuals, particularly individuals of the higher class to contract Chris Dyson as their Architect.

  40. Navigation Topic

  41. Points that has been discussed in this article: Importance of answering the question • Where am I • Where can I go from here? • Where was I already?

  42. The article claims: • It is important to put links in context • It is important to use link titles • It is important guests knows where they are at all times • The color of the unvisited links should be blue and change to purple when visited

  43. Analysis

  44. 1. It is important to put links in context • It gives the visitors an insight on where the link will take them • This next slide shows a clear example of a web site in context with the link • The resource links in the small boxes on the left bottom side of the screenshot was included with a brief description of what the link leads to • This is good because visitors can get an insight on what the website is about and they can choose to press or not to press on the link

  45. (The Smart Passive Income Blog, 2014)

  46. 2. It is important to use link titles According to Ann Smarty on How to Use Link TITLE Attribute Correctly, link titles should: • Be used for your users, not search engines (this approach always pays back); • Not be duplicated with link text (this hurts usability: for example some blind users will hear the same text twice); • Not have too much weight on the title attributes as not all screen readers may render it (make sure either surrounding text or anchor text explains the link at least the first time you use it).

  47. 3. It is important visitors knows where they are at all times Question: What would make it obvious to the visitors where they are? • Answer: a very clear and simple design of website • the website's dropdown is well placed

More Related