Organizing Information AGCJ 407 Web Authoring in Agricultural Communications.

Slides:

Advertisements

Similar presentations

Research Methods and Usability Guidelines for Ecommerce Web Sites Mary Czerwinski Microsoft Research Note: Many of these slides came from a Keynote address.

Advertisements

And Design recommendations overview for Advisor Portal – workshop out puts Author: Windahl Finnigan JD Williams.

Chapter 4 Planning Site Navigation. 2 Principles of Web Design Chapter 4 Objectives Understand navigation principles Build navigation schemes that meet.

Managing Your Learners In this guide you will learn how to: Add classes to the Manage Your Learners page Add learners to the Manage Your Learners page.

Principles of Graphic Design with some background on Web 2.0 styles.

Prof. Anselm SpoerriWeb Design Summary1 Web Guiding Principles Diversity of Users & Rapid Change –Diverse users, diverse computers, diverse skills, diverse.

INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.

NOAC 2002 E-Scouting1 Design and Layout Sage Lichtenwalner National OA Web Site Youth Coordinator.

Web Design, Usability, and Aesthetics 3

Copyright © 2003 Bolton Institute The Web is a new medium Writing for the web is not like writing a print document Users tend to browse and glance at information.

Hierarchy/navigation and types of navigation in print and electronically.

Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.

Chapter 4 Planning Site Navigation. Principles of Web Design 2nd Ed. Chapter 4 2 Principles of Web Design Chapter 4 Objectives Create usable navigation.

Information Architecture Donna Maurer Usability Specialist.

THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.

WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.

Meta Tags What are Meta Tags And How Are They Best Used?

STEVE KRUG’S WEB DESIGN PRINCIPLE BY YAOFENG CHEN WELCOME TO THE.

Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.

COMM 3353: Communication Web Technologies I Chapter 8a: Web Site Design, Production, and Aesthetics Chapter 8a: Web Site Design, Production, and Aesthetics.

Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.

Dawn Pedersen. Web Interfaces Web interfaces allow a user to interact with a website. The simplest web interfaces provide information and allow the user.

From Don’t Make Me Think by Steve Krug. Avoid cute or clever names, marketing induced names, company- specific names and unfamiliar technical names.

Don’t Make Me Think Steve Krug Dean Steuer MFC 215.

Links in HTML. Hyperlinks or links Millions of linked web pages make up the World Wide Web Used to connect a web page to another web page on the same.

Optimising your web presence Simon Brock Wide Area Communications

15 Maintaining a Web Site Section 15.1 Identify Webmastering tasks Identify Web server maintenance techniques Describe the importance of backups Section.

Dreamweaver MX Unit A CIS 205—Web Site Design & Development.

1. 2 OVERVIEW First Impressions Content Purpose Design Distinction Closing.

Promotion & Cataloguing AGCJ 407 Web Authoring in Agricultural Communications.

EPQ: Research methods 2 Reading Great Big Books! l Big Books = Tomes!

Billboard Design 101. Create a clear visual hierarchy The more important something is, the more prominent it is.

Giving Your Web Customers a Reason to Stay.  Web visitors only take 5 SECONDS to decide whether they want to stay on your site  “Users don’t read, they.

An Introduction To Websites With a little of help from “WebPages That Suck.

Web Content Development Dr. Komlodi Classes 14-15: Navigation.

USABILITY An Introduction. Usability “..usability really just means making sure that something works well: that a person of average (or even below average)

STEPS IN THE WEB DESIGN PROCESS A 5 minute presentation on the latest Ideas and methods.

Web Site Usability: Chapter 3 Billboard Design Summary Notes on Steve Krug Don’t Make Me Think New Riders, 2 nd Edition Ben Hunt Web 2.0 How to Design.

Website Usability presentation by Pasha Souvorin for Georgia Pathway in Advanced Web Design evaluating and planning for web design.

Chapter 6: NavigationCopyright © 2004 by Prentice Hall 6. Navigation Design Site-level navigation: making it easy for the user to get around the site Page-level.

INTERACTIVE BRAND COMMUNICATION Class 6 Creative Issues II: Creating Effective Online Advertising.

PRINCIPLES OF WEB DESIGN. EDGAR GARCIA – WEB DESIGN 2/8/13.

Information Architecture Navigation. Goals 1. Organization systems 2. Navigation: Conventions 3. Login & Forms Task | Dreamweaver 4. Client Project 2.

Chapter 17 Designing for the Web Ryan Galloway Andy O’Neil Joe Ahn.

Confidential Web Ordering Overview. Confidential LOG ON:   Enter your login name &

Client Website Chris Dunn Web Design Year 1. For this brief I chose to create a notional client website for a charity named after my Dad called The Brian.

Preparing for the Content Management System Ronna Johnston Web Content Best Practices 10/26/2015.

Computer-based Media Language Elements Understanding how we communicate through media Stewart.C. (2007). Media: New Ways and Means. John Wiley & Sons:

Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.

By: Jonathan Sobczynski. Importance of Homepages A Homepage is the company’s “Face to the World” Most important page on a Website.

DON’T MAKE ME THINK Ryan O’Mara. Key Ideas  Navigation  Usability  User Tendencies  Design For Users  Testing  Navigation  Usability  User Tendencies.

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.

AGCJ 407: Web Authoring in Agricultural Communications Design Characteristics AGCJ 407 Web Authoring in Agricultural Communications.

Presentation by Jason Schlemmer. Making the website clear – explain who you are and what you do.

MARK3030 Navigational Testing Navigation Design Basics all of the ways that users can move around a site and understand where to go revealed in the appearance.

DON’T MAKE ME THINK KRISTEN ABELL. TAKEAWAYS Accessibility Usability testing Good design does not always equal good usability.

introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.

Webtech has 3 main pages: WebTech Home, Students’ Page and Module’s Home. Using the top buttons, you can quickly navigate different levels. Each module.

Imran Hussain University of Management and Technology (UMT)

Thinking beyond HCI Dr David Tarrant, University of Southampton

Small Engine Repair Reference Center

PBA Front-End Programming

Web Programming– UFCFB Lecture-4

Designing for the World Wide Web

HCI and Hypermedia/WWW

Homepage and taglines.

Where am I? Navigating a website: Browsing, searching, menus & breadcrumbs.

Common Page Design Elements

Some Assistance May Be Required

Chapter 4 Planning Site Navigation

Presentation transcript:

Organizing Information AGCJ 407 Web Authoring in Agricultural Communications

AGCJ 407: Web Authoring in Agricultural Communications Overview  Structure  Levels of Pages  Navigation 101

AGCJ 407: Web Authoring in Agricultural Communications Importance of Structure  Hierarchy How are you going to present your information? What are the crucial elements in organization and presentation of information? Does Web site structure affect whether users will continue to use or visit your site in future searches on the Web?

AGCJ 407: Web Authoring in Agricultural Communications Importance of Structure (cont.)

AGCJ 407: Web Authoring in Agricultural Communications Importance of Structure (cont.)  Pyramid of Information Home page and top level pages are small (containing general information) Pages below gradually get bigger (more detailed information)

AGCJ 407: Web Authoring in Agricultural Communications Importance of Structure (cont.)

AGCJ 407: Web Authoring in Agricultural Communications Levels of Pages  Front entry page (index.html) Fits on one screen Critical content at the top Contains general information Obvious, easy-to-follow links to the next level (level one) pages Level one pages (pages linked to the home page)

AGCJ 407: Web Authoring in Agricultural Communications Levels of Pages  Level One Pages Mini-home pages for the various sections of the site Organize your topics General information with very little detail

AGCJ 407: Web Authoring in Agricultural Communications Levels of Pages  Level One Pages (cont.) Clear descriptive links to sections deeper in the hierarchy of the site Obvious links back to the home page Level two pages (pages linked to level one pages

AGCJ 407: Web Authoring in Agricultural Communications Levels of Pages  Level Two Pages Include more detailed information Designed consistently within each section; clearly part of the same Web Include an obvious link to level one pages and the home page Include links to lower level sections/pages of your site

AGCJ 407: Web Authoring in Agricultural Communications Levels of Pages  Key Ideas to Remember Home page is your front door Usually the first thing a user sees when accessing your site Think about what sort of first impression you want to make Home pages should establish the overall design (structure and "look") of the site How do you establish the overall design?

AGCJ 407: Web Authoring in Agricultural Communications Navigation 101  Purpose of Navigation Help users find what they’re looking for Tell users where they are A guide so users don’t feel lost Tells the user why they are there Tells how to use your site Gives user confidence in the site creator

AGCJ 407: Web Authoring in Agricultural Communications Navigation 101  Elements of Navigation Site ID A way Home Sections Utilities

AGCJ 407: Web Authoring in Agricultural Communications Navigation 101

AGCJ 407: Web Authoring in Agricultural Communications Navigation 101  Site ID Building name recognition Need to be on every page A brand, logo, or sign (graphics) Distinctive

AGCJ 407: Web Authoring in Agricultural Communications Site ID Examples

AGCJ 407: Web Authoring in Agricultural Communications Navigation 101  Sections Primary Navigation Links to Main Sections of Site Level one pages Follows the user everywhere

AGCJ 407: Web Authoring in Agricultural Communications Navigation 101  Utilities Important elements but not part of the Content Hierarchy About Us/Contact Us Aids in the use of the site (i.e. Help, Site Map, Shopping Cart) Facilities sign in a store: needed but not crucial to store content

AGCJ 407: Web Authoring in Agricultural Communications Navigation 101  A Way Home Can use the Site ID as a button A Reset button Offers reassurance  No matter how lost, can always start over

AGCJ 407: Web Authoring in Agricultural Communications Navigation 101  Other Important elements Page Names  Street signs on the Web  Must be on every page  Prominent

AGCJ 407: Web Authoring in Agricultural Communications Navigation 101  Other Important elements “Your are Here”  Highlight current user location  Need to stand out  Shows user how they got there

AGCJ 407: Web Authoring in Agricultural Communications Navigation 101  Examples of Navigation

AGCJ 407: Web Authoring in Agricultural Communications Bibliography  Krug, S. (2000). Don’t Make Me Think. New Riders Publishing.  Web Authoring That Works

That’s All Folks!