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 about 1 year ago
©William J Ferns, I. Models for Websites: What’s Involved in Building and Maintaining a Site?
©William J Ferns, Outline Basic Decisions about Your Site The DON’Ts and DO’s of Web Design Structuring Your Web Site
©William J Ferns, Choosing Your Tasks (Review) Basic Decisions about Your Site: – Purposes / Goals – Site Functions – Site Appearance
©William J Ferns, 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, 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, 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, The DO’s of Web Design (cont’d) A feedback mechanism: Minimally, an link Preferably, 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, 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, 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, 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, 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, Hierarchical structures (cont’d) Beware the ‘too- shallow’ structure and the ‘too deep’ structure--all menu, no content
©William J Ferns, 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, 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, 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, Evaluating Structures Simplicity (novice users) Complexity (expert users) Linear NarrativeNon -Linear Narrative
©William J Ferns, Lynch, P.J., & Horton, S World Wide Web style manual. New Haven: ale University Center for Advanced Instructional Media (C/AIM). December, J., and N. Randall The World Wide Web unleashed. Indianapolis: Sams Publishing. Horton, W. K Designing and writing online documentation, 2nd edition.New York: Wiley. Sources
Web Design and Multimedia Production Mrs. Brandt-White.
Website Design What is Involved?. Web Design ConsiderationsSlide 2Bsc Web Design Stage 1 Website Design Involves Interface Design Site Design –Organising.
4. CLIENT & USER NEEDS. ASSIGNMENT 2 Made up of 2 Pass, 2 Merit & 2 Distinction criteria: P4 – Design an interactive website to meet a client need P5.
Inspector 508: Accessible Web Design, Training and Consultation Website Design for Usability and Accessibility Todd M. Weissenberger Manager, Information.
DESIGNING WEB NAVIGATION By: James Kalbach Ashley Musselman.
Web Site Design What is a web site? A website is an address (location) on the World Wide Web that contains your web pages. Basically, a website is your.
WHAT NOT TO WEAR ON THE WEB (A Fashion Show of Sorts)
LIS900C lecture 3: Information Architecture
Announcement Ben Ellis – office hours canceled tonight.
General web design Thomas Krichel assessment You return a two-page typed assessment on a library and information science department web site.
Creating a Winning E-Business Second Edition Taking Advantage of Affiliate Marketing & Designing Your Web Site Chapter 7 & 8.
LIS650 lecture 3 CSS positioning & site architecture Thomas Krichel 2009–02–08.
LIS650 lecture 3 CSS layout & site architecture Thomas Krichel
Web site design incubation Thomas Krichel LIU & НГУ
B.Applications Software 7.00 Utilize multimedia/presentation graphics software. Unit Objectives
Welcome to Jestek Web Site SITE DELUX Making Web Site Changes: Basic Tutorial This tutorial is designed to help you make changes on your own with your.
LIS650 prologue: web design Thomas Krichel
Web site design: thinking for the non-thinker Thomas Krichel
Reveal Course on Communication - Advanced This project has been funded with support from the European Commission. This publication reflects the views only.
IT Applications Theory Slideshows By Mark Kelly Vceit.com Website Information Architecture.
Writing for the Wired World Part 1: Theoretical Review of Why to Write Differently Online Julie Poroznuk, ABC, CEBS JP Communication HR Solutions for Employee.
LIS650 lecture 5 Thomas Krichel today A look at your web sites Fun with selectors Boredom with Information Architecture.
UNESCO ICTLIP Module 6. Lesson 11 Web Page Concept and Design : Getting a Web Site Up and Running Lesson 2. Principles of Web Page Design.
Welcome to Jestek Web Site SITE DELUX Making Web Site Changes: Site Add-Ons This tutorial is designed to help you make changes on your own with your SiteDelux.
Previous Interactive tutorial for updating staff profiles in Percussion Rhythmyx Pippa Goldenberg|Version 2.0 | 29th Jan 2013 Click to continue Next.
Design, prototyping and construction The Task-Centered Design Process figure out who's going to use the system to do what choose representative tasks.
Lori Neff Senior Consultant, Inetium 6/14/2008. Topics Considerations for Architecture Navigation Reusable Content Master pages Styling Login Pages Page.
Reviewed by: Mandy Parsons. High quality content Easy navigation Planning, selecting, organizing, writing, illustrating, reviewing, and testing.
Multimedia Unit 3. Contemporary Uses Business Training Home.
Communicative Writing Week 8 MMC120 Instructed by Hillarie Zimmermann MMC120 Instructed by Hillarie Zimmermann.
© 2016 SlidePlayer.com Inc. All rights reserved.