Designing Basic Web Sites III: Interface Design Based on Web Style Guide, Lynch and Horton 2001 www.webstyleguide.comwww.webstyleguide.com Technical Communication.

Slides:



Advertisements
Similar presentations
Website Design What is Involved?. Web Design ConsiderationsSlide 2Bsc Web Design Stage 1 Website Design Involves Interface Design Site Design –Organising.
Advertisements

UI Best Practices Application Developer’s Intro School Week 1 Day 1.
Basic Principles of Web Page Design CSCI 150, CSCI 155, CSCI , MSTI 131 and MSTI 260 Developed by BNapoli.
Session 4: CSS Positioning Fall 2006 LIS Web Team.
1 Official Interface Guidelines by David Catmull User interface documentation published by Apple and Microsoft.
3.02E Designing and Development of Multimedia Titles 3.02 Demonstrate interactive multimedia presentations.
Web Design Principles Screen Design Navigation Rubrics.
Developing Effective Civic Websites An effective website balances what the client wants, what users need, and what constitutes good design by considering:
Multimedia Design Guidelines General Guidelines for Multimedia Learning Design.
Web Site Design Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development April 6, 1999.
NOAC 2002 E-Scouting1 Design and Layout Sage Lichtenwalner National OA Web Site Youth Coordinator.
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 Interface. Introduction The capacity for perception depends on the amount, the kind and the availability of past experiences.... We see familiar.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
Web Page Design University of Wollongong IACT303 – INTI 2005 World Wide Networking.
Designing Basic Web Sites II: Process Based on Web Style Guide, Lynch and Horton Technical Communication.
MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.
The Internet & New Media Week 10 Technical Communication Fall 2003, DAHMEN.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.
University of South Alabama Library Website Design and Accessibility Evaluation.
Chapter 8 Document Design 2 Page Layout
– Strategies for Effective Navigation Design & Prototype Phases.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Interface Design.
Graphical User Interface (GUI) Web site Team Matix Proposal GC 215: Web Publishing.
Introduction to Web Page Design. General Design Tips.
Tools For State and Local Web Sites Web Style, Site Headers and Promotion Banners.
Group 3: Art Gallery Monica Almendarez Content/Project Manager Willliam Egle Technology Manager Christina Pié Usability/ADA Compliance Manager Mirjana.
Lecture 6 Title: Web Planning, Designing, Developing for E-Marketing By: Mr Hashem Alaidaros MKT 445.
Chapter 17 Designing for the Web Ryan Galloway Andy O’Neil Joe Ahn.
Developing a Web Site. Two Components of Web Site Development Systematic Planning Systematic Planning Design and Development Design and Development.
Interface Design Web Design Professor Frank. Design Graphic design and visual graphics are equally important Both work together to create look, feel and.
Universal Design for Learning & Principles of Web Design C. Candace Chou.
Slide 1-1 The Web Wizard’s Guide to Web Design by James Lengel.
COM 205 Multimedia Applications St. Joseph’s College Fall 2003.
Presented by: Student ID: Sang Geol LEE Subject: ITC105 Communication and information management Website Planning Report Assignment item2-Part.
Adobe Certified Associate Objectives 1 Setting Project Requirements.
Development and Design of Multimedia. Planning Your Title 1)Develop the concept or idea – a multimedia project starts with an idea that supports a vision.
Principles of Web Design Da’Zheonna M. Cotton 2/8/13.
Slide 1-1 The Web Wizard’s Guide to Web Design by James Lengel.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Website Fundamentals. One Size Does Not Fit All Agecroft Hall On Virginia.org On Virginia.org Website: The Dinsmore.
Kara Pharris Web Designer Site Improvements & the Usability Project Concepts for usable navigation, functionality and presentation.
The Basics of Managing Your Department Website March 8, 2012.
Interactive history. To provide a visually attractive and interactive timeline of the major scientific discoveries throughout history.
Web Site Development - Process of planning and creating a website.
By: Lisa Harris Lisa Johnson Suzanne Sprouse.  Standards drive planning  Guide Instruction  Necessary for assessment,  i.e. you are going to assess.
Kevin Murphy Building a Good Web Page Masters Project CS 490.
Creating Reader-Centered Web pages and Websites. Designing Websites Design with same qualities as other workplace communications ▫Usability and Persuasiveness.
Unit 5 The Web Book Test. Unit 5 Test The Web Book Test 1. On the bottom of page 46, why is writing web pages not like writing printed documents ?
Creating Web Pages with Links, Images, and Embedded Style Sheets
Before We Begin Please download the files from as we will be using them in our walkthroughs.
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.
Web Accessibility. Why accessibility? "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect."
CANVAS Layout and Style for Usability. Aspects of Usability Content Importance, Necessity Aesthetic Interesting, evokes desired emotion Organization Leads.
MIT 511- Web Design & Usability
Web Page Elements Writing For the Web
Sourcing a website.
4Schools Adding a Web Page.
Web Content Accessibility Beata M. Ofianewska (DG COMM) 7 December 2006 December 2006 COMM C2.
Designing for the World Wide Web
Put the names of the people in the group here
Put the names of the people in the group here
Developing a Web Site.
COM 205 Multimedia Applications
CMP Creating Your Personal and Small Business Web Sites
Presentation transcript:

Designing Basic Web Sites III: Interface Design Based on Web Style Guide, Lynch and Horton Technical Communication Fall 2006, DAHMEN

Print design adopted to the Web Basic standards still apply:  Address your audience  Identify the source/who is speaking  Provide titles and visual hierarchy  Keep content up to date/ dated  Identify the source/home page

What every page needs Informative title Author’s identity Creation/revision date Link to home page or menu page « home page » URL

Identity Nav. aid Standards in navigation and icons Feedback

Bottom of page Alternative text-based navigation Date Conditions Certificates

Basics of User-centered Design Clear navigation Apple uses 4 different navigation structure on this page You are HERE

Avoid Dead End docs

Other points to keep in mind… Direct access Bandwidth/interaction Simplicity and consistency Design integrity and stability Feedback and Dialogue

What about accessibility? « One of the defining principles of the Web is that it should provide allpeople; regardless of physical or technological readienss, with access to information » --Horton and Lynch, p. 26

Aspects of Accessibility Provide alternates and fallbacks Use style sheets (CSS) Follow accessibility guidelines

New AUI homepage displays accessibility info Alternative navigation Meets accessibility standards

Issues in Navigation Context (see Apple example) Allow going back Provide a sense of location in sequence Horton and Lynch, 32

Page Bottom Date Certifications Feedback Navigation