2. Design Guidelines for Multimedia General Guidelines for Designing Presentations, Web Pages, and Other Types of Multimedia

3. Underlining 1.Never use underlining unless it signifies a hyperlink. Google

4. Alternate Forms of Emphasizing Text Color and/or Bold Highlighting Italicizing Size Animation CAPS

5. Hyperlinks 2. If you decide to hyperlink a graphic, it should be obvious that the graphic is a link. If it is not, then you need to insert a text message indicating that the graphic links to another web page. Click here to go to Cakes.com!

6. Font 3. Keep the number of font variations on one web page to two or possibly three. This includes font type, color, and size.

7. Text 4. Be aware of color conflicts so that text is readable. Can you see me?????

8. Hyperlinks 5. Blue is a standard color for hyperlinks. Although you may change the color of hyperlinks, you should avoid blue text since it signifies hyperlinks. Haha – nothing on this page is linked…fooled you! Click me. I’m fun too.

9. Display 6. When your multimedia will be displayed on a computer, use a light background with dark text. When your multimedia will be presented on a projection system, use a darker background with lighter text. A good way to remember this is that many web sites have a white background with black text whereas a common combination of colors for a projected PowerPoint presentation is a darker blue background with white or yellow text. White web site example Survey

10. Graphics 7. Although graphics may be used for cosmetic purposes, consider using graphics that reinforce the content.

11. This is a bad example… In modern astronomy, a constellation is an internationally defined area of the celestial sphere. These areas are grouped around asterisms (which themselves are generally referred to in non-technical language as "constellations"), which are patterns formed by prominent stars within apparent proximity to one another on Earth's night sky.

12. This is a good example… At 11.40 pm (ship's time), lookout Frederick Fleet spotted an iceberg immediately ahead of Titanic and alerted the bridge. First Officer William Murdoch ordered the ship to be steered around the obstacle and the engines to be put in reverse, but it was too late; the starboard side of Titanic struck the iceberg, creating a series of holes below the waterline. Five of the ship's watertight compartments were breached. It soon became clear that the ship was doomed, as she could not survive more than four compartments being flooded. Titanic began sinking bow-first, with water spilling from compartment to compartment as her angle in the water became steeper.

13. Aesthetics 8. Avoid clutter on multimedia creations. Click me.

14. Aesthetics Continued 9. Limit the amount of text on presentations.

15. This slide has too much text The Holocaust (from the Greek ὁλόκαυστος holókaustos: hólos, "whole" and kaustós, "burnt"),[2] also known as the Shoah (Hebrew: השואה, HaShoah, "catastrophe"; Yiddish: חורבן, Churben or Hurban,[3] from the Hebrew for "destruction"), was the genocide of approximately six million European Jews during World War II, a programme of systematic state-sponsored murder by Nazi Germany, led by Adolf Hitler, throughout Nazi-occupied territory.[4] Of the nine million Jews who had resided in Europe before the Holocaust, approximately two-thirds perished.[5] In particular, over one million Jewish children were killed in the Holocaust, as were approximately two million Jewish women and three million Jewish men.[6][7] Some scholars maintain that the definition of the Holocaust should also include the Nazis' genocide of millions of people in other groups, including Romani, communists, Soviet prisoners of war, Polish and Soviet civilians, homosexuals, people with disabilities, Jehovah's Witnesses and other political and religious opponents, which occurred regardless of whether they were of German or non-German ethnic origin.[8] This was the most common definition from the end of WWII to the 1960s.[8] Using this definition, the total number of Holocaust victims is between 11 million and 17 million people.[9] The persecution and genocide were carried out in stages. Various laws to remove the Jews from civil society, most prominently the Nuremberg Laws, were enacted in Nazi Germany years before the outbreak of World War II. Concentration camps were established in which inmates were subjected to slave labor until they died of exhaustion or disease. Where Germany conquered new territory in eastern Europe, specialized units called Einsatzgruppen murdered Jews and political opponents in mass shootings. The occupiers required Jews and Romani to be confined in overcrowded ghettos before being transported by freight train to extermination camps where, if they survived the journey, most were systematically killed in gas chambers.

16. Holocaust 1936-1945 Third Reich Genocide of 6 million Jews Nuremberg laws – multiple stages Others were also persecuted: – Gypsies – Homosexuals – Communists – Disabled

19. Varied Platforms 10. Test web pages on both PC and Mac platforms and various browsers (Explorer, Firefox, Chrome, Safari, etc). Click here to test your website on multiple browsers at once.here

20. Tutorials 11. On user controlled tutorials, provide directions for navigation at the beginning of the program. Click this button to take you to the next slide. Click this button to take you to the previous slide. Click this button to take you to the home slide.

21. Buttons 12. Not all users may understand the direction of graphic buttons. When using buttons for navigation, also add text to each button indicating the direction of navigation. This button takes you to the previous slide. Wait…what?

22. Sound Effects 13. Avoid extraneous and unnecessary sound effects and music unless they enhance the user's experience.

23. Animations 14. Avoid the use of excessive animations unless they enhance the content. Click the picture for an example.

24. Transitions 15. Avoid the use of numerous types of transitions. Be consistent with a few types.

25. Transitions Continued 16. Transitions should compliment the direction of navigation.

29. Design 17. Be consistent in design throughout a presentation or web site. Titles, navigation indicators, text areas, etc., should be consistently located. This current presentation is an excellent example of good design This one is not.one

30. Design Continued 17. Be consistent in design throughout a presentation or web site. Titles, navigation indicators, text areas etc. should be consistently located.

31. Design Continued 18. If using buttons, they should be the same size and in the same exact location for all slides or web pages.

32. You shouldn’t move your buttons around….

33. …or change their shape…

34. …or make them confusing.

35. And definitely don’t…

36. …make them look like they are jumping…

37. …farther to the side.

38. More on Graphics 19.If you are making a graphic into a link, considering letting the user know. Hmmm…wonder if I am a hyperlink!!!!

39. More on Graphics 20. If you are making a graphic into an email link, you should also make the email address visible since most persons cannot use an email link and some persons may not see the email address in the graphic. Email me at: rpastore.bloomu.edurpastore.bloomu.edu

40. More on TEXT 21.If you need to use centering, do not center more than THREE lines. Welcome to My Web Site The purpose of this web page is to disseminate information about a new 12- credit Online Teaching Endorsement program that we are offering at Bloomsburg University. The first part of this web page will be an overview narrative and the second part will be links to Q&A sections that addresses more specific details of the program. This program was approved the Pennsylvania Department of Education (PDE) in the summer of 2015 and is the ONLY UNDERGRADUATE online teaching state endorsement program in the nation. It is also one of the few GRAUDATE online teaching state endorsement programs in the nation.

41. The End Visit https://www.diigo.com/user/raypastore/ %22web%20design%22