We think you have liked this presentation. If you wish to download it, please recommend it to your friends in any social system. Share buttons are a little bit lower. Thank you!
Presentation is loading. Please wait.
Published byJase Brewton
Modified over 2 years ago
©William J Ferns, 19991 I. Models for Websites: What’s Involved in Building and Maintaining a Site?
©William J Ferns, 19992 Outline Basic Decisions about Your Site The DON’Ts and DO’s of Web Design Structuring Your Web Site
©William J Ferns, 19993 Choosing Your Tasks (Review) Basic Decisions about Your Site: – Purposes / Goals – Site Functions – Site Appearance
©William J Ferns, 19994 The DON’Ts of Web Design a/k/a The Rogue’s Gallery Time Wasters –Splash pages –Bandwidth hogs with lots of graphics Ugly Interfaces –Inconsistent design page-to-page –Lists that go on forever –‘Cool’ pages that are hard to read/use –Distracting animations –Recurring audio clips
©William J Ferns, 19995 The Rogue’s Gallery (cont’d) Bad Maintenance –Anonymous Pages –Aging paging –Missing Links –Infinite Loops Implicit ‘Rope Policies’ –Pages that are too browser-specific –Pages that rely on high-powered add-ins –No ADA compliance
©William J Ferns, 19996 The DO’s of Web Design A 'What's New' section –Web users thrive on getting the ‘latest’ info –www.uwnyc.orgwww.uwnyc.org Frequently Asked Questions (FAQ) pages –Gives instant feedback to common questions Help the user find out what’s in the site –A search engine for larger sites –A site map for smaller sites
©William J Ferns, 19997 The DO’s of Web Design (cont’d) A feedback mechanism: Minimally, an email link Preferably, email links to specific departments Consistent navigation –inform the user where she is, and where she can go –www.backroads.comwww.backroads.com Linking instructions –help strategic partners set-up links to your pages –www.yahoo.com/docs/yahootogo/index.htmlwww.yahoo.com/docs/yahootogo/index.html
©William J Ferns, 19998 The DO’s of Web Design (cont’d) Links to affiliates Privacy policies & security information –disney.go.comdisney.go.com Location, location, location –Provide your real-world address/locales –Maybe directions & map (MapQuest) ADA Compliance –For visually impaired, text-only and ALT-tags –For hearing impaired, provide text for aural info –www.cast.org/bobby/www.cast.org/bobby/
©William J Ferns, 19999 Structuring Your Web Site How you want to let visitors navigate your site How you want to organize your content How you want to control how visitors reach content You should think about how your structure your web site, based on:
©William J Ferns, 199910 Sequential Structures Simple to navigate Linear content and narrative, in some order (chronological, alphabetical, etc.) Easy for novice users Constricting for experienced users Generally applicable to smaller sites
©William J Ferns, 199911 Hierarchical structures Tree structure Breaks site into logical sections, based on function, or strategic outreach May have hierarchical substructures At lower levels, content is delivered linearly
©William J Ferns, 199912 Hierarchical structures (cont’d) Beware the ‘too- shallow’ structure and the ‘too deep’ structure--all menu, no content
©William J Ferns, 199913 Hierarchical structures (cont’d) Limited # of menu choices at each level Content where appropriate Some levels go deeper than others, depending on the purpose We want a ‘balanced hierarchy’
©William J Ferns, 199914 Grid Structure User can navigate from section-to-section or in deeper detail Useful if categories are consistent both across (‘Departments’) and down (‘What we do’, ‘Contact us’, etc.)
©William J Ferns, 199915 Web Structure Most flexible Utilizes WWW’s power for linking & association Difficult for novices Users may have trouble understanding the site’s structure
©William J Ferns, 199916 Evaluating Structures Simplicity (novice users) Complexity (expert users) Linear NarrativeNon -Linear Narrative
©William J Ferns, 199917 Lynch, P.J., & Horton, S. 1997. World Wide Web style manual. New Haven: ale University Center for Advanced Instructional Media (C/AIM). December, J., and N. Randall. 1995. The World Wide Web unleashed. Indianapolis: Sams Publishing. Horton, W. K. 1994. Designing and writing online documentation, 2nd edition.New York: Wiley. Sources
Multimedia & The World Wide Web winny HCI 201 Multimedia and the www.
Web site development: Basics & MS FrontPage. What I hope to demonstrate n n Basics of a good web site n n How to most effectively communicate via the.
3.02C Website Organization
3.02C Website Organization 3.02 Develop webpages..
Web Design, 5 th Edition 4 Planning a Successful Website: Part 2.
Web Design and Multimedia Production Mrs. Brandt-White.
The Good, the Bad & the Ugly: Style and design in Website creation Chris Webster: Information Officer and Website Manager at the EARL Consortium for Public.
WWW, Web Design, Multimedia Winny Wang Site Design and Site Map.
Website design and structure. A Website is a collection of webpages that are linked together. Webpages contain text, graphics, sound and video clips.
Chapter 10 Publishing and Maintaining Your Web Site.
Website Design What is Involved?. Web Design ConsiderationsSlide 2Bsc Web Design Stage 1 Website Design Involves Interface Design Site Design –Organising.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 13(a) This presentation © 2004, MacAvon Media Productions Design Principles.
Web-designWeb-design. Web design What is it? Web-design features Before…
Web Design Plundered from Lynch and Horton. © 2004the University of Greenwich 2 10 x don't use Frames Leading edge technology Scrolling text, marquees,
Design Principles for the Web Lavanya Koppaka. Why follow design principles? Structure the information being presented Increase the readability Ease of.
Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
Chapter 9 Publishing and Maintaining Your Site. 2 Principles of Web Design Chapter 9 Objectives Understand the features of Internet Service Providers.
So You Want a Web Page!. What is a Web Page? According to Webopedia, a web page is: A document on the World Wide Web. A Web site is really a bunch of.
Basic Elements. Design is the process of collecting ideas, and aesthetically arranging and implementing them, guided by certain principles for a specific.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
University Website Office August 2002 University Web Guidelines ● Objectives ● Outline ● Development Process.
Basic Webpage Design Understanding Web Technologies and Applications.
Understanding the Web Site Development Process. Understanding the Web Site Development You need a good project plan Larger projects need a project manager.
ICAD3218A Create User Documentation. Before starting to create any user documentation ask ‘What is the documentation going to be used for?’. When.
What Is the Internet? The Internet is a worldwide collection of computer networks that links together millions of computers used by businesses, the government,
Announcement Ben Ellis – office hours canceled tonight.
Chapter 1: Introduction. Contents Whats New in Dreamweaver CS4? The Dreamweaver CS4 Interface Setting Up a Site Creating a Web Page Adding Text to Your.
. Website and file organization. How websites work.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
3/30/15. Who is Tim Berners-Lee? 1. Assessing needs 2. Determining content structure 3. Determining site structure 4. Determining navigation structure.
_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.
UNIT 14 1 Websites. Starter 2 1 Starter 1 Divide the students into groups. Ask them to make lists. Ask Students to read their lists. Discuss the most.
A web design firm! Champyon Shots. The Proposal The purpose of this website is to promote Greenville College Soccer for future recruits. The terms of.
The World of Customer Service, 2e Odgers 1 Chapter 13 Chapter 13 Customer Service Technologies Objectives Describe the use of web-based technologies in.
Developing a Web Site. Two Components of Web Site Development Systematic Planning Systematic Planning Design and Development Design and Development.
HTML Concepts and Techniques Fourth Edition Project 1 Introduction to HTML.
Creating a Winning E-Business Second Edition Designing Your Web Site Chapter 8.
4.5 Multimedia Production. Learning Outcome 1. Design the structure and user interface for a multimedia project. 2. Produce a successful multimedia project.
Introduction to Web Site Design. Rest of this semester Wednesday Nov 26th, the last lecture. Friday, Nov 28th, Thanksgiving. Monday Dec 1st, review session.
Designing e-Portfolio Website ( Part 3 ) Lan Vu. Overview Some techniques in web design Demo on creating & designing website What make a good website.
Web Site Design Principles. Design for the computer medium Design the whole site Design for the user Design for the screen.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development.
Web Design 101 John Schuster, Yourlink Web Services Inc.
Paul Mundy and Bob Huggan 1 Websites.
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
© 2006 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice An FAQ on FAQs for Libraries Pamela.
Each year, our Michigan.gov suite of Websites is included in numerous ranking studies conducted by organizations across the country.
Building Your Web Page. Build Your Web Page Orfordville Public Library held at: Parkview High School Tue. April 8 Tue. April 15 Tue. April 22.
COMM 3353: Communication Web Technologies I Chapter 8a: Web Site Design, Production, and Aesthetics Chapter 8a: Web Site Design, Production, and Aesthetics.
© 2017 SlidePlayer.com Inc. All rights reserved.