Published on

  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • Thanks Deb
  • What I wanted to cover this afternoon. After a recent email exchanges on the Webtalk listserv, we may never get past the discussion of the policies and the use of the Penn State mark
  • I am only going to discuss the portion of this policy that deals with Identity, but if you look at it on GURU, you will see that if covers the University’s publication program as well.
  • No unit may have their own logo Many of you have said but what about so and so? Some exceptions have been made. These units are primarily those which are charge-back and which have the general public as one of their primary audiences Bryce Jordan center etc
  • These symbols have specialize purposes. Intercollegiate Athletics is the only unit that can use the IA logo (chipmunk) or Pride of lions symbols Mascot images Again exceptions are made. Student groups may use Admissions is having an ice cream open house just before a game, etc. The Seal is reserved for use on very official documents such as diplomas and transcripts Exceptions should be approved by Publications
  • Blanket exemptions have been made
  • This is the policy that I think has been causing all of the fuss. Some say it doesn’t go far enough Some say it is too restrictive This came out the the Web Task Force meetings about two years ago. This and the Web Style Guide, which I will get to, was the first attempt to make the University’s web site hang together. As you all are aware, people access the many units of the University at many points. The point is to have a total site so that a user will know they are at Penn State no matter where they start Same reason for the consistent signage, consistent letterhead, etc. We could debate how effective this attempt is—and you won’t find me defending it except to say we need the cohesiveness that was the goal.
  • Policy does not spell out the location except to say top left area I realize this leaves lots of room for interpretation Policy does not spell out size. As a result we have a wide variety
  • Campuses of the University have a signature mark—this includes the name of the campus. If this is used in top left, if should now be link to Text link should read Penn State home—not University Park as some campuses have done.
  • I think we should spend a little time with the mark. This is it. It can not be altered Do not use parts of it Do not substitute different typeface for Penn State Etc.
  • You should want to use the mark It is the Penn State name that carries this institution. There isn’t one part of it that doesn’t get more respect or notice using only their department name. Survey
  • Two primary ways to use it Positive Reverse
  • Signature mark I mentioned Position of other type
  • Note contrast
  • We are beginning a new site which we hope will help
  • Looking for feedback from you.
  • Emphasize that this is a demo. An old demo at that Already revised Pres council etc. Web group made up of: John Kalbach Mimi Ridenhour Deb Metzel Kathy Mayberry Karen Hackett Doug Stanfield Sara Simcox Rick Villastrigo Myself Testing will hopefully begin in a couple of weeks
  • I wanted to say a little about what I perceive as a controversy that seems to be taking place in some web circles. The Jakob Nielsons vs. the Kurt Cloningers (eyecandy) Smokey Monkeys Noce to look at even cool But usability???
  • Things such as links in common or expected places—left side and top. Make links obvious Image maps need to have obvious points on them to click Readability
  • Avoid doing what Penn State now does.
  • graphics_standards.ppt

    1. 1. Penn State Graphic Standards: Why Are They Important on the Web? Jeff Hermann University Editor and Director of University Publications
    2. 2. <ul><li>1. Review Web and related policies </li></ul><ul><li>2. The Penn State Mark </li></ul><ul><li>3. Standards </li></ul><ul><li>4. New </li></ul><ul><li>5. Design vs. Usability </li></ul><ul><li>6. Basic design </li></ul>
    3. 3. Policies AD-10 Publications and Identity Program <ul><li>Identity program is the management of the symbols that represent the University. </li></ul><ul><li>Establishes the Penn State mark as the official symbol of the University </li></ul>
    4. 4. AD-10 continued <ul><li>No unit of the University may have their own logo </li></ul><ul><ul><li>Certain exceptions are made by the University Editor and Director of Publications </li></ul></ul>
    5. 5. AD-10 continued <ul><li>Other symbols that represent the University </li></ul><ul><ul><li>Intercollegiate Athletics logo </li></ul></ul><ul><ul><li>Pride of Lions logos </li></ul></ul><ul><ul><li>Mascot </li></ul></ul><ul><ul><li>Seal </li></ul></ul>
    6. 6. AD-52 Links to or From Penn State Web Pages <ul><li>In general, no company can place a Penn State link on their web page. </li></ul><ul><ul><li>Exceptions granted by VP University Relations </li></ul></ul><ul><ul><ul><li>Sometimes for a company that is recruiting grads </li></ul></ul></ul><ul><ul><ul><li>Sometimes for special recognition of corporation gift or donation, etc. </li></ul></ul></ul><ul><ul><ul><li>Other universities and colleges </li></ul></ul></ul>
    7. 7. AD-52 continued <ul><li>Links from Penn State web pages to commercial sites are limited </li></ul><ul><ul><li>Direct connection to function of University </li></ul></ul><ul><ul><li>Government or other educational sites </li></ul></ul><ul><ul><li>Blanket exemptions list in GURU policy </li></ul></ul><ul><ul><li>Other exemptions must be made by VP University Relations </li></ul></ul>
    8. 8. AD-54 Web Page Design and Image <ul><li>Required elements for all Penn State pages </li></ul><ul><ul><li>Penn State Mark in top left area </li></ul></ul><ul><ul><li>Link to Penn State home ( </li></ul></ul><ul><ul><li>Contact information </li></ul></ul><ul><li>Oversight of design and guidelines by University Publications </li></ul>
    9. 9. Penn State Mark in Top Left Area <ul><li>Use the mark large enough to clearly identify Penn State </li></ul><ul><ul><ul><li>Good example </li></ul></ul></ul><ul><ul><ul><li>Example two </li></ul></ul></ul><ul><li>The recommended position for the mark is in the upper left corner of the page </li></ul><ul><ul><ul><li>New Kensington </li></ul></ul></ul>Required Elements
    10. 10. Link to Penn State home <ul><li>Can be image map link on mark </li></ul><ul><li>Can be text link (Penn State home) </li></ul>Required Elements
    11. 11. Contact Information <ul><li>Email address of someone who can answer questions about the unit. </li></ul><ul><ul><li>Can be the webmaster if they know who to forward questions to. </li></ul></ul>Required Elements
    12. 12. Web Style Guide <ul><li>First attempt at consistency </li></ul><ul><li>Will be revised </li></ul><ul><li>Style Guide </li></ul><ul><ul><li> </li></ul></ul>
    13. 13. The Penn State Mark
    14. 14. Penn State Mark continued <ul><li>The University’s corporate logo </li></ul><ul><li>The ONLY official logo for general use </li></ul><ul><li>The brand symbol </li></ul><ul><ul><li>Research shows wide recognition of the Penn State brand name. </li></ul></ul><ul><ul><li>49% for Penn State to 8% closest Pittsburgh and 6% U of Penn </li></ul></ul>
    15. 15. Positive and Reverse
    16. 16. Signature Mark
    17. 17. Color of the Mark <ul><li>Any color so long as there is contrast </li></ul>
    18. 18. New “Standards” Site <ul><li>Compile all visual and editorial information in to one place </li></ul><ul><li>Include rules for use of all Penn State symbols previously in print </li></ul><ul><li>Have “image bank” with web and print-ready marks, templates, etc. </li></ul>
    19. 19. Standards Site <ul><li>Web Style Guide </li></ul><ul><li>Identity Program </li></ul><ul><li>Image Bank </li></ul><ul><li>Publication Program </li></ul><ul><li>Advertising Program </li></ul><ul><li>Signage </li></ul><ul><li>Editorial Style Guide </li></ul><ul><li>Licensing </li></ul>
    20. 20. Additional Web Standards? <ul><li>Mark in various sizes and colors not very efficient at identifying Penn State </li></ul><ul><li>Links not consistent across the University </li></ul><ul><li>What if there were: </li></ul><ul><ul><li>Consistent headers </li></ul></ul><ul><ul><li>Templates to choose from </li></ul></ul>
    21. 21. New Penn State Homepage <ul><li>Designed to be responsive to external audience </li></ul><ul><li>Portal will be primary internal access page </li></ul><ul><li>New psu . edu demo </li></ul>
    22. 22. Design vs Usability <ul><li>Not an either or </li></ul><ul><li>Good designers are those that communicate </li></ul><ul><li>Some “flashy” designs may be closer to fine art than graphic design </li></ul><ul><ul><li>SmokeyMonkey </li></ul></ul>
    23. 23. Basic Design Tips <ul><li>Use common user interfaces </li></ul><ul><li>Watch out for textures and patterns in your backgrounds </li></ul>
    24. 24. Design Tips cont. <ul><li>Scrolling is difficult for many users </li></ul><ul><li>Avoid scrolling on home page </li></ul><ul><ul><li>View home page as the billboard for your site </li></ul></ul><ul><ul><li>Don’t overload users with information </li></ul></ul><ul><ul><li>Tell them who you are, why they want to be there, and where to go </li></ul></ul>
    25. 25. Design Tips cont. <ul><li>Design for appropriate user tasks </li></ul><ul><li>Remember: </li></ul><ul><ul><li>Reading on a computer monitor is 25% slower than on paper </li></ul></ul><ul><ul><li>User goal is to find information faster but read less </li></ul></ul><ul><ul><li>Don’t optimize for reading—optimize for searching and browsing </li></ul></ul><ul><ul><li>If you have a lot to read on your site, make it easy to print or download </li></ul></ul>
    26. 26. Design Tips cont. <ul><li>Don’t design for your vice president or executive—design for your users </li></ul><ul><li>Don’t let the site structure mirror your organization chart </li></ul><ul><li>Do regular content checking—validate links, current information, what’s new, etc. </li></ul>
    27. 27. Questions? Contact me at: [email_address] or 814-863-1870