Your SlideShare is downloading. ×
3 Sep 09   Jour3340   Website Design&Elements
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

3 Sep 09 Jour3340 Website Design&Elements

445
views

Published on

Sep 3 09 lecture on elements of news websites and design

Sep 3 09 lecture on elements of news websites and design

Published in: Business, Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
445
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
12
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Website Design: What Makes a Good News Website JOUR 3340 – Online Journalism Sept. 3, 2009
  • 2. Today’s Class
    • News Website of the Day
    • Elements of Design
    • Blog set up
    • Next Tuesday’s assignment
      • Blog Post #1
      • Based on today’s lecture on websites, go to AssignmentEditor.com to find a local newspaper or television website (outside of North Texas). How does this news website meet the criteria? For additional information, read the following links.
  • 3. Elements of News Website
    • Headline
    • Summary
    • Main story
    • Breaking news briefs
    • Links to related stories
    • Time lines
    • Short bios on key sources
    • Photos/graphics
    • Audio
    • Still and/or video slide shows
    • Polls
    • Games
    • Discussion forums
    • Email link to reporter
    • Database
  • 4. The Home Page
    • Web 1.0:
    • Navigation
    • on the Left
  • 5. The Home Page cont.
    • Web 2.0:
    • Navigation
    • at Top
    Large Colorful Photo Ad Space
  • 6. The Home Page cont.
    • Web 2.0:
    • Navigation
    • at Top
    Headlines, Blurbs, Links Reader Engagement Interactive Packages – Slide Shows
  • 7. Best Newspaper Websites © 2008 Compiled by The Bivings Group, a communications consulting firm
  • 8. © 2008 Compiled by The Bivings Group, a communications consulting firm
  • 9. © 2008 Compiled by The Bivings Group, a communications consulting firm
  • 10. © 2008 Compiled by The Bivings Group, a communications consulting firm
  • 11. Elements of Basic Design Traditional v. Web
    • Traditional
    • Modular
    • Balance
    • Fonts
    • Headlines, subheads, bylines
    • Lead story, off lead, display feature
    • Charts/boxes
    • Hi-res images
    • Digital Media
    • Balance
    • Simple, clean
    • Colorful
    • Headlines
    • Photos with captions
    • Interactive graphics
    • Animation, flash
    • Low res, fewer pixels
  • 12. The Home Page
    • Hooking your audience immediately
    • Who is your reader? Your viewer?
    • Why will they/would they come to your website?
    • What’s the ‘so what’ of your website?
    • Choosing the right images
    • Removing distractions
    • Understand the limits of design
      • ‘ Above the fold’ & ‘below the fold’
  • 13. Web Design Yesterday & Today
    • Yesterday
    • QuarkXpress, Adobe Pagemaker
    • HTML code
      • Hyper Text Markup Languague
    • FTP: File Transfer Protocol
    • Today
    • Dreamweaver
    • Adobe EnDesign
    • Flash, Shockwave
    • WYSIWYG (What You See Is What You Get ) Content Management Systems
  • 14. Basic Elements of Design
    • Balance:
      • No obscured elements
      • Big elements shouldn’t obscure small ones
      • Dark elements should not obscure light ones (e.g. black background, orange font)
    • Contrast & Focus
      • Using white space wisely
        • http://www.statesman.com/?r=t
        • http://www.cleveland.com/
    Web Journalism, James Glen Stovall, ‘Design on the Web’, Chapter Ten
  • 15. Basic Elements of Design
    • Readability
      • See and read stories on the website
      • No more than two clicks from HomePage
    • Simplicity
      • Avoid lots of complicated graphics, animation
    • Consistency
      • Throughout website, particularly on article pages
    • Variety
      • Be creative, but not obtrusive
    • Purpose:
      • Always ask: What’s the purpose of this website?
    Web Journalism, James Glen Stovall, ‘Design on the Web’, Chapter Ten
  • 16. News Website Basics
    • Analyzing News Websites
    • Content
    • Immediacy
    • Interactivity
    • Navigation
    • Functionality
    • Multimedia
  • 17.
    • “ You have to say, How do I take the same basic information and tell the story in a way that works on a Webpage? You have to take the information and turn it on its head – actually, you have to turn the method of storytelling on its head – then tell the story taking advantage of the new technology. You can’t approach it in the same way if you want o be effective.”
      • Retha Hill, Director, New Media Innovation Lab
      • Walter Cronkite School of Journalism
      • Formerly VP Content, BET & executive producer, WashingtonPost.com
  • 18. Balancing Editorial & Revenue
    • Editorial
      • News: Local, Regional, National, Int’l
      • Sports
      • Business
      • Lifestyle
      • Opinion/Editorials
    • Revenue
      • Classifieds
      • Banners
      • Advertorials
      • Paid links
      • Sponsored content
  • 19. Organizing the New Website Cont.
    • Within each story
      • Byline
      • Reporter’s email address
      • Audio, video links
      • Slideshow: photo and/or video
      • Related links
      • Comments section
    Web Journalism, James Glen Stovall, ‘Design on the Web’, Chapter Ten
  • 20. Organizing the New Website Cont.
    • Within each section front
      • Consistency is key
        • Controlled by content management system, in many cases
      • Links to other sections
      • Links to related articles
    Web Journalism, James Glen Stovall, ‘Design on the Web’, Chapter Ten
  • 21. Setting up your blog
    • Wordpress.com
    • Username:
    • [nfooteFall09.wordpress.com]
    • The following pages:
      • About
      • 3340 Blog
      • Multimedia
  • 22.  

×