Critiquing your website for awards

Slides:



Advertisements
Similar presentations
Maintaining a Website April Old vs New – Maintained with Dreamweaver/Contribute – Style is fixed by template (header, left menu,
Advertisements

Usability Information Systems 337 Prof. Harry Plantinga.
Web Design, Usability, and Aesthetics 3
Screen Design. Fonts Font size should be no smaller than 24 point 3 different groups of font Serif T Sans Serif T Script WORDS IN ALL CAPS ARE HARD TO.
Designing Your Page Step 1: Design for a Computer Medium A computer screen is not a printed page. Readability changes depending on color, layout and format.
Story Boards. Creating and using storyboards Storyboards are an essential tool when designing websites. They help keep developers and graphic artists.
Technology for Nonprofits Social Media & Web 2.0 Natalia Smirnov Media Productions & Communications Coordinator University Community Collaborative of Philadelphia.
The Internet & The World Wide Web Notes
CSI-553 Internet Information Presented by: Ignacio Castro June 28, 2006 Internet Usability.
Do’s and Don’t Of Web Design BY Julia Butterfield.
Launch Your WordPress site in One Hour By Bret Phillips For slides, codes, and notes: Web Devils WordPress.
The Website Category This is a new category for NHD; therefore, the best place to get thorough answers is to go to and choose “Contest.” Then.
Tips and tricks to streamline your class webpage Katrina Lehman Attribution-ShareAlike CC BY-SA 2012.
Lecturer: Roxanne Bloomfield Chevanese Y. Campbell.
Press Association Websites The job of a website is to house information and make it easily accessible.
“how to make a flyer that sells”. Mail it, hand it out, hang it up, leave it wherever prospects congregate—a flyer, printed on one side of a letter-sized.
© Anselm Spoerri Lecture 14 Course Review –Course Objectives –Design Principles Evaluation Criteria used for Term Project.
+ Worcester Telegram & Gazette. + Design Landing Page Optimization Site Sections Search Engine Optimization Mobile Facebook Twitter Pinterest Dashboards.
Updating the School Website St George’s C of E (V.A.) Primary School.
Effective Content Techniques for Online Media Cindy Royal, Ph.D Associate Professor Texas State University School of Journalism and Mass Communication.
Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.
USABILITY An Introduction. Usability “..usability really just means making sure that something works well: that a person of average (or even below average)
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: – The head content – The body Creating Head Content and Setting Page.
CREATED BY: BRAYDEN ROOS DO’S AND DON’TS OF WEB DESIGN.
What We’ll Cover  Developing your newsletter  Components of a newsletter  Design tips  Tips for success.
Interface Design.
Social Media 101 An Overview of Social Media Basics.
Dwayne Forrester Next  A blog is a discussion or informational site published on the World Wide Web and consisting of discrete entries ("posts") typically.
WEBSITE DESIGN ELEMENTS Test Friday, February 28, 2014.
Screen Design Critique Page One Page Two Reflection on Project.
WEBSITE REDESIGN PROPOSAL Daniel Sterling (818)
LOGO The Steps to Creating a Business Card. California State Standards CTE Standards  AME.A.A2.1 Analyze the way in which technical design (e.g., color.
 Choose a theme that is clean, simple and appropriate to what you write about.  Think about what you need your site to do for you when choosing a theme.
+ Publishing Your First Post USING WORDPRESS. + A CMS (content management system) is an application that allows you to publish, edit, modify, organize,
By: Jonathan Sobczynski. Importance of Homepages A Homepage is the company’s “Face to the World” Most important page on a Website.
WHY DO YOU NEED IT? What is a wireframe?. A wireframe is… A wireframe is a simple visual guide to show you what a Web page would look like. Wireframes.
DON’T MAKE ME THINK KRISTEN ABELL. TAKEAWAYS Accessibility Usability testing Good design does not always equal good usability.
Making your own web site How to use Publisher to do it!
What is Seo? SEO stands for “search engine optimization.” It is the process of getting traffic from the “free,” “organic,” “editorial” or “natural” search.
 The same story, information, etc can be represented in different media  Text, images, sound, moving pictures  All media can be represented digitally.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
Planning and Creating a Web Site. Stages in planning a web site planning the project decide on the purpose and audience for the web site create mind map.
Annual Report Template for Nonprofits By Jackie LalleyJackie Lalley Jackie Lalley is a Managing Partner at Yodelpop. Prior to co-founding Yodelpop, Jackie.
LOGO The Steps to Creating a Business Card. California State Standards CTE Standards  AME.A.A2.1 Analyze the way in which technical design (e.g., color.
Making Your Website Shine: Writing for the web and other tips ____________________________________________________ Tonya Moyle, White Whale Web Services.
SPEECH & LANGUAGE SERVICES
An extension of who you are...
Codes & Conventions of a Website
Creating Website Content CS Programming Languages for Web Applications
21 Tips Of Website Homepage Content
Surface Stage: Design Comps
Contributing to the WCARC Website
Module Title Module Subtitle
Usability Testing and Web Design
Keep Readers From Leaving Your Site Web.
PBA Front-End Programming
Step 1: Design for a Computer Medium
Facebook: Getting Started
D-WRD May 2016: Assigning, Assessing, and Supporting Student Presentations.
So you were told to make a website
The good, the bad, & the ugly…
Document Design Justine Nielsen April 28, 2003
Website production.
Where am I? Navigating a website: Browsing, searching, menus & breadcrumbs.
Information Systems 337 Prof. Harry Plantinga Usability.
Creating Website Content CS Programming Languages for Web Applications
Chapter 2 Web Site Design Principles
Objective Explain concepts used to create websites.
JRNL 53: Class III Prof. Vaccaro Feb. 13, 2018.
Creating Website Content CS Programming Languages for Web Applications
Presentation transcript:

Critiquing your website for awards

Homepage Is the name of the publication prominent? Are there links to your policies somewhere? Can you search your site? Can the readers contact you?

Homepage Are the design elements consistent (headlines, spacing, and color)? Are you using appropriate amounts of white space to separate content visually. Especially with WordPress - are your widgets organized to avoid trapped space in your design?

Highlight your best stuff Have a spot for your best content to be prominently on display on your site! Make it easy to find from your homepage!

Navigation Category names should make sense to readers (avoid jargon-type of titles). Avoid deep-level accordion navigation (makes it hard on mobile!) Purge “dead” sections from navigation - if you don’t post there anymore, why have it on your homepage?

Social Media Are there links (or embeds) of your social media? Is there a mechanism to SHARE content from your site to social media easily for readers?

Consistency As you browse through the site, does it feel like everything is related, or does each page feel like something from a different news organization? Keep design elements consistent: Headlines Fonts Font Sizes Staff Bylines and Bytitles

Story Page Design How do they look? Have you put effort into the visual impact of each story? Consider the following style techniques: Pull Quotes Photos inside of story Graphics Sidebars Subheads

Hyperlinks This is an absolute must. If you say “According to Pew Research…” why not hyperlink the actual study, so the readers can go there, too? Aim for at least three links per story

Content content content The most important element of website design is not the design. Content is king. The quality of the written words, the headlines, and the art are paramount.

Content content content Update your content frequently - if the most prominent story on your site is two months old, people will wonder if the site is still being updated.

Keep them on your site What happens when a reader gets to the end of an article? Have “Related Stories” and/or Tags, so readers have somewhere else to go on your website!

Photos - Mug Shots If you mention someone prominently in your story, include at least a “mugshot” Include mugshots in your pull quotes!

Photos - Slideshows Slideshows are not a dump of your SD Card or Camera Roll. Use them to tell a story. Show a variety of different shots (wide, medium, close up).

Multimedia Do you have interactive content for your readers? They want to click on things and manipulate! Do you have video on your website?

Mobile What does the website look like on a phone? On a tablet? Is it a good experience? Is the menu usable? How is the navigation? Does your multimedia work?