Press Association Websites The job of a website is to house information and make it easily accessible.

Slides:



Advertisements
Similar presentations
Typography Typography exists to honor content. — Robert Bringhurst,
Advertisements

Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.
Designing for Multiple Screen Resolutions Screen resolution is the width and height of the computer screen in pixels Most monitors have many screen resolutions.
LAYOUT OF PAGE ELEMENTS September 28 th, PATTERNS Common ways to use the Layout Elements of Visual Hierarchy, Visual Flow, Grouping and Alignment,
Website e-portfolio. What is an e-portfolio? An electronic portfolio, also known as an e-portfolio or digital portfolio, is a collection of electronic.
OCR Functional Skills Leaflets How should it be folded Roll fold Concertina fold Open gate fold Closed Gate fold Simple Folds.
Principles of Graphic Design with some background on Web 2.0 styles.
INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
Creating a Web Site Back to Table of Contents. Creating a Web Site Conceiving a Web Site Planning a Web Site 2 Creating a Web Site Section 9-1 Section.
14-Aug-15 Design Principles. Design principles In The Non-Designer’s Design Book: Design and Typographic Principles for the Visual Novice, Robin Williams.
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
Multimedia Design. Table of Content 1.Navigational structures 2.Storyboard 3.Multimedia interface components 4.Tips for interface design.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
PAGE DESIGN PAGE DESIGN Giving Your Work the Best Possible Appearance.
Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.
Analyzing a Webpage/site. Authority Who is the author? What are the author’s credentials? Is the webpage/site sponsored by any organization or corporate?
Chapter 15 Designing Effective Output
Designing Brochures
Helpdesk video  bhtRU bhtRU.
Lesson 1 Text, Graphics Links Content Navigation Video, Audio.
Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.
© Anselm Spoerri Lecture 14 Course Review –Course Objectives –Design Principles Evaluation Criteria used for Term Project.
Web-designWeb-design. Web design What is it? Web-design features Before…
WWW, Web Design, Multimedia Winny Wang Site Design and Site Map.
1. 2 OVERVIEW First Impressions Content Purpose Design Distinction Closing.
Presented By: Joseph Hall, Jr. Deputy Director, IT 2015 PAO ACADEMY - ORLANDO, FL. Maintaining an Effective Website to.
How to design and present a poster By Prof. Dr. A. El-Ansary.
Developing Content and Layout Lesson 6. Creating Web Site Content Online users scan a page, read key words of text, and check out graphics Reading from.
Using Dreamweaver Web Page Design. Introduction to Web Page Design Developing a New Site Building a web site involves creating individual pages and linking.
Dashboard Razzle Dazzle Marcy Miller Tait Wednesday, October 07, 2015 Copyright 2009, Information Builders. Slide 1.
An Introduction To Websites With a little of help from “WebPages That Suck.
Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.
General Information: This document was created for use in the "Bridges to Computing" project of Brooklyn College. This work is licensed under the Creative.
CREATING A PROFESSIONAL 3-FOLD BROCHURE PUBLISHER 2007.
Tips on making a Corporate Identity By Jennifer L. Bowie & You!
ALL About PUBLICATIONS
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
Design Principles The good and the bad Alyssa Mendiola Summer 2009.
Documentation Edit Access. Changing Club Description.
PBA Front-End Programming Page Composition. Page composition Now we know about – Colors – Fonts, texts and editorial style – Links and navigation – …
Interface Design.
Public Relations - New Finding MKT November 12, 2003 Presented by: Peter Atmali Michael Miyagishima.
 Understand the problem  Brainstorm solutions  Introduce the constraints  Choose the solution  Paper design  Actual design  Evaluate  Revise.
Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.
Building an Effective Website. Start with a plan  Have clear goal and design your entire site with those goals in mind.  Research and develop a sketch.
Multimedia & The World Wide Web winny HCI 201 Multimedia and the www.
Elements of Website Design. Homepage ● first page of the website ● website title ● general introduction ● authors or creators information ● date updated.
Computer Applications I 3.02 Purpose of Publications Business Cards and Letterhead.
MIMOS Berhad. All Rights Reserved. Nazarudin Wijee Mohd Sidek Salleh Grid Computing Lab MIMOS Berhad P-GRADE Portal Heuristic Evaluation.
WEEBLYWEEBLY A user friendly FREE website builder for your Business Tips and Instructions.
User Documentation. Documentation Guidelines  Break the documentation down by tasks  Plan for an audience  State the purpose of the document  Organize.
Posters, Magazines, Websites
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
With a focus on screen design and CRAP. The Joshua Tree Epiphany.
L AYOUT OF A PRINT ADVERT. Layout of a print ad is extremely important Goal of advertising is to make people take some action It is not possible if the.
Web Site Development - Process of planning and creating a website.
Web page layout in elegance.  Specific Designs for Target Audiences Consider your audiences tastes when creating your website.
User Documentation. Documentation Guidelines Break the documentation down by tasks Plan for an audience State the purpose of the document Organize the.
Human Computer Interaction: World Wide Web Rebecca W. Boren, Ph.D. Introduction to Human Factors & Ergonomics Engineering IEE 437/547 November 2, 2011.
Essential Elements to Keep in Mind While Designing a Website.
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.
Section 6.1 Section 6.2 Write Web text Use a mission statement
Multimedia Design.
Section 7.1 Section 7.2 Identify presentation design principles
Objective % Explain concepts used to create websites.
Design Principles 8-Dec-18.
The good, the bad, & the ugly…
Design Principles 5-Apr-19.
Elements of Effective Web Design
Presentation transcript:

Press Association Websites The job of a website is to house information and make it easily accessible.

Press Association Websites Information should be easy to find, read and presented in a professional, credible manner. Navigation Contact information Front page content Presentation and graphics

Organization & Navigation Accurate headings and submenus Logical subdivision of content Intuitively placed navigation Consistent navigation throughout website

Organization & Navigation Information that is organized under incorrect, confusing or misleading headings will make it difficult to locate desired information as well as frustrate users and drive them away from the site.

Organization & Navigation In addition to being unintuitive for users, placing navigation in the center of the page takes up valuable content screen space.

Organization & Navigation Consistency of navigation Site navigation is vital to the user and should never vanish or change on subpages.

Organization & Navigation Navigation should be placed in one of the standard screen locations: Top of the page or the left margin Good examples

Organization & Navigation The “Related” section helps unfamiliar or casually browsing users easily find similar content that they might not otherwise be aware of. Good examples

Organization & Navigation Splash pages should be used carefully because they usually lack relevant content, but the APA splash page neatly divides the subpages by category. Good examples

Organization & Navigation Good examples Information is obviously and readily available both by category at the top of the page and by quick-find menus in the left margin.

Contacts Page Easily accessible and visible Includes multiple forms of contact Accurate titles and job descriptions

Contacts Page Don’t confine users to blanket s. Make it easy and convenient to contact individuals within the organization.

Contacts Page Browsing by photograph is a time-consuming method finding contact information.

Contacts Page Photographs add personal presence to a contacts page. Each person is clearly labeled and is listed with both their address and phone number for ease of communication. Good examples

Contacts Page Good examples

Front Page Content Relevant and/or headlining Current Frequently updated to create immediacy Not limited to links and graphics

Front Page Content Overuse of front page graphics or buttons are easily mistaken for advertisements and seem empty of useful content.

Front Page Content Association history and mission statements are not current content. While interesting, they lack immediacy, which will discourage frequent return visits.

Front Page Content Stories are time stamped to assure the user of their immediacy. Frequent updates will bring readers back to the page more often in hopes of new stories. Good examples

Front Page Content Not all of the information has to be on the front page, but include enough to entice the reader. Good examples

Front Page Content If generating/authoring timely front page content is not feasible, there are other sources: Member newspaper headlines : They may appreciate the additional traffic. Industry news : The newspaper world is undergoing massive changes. Find the interesting articles and keep your members up to date. User-generated content : Let papers generate messages they want to share with other members.

Presentation & Graphics Prominent name and logo Professional presentation Accounting for varying monitor and color resolution Avoid eye strain Limited, if any, use of clip art

Presentation & Graphics Clip art and lack of a unified design can compromise the professional appearance of a website.

Presentation & Graphics Too much uniformity results in undifferentiated content, and identical layouts make the site resemble a page of advertisements.

Presentation & Graphics Overly text-heavy sites strain the eyes and the attention span of most readers. Use graphics and photographs to break up and accent page content.

Presentation & Graphics Be sure that graphical elements do not compete or impair one another. Bright, busy or patterned backgrounds may interfere with text’s readability.

Presentation & Graphics Consider other computer arrangements when designing a site. Colors that appear soft or bright on an LCD (flat screen) monitor may be jarring or dingy on a CRT.

Presentation & Graphics A unified theme of colors, graphics and fonts maintains a sense of professionalism in a website. Good examples

Presentation & Graphics Vivid or bright colors (especially red) deliver a sense of excitement, urgency or immediacy. Good examples

Presentation & Graphics Cool color theme and strong linear design create a calm, confident appearance. Good examples

Presentation & Graphics A website does not need to be graphic intensive to achieve a professional appearance. Good examples

Presentation & Graphics A site’s design and graphics should reflect its purpose. Good examples

A press association website should include: Intuitive, consistent and logical navigation.

A press association website should include: An easily accessible, accurate and thorough contacts page.

A press association website should include: Up-to-date and relevant front page content.

A press association website should include: Professional, branded appearance.