105 b Stern presentation


Published on

Published in: Technology, Design
  • 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
  • Contact information at the bottom Search box in top or bottom right Navigation at the top, or left/right hand Standard screen resolution = 1024 x 738 pixels
  • Under construction = waste of user’s time. If not built, don’t put up. Equals empty promises. If MUST put up, 3 week limit.
  • A good way to save money: Create your own content.
  • 105 b Stern presentation

    1. 1. CREATING AN EFFECTIVE WEBSITE Kate Stern, Communications Manager
    2. 2. Why is it important? <ul><ul><li>First or second impression of the organization </li></ul></ul><ul><ul><li>Google is used as a “research” tool </li></ul></ul><ul><ul><li>Most flexible marketing tool </li></ul></ul><ul><ul><li>Real-time information sharing (events, service offerings) </li></ul></ul><ul><ul><li>Communication accessible to stakeholders at all hours (unlike email/phone/mail) </li></ul></ul><ul><ul><li>Increased expectations of Web sites (it’s not the ‘90s anymore) </li></ul></ul><ul><ul><li>Can ease employee workload </li></ul></ul>
    3. 3. What Makes a Website “Good?” <ul><ul><li>Organization’s Perspective </li></ul></ul><ul><ul><ul><li>Represent/build the organization’s brand </li></ul></ul></ul><ul><ul><ul><li>Increase awareness of the organization (mission, vision, program offerings) </li></ul></ul></ul><ul><ul><ul><li>Educate new stakeholders of organization’s services </li></ul></ul></ul><ul><ul><ul><li>Reduce workload of staff </li></ul></ul></ul><ul><ul><ul><li>Legitimize the organization (good first impression) </li></ul></ul></ul><ul><ul><ul><li>Easy online donation option </li></ul></ul></ul><ul><ul><li>User’s Perspective </li></ul></ul><ul><ul><ul><li>Can I find what I need easily ? </li></ul></ul></ul><ul><ul><ul><ul><li>If users cannot find what they need in less than 3 clicks, most will leave. </li></ul></ul></ul></ul>
    4. 4. Keys to an effective Website <ul><ul><li>Easy to understand navigation </li></ul></ul><ul><ul><li>Place common elements in commonly accepted locations </li></ul></ul><ul><ul><li>Consistent appearance </li></ul></ul><ul><ul><li>Consistent navigation (does not move) </li></ul></ul><ul><ul><li>Ability to get back to main pages </li></ul></ul><ul><ul><li>Visual cues about location within the site </li></ul></ul><ul><ul><li>Consistent and up-to-date content </li></ul></ul>
    5. 5. Things to avoid <ul><ul><li>Flash video or audio on the Splash Page </li></ul></ul><ul><ul><ul><li>Make video/audio on the site optional </li></ul></ul></ul><ul><ul><li>Animation without a purpose </li></ul></ul><ul><ul><li>“ Under construction” pages </li></ul></ul><ul><ul><li>Unfriendly screen resolution (scrolling horizontally) </li></ul></ul><ul><ul><ul><li>Standard layout: 1024 x 768 pixels </li></ul></ul></ul><ul><ul><li>Too much copy, not enough whitespace </li></ul></ul>
    6. 6. How to get started… <ul><ul><li>Revamping or creating a new site… where do we begin? </li></ul></ul><ul><ul><ul><ul><li>Write down your Goals and Objectives for the site </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Gather feedback from stakeholders on what they’d like to see in your site (discussion, questionnaire, focus group) </li></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Could include: Families you serve, Volunteers, Donors, Board members </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><li>List your MUST haves, NICE to haves, and DREAMS </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Compare to your current site, is a revamp needed? Just an update? </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Determine your budget for the initial project </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Determine long-term budget (hosting, maintenance) </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Set a deadline </li></ul></ul></ul></ul>
    7. 7. Budgeting… <ul><ul><li>Basic must haves: </li></ul></ul><ul><ul><ul><li>Domain name: $10 </li></ul></ul></ul><ul><ul><ul><li>Hosting package: $60/year; prepay of 2 years: $120 </li></ul></ul></ul><ul><ul><li>Standard Blog, or “Brochure” Design: $1,500-$5,000 </li></ul></ul><ul><ul><ul><li>Basic: Hand-crafted, browser-tested site and CMS </li></ul></ul></ul><ul><ul><ul><li>Not many bells and whistles </li></ul></ul></ul><ul><ul><li>I nteractive Database Site: $15,000 base </li></ul></ul><ul><ul><li>Standard Website Design: $5,000-$40,000 </li></ul></ul><ul><ul><ul><li>Cost most effected by custom design, and out-of-box functionality requests </li></ul></ul></ul>
    8. 8. Content for an effective Website <ul><ul><li>Visitors do not read , they scan </li></ul></ul>Scan content in an “F” pattern to find the info they want.
    9. 9. Create easy-to-scan content <ul><ul><li>Use logical page headers and sub-headers </li></ul></ul><ul><ul><li>Organize content in bullets when possible </li></ul></ul><ul><ul><li>Put most important information first (scan start of sentence) </li></ul></ul><ul><ul><li>Paragraphs provide a rest for the eye </li></ul></ul><ul><ul><li>Leverage bold , italics , and hotlinks to make key words stand out (but, do not overuse) </li></ul></ul><ul><ul><li>Use images when possible </li></ul></ul>
    10. 10. After launch: Content Schedule <ul><ul><li>Websites must provide up-to-date information </li></ul></ul><ul><ul><ul><li>Daily </li></ul></ul></ul><ul><ul><ul><ul><li>Social media updates </li></ul></ul></ul></ul><ul><ul><ul><li>Weekly </li></ul></ul></ul><ul><ul><ul><ul><li>New blog post, or news post </li></ul></ul></ul></ul><ul><ul><ul><ul><li>New photos </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Update calendar </li></ul></ul></ul></ul><ul><ul><ul><li>Monthly </li></ul></ul></ul><ul><ul><ul><ul><li>eNewsletter </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Video </li></ul></ul></ul></ul><ul><ul><ul><li>Quarterly </li></ul></ul></ul><ul><ul><ul><ul><li>Review main pages of site, update as needed </li></ul></ul></ul></ul>
    11. 11. Incorporating Social Media <ul><ul><li>Twitter </li></ul></ul><ul><ul><ul><li>Can’t just promote your organization </li></ul></ul></ul><ul><ul><ul><li>Google Alerts for topics relevant to your followers </li></ul></ul></ul><ul><ul><ul><li>Retweet relevant information </li></ul></ul></ul><ul><ul><ul><ul><li>Twitter Lists: Easy to follow topic leaders </li></ul></ul></ul></ul><ul><ul><li>Facebook </li></ul></ul><ul><ul><ul><li>Promote your organization, connect fellow fans </li></ul></ul></ul><ul><ul><ul><li>Easy to share photos, videos, new information </li></ul></ul></ul><ul><ul><ul><li>Connect volunteers, easy families’ minds </li></ul></ul></ul><ul><ul><li>YouTube </li></ul></ul><ul><ul><ul><li>Easy to post new videos </li></ul></ul></ul><ul><ul><ul><li>Vodspot: Free online video gallery, link to your site </li></ul></ul></ul>
    12. 12. Questions