AdvWeb-1/11 DePaul University SNL 262 Web Page Design Design Information Instructor: David A. Lash.

Slides:



Advertisements
Similar presentations
Multimedia Web Site Design Chapter Building an Effective Web Site Creating a Web site is easy, but creating one that is useful and attractive takes.
Advertisements

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
. Website and file organization. How websites work.
Web Usability By Chao Liang Based on Jakob Nielsen’s Book “ Designing Web Usability”
AdvWeb-1/14 DePaul University SNL 262 Advanced Web Page Design Chapt 8 - Looping Instructor: David A. Lash.
Web Design Plundered from Lynch and Horton. © 2004the University of Greenwich 2 10 x don't use Frames Leading edge technology Scrolling text, marquees,
Project Pertemuan 13 Matakuliah: L0182 / Web & Animation Design Tahun: 2008.
PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 1.
AdvWeb-1/20 DePaul University SNL 262 Web Page Design Design Information Instructor: David A. Lash.
Assignment 1 Pointers ● Be sure to use all tags properly – Don't use a tag for something it wasn't designed for – Ex. Do not use heading tags... for regular.
Introduction to Web & HTML Pertemuan 08 Matakuliah: L0182 / Web & Animation Design Tahun: 2008.
Macromedia Flash MX 2004 – Design Professional Macromedia Flash MX GETTING STARTED WITH.
1 The Planning Process Creating a Business Web Site By Paul Lazarony 2 Business Web Site Design Steps in the Planning Process u Software u Purpose u.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
Eleven Design Mistakes Making your web page easier for your students to use Making your web page easier for your students to use FSI Applications.
STANFORD UNIVERSITY INFORMATION TECHNOLOGY SERVICES Technology Training Services, January 2011 Web.
UNDERSTANDING WEB AND WEB PROJECT PLANNING AND DESIGNING AND EFFECTIVE WEBSITE Garni Dadaian.
HTML and Designing Web Pages. u At its creation, the web was all about –Web pages were clumsily assembled –Web sites were accumulations of hyperlinked.
Dr Walid M. Aly Illuminating Computer Science CCIT 4-6Sep 1.
Chapter 12: The Internet The ultimate direct. Internet Facts U.S. firms spend $14.7 billion on Internet advertising in 2005 By 2010, they are expected.
Testing and Debugging Web pages. Final exam Wednesday, May 10: 10am – noon Content: guidelines will be distributed next lecture Format: Matching, multiple.
Chapter 18 Web Design April 16 th & 17 th. Content The most essential element of any Web page is the content Before you begin a Web page you want to know.
CIS 451: HTML Frames Adapted from materials developed by Dr. Soe (updated January, 2009)
Web-designWeb-design. Web design What is it? Web-design features Before…
Web Site Design Principles
Creating Web Sites An introduction to the basics.
Lesson 2 HTML organization techniques Week 2. Respect WWW  R = responsibility: assume personal responsibility and create only ethical and appropriate.
CP3024 Lecture 12 Setting up a World Wide Web Site.
Finishing your site HTML and css 2012 Brian Davison.
An Introduction To Websites With a little of help from “WebPages That Suck.
Creating a Usable Web Site Royce Shin - Web Development University of Minnesota.
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
Small Business Resource Power Point Series Web Site Awards.
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.
Fundamentals of Web Publishing MIS 208-B LEC: T 08:15PM-10:05PM- ADM102 LAB: TH 08:15PM-10:05PM - ADM138 Andy Stokes.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
Web Pages That Suck By Vincent Flanders William Featherstone.
Lesson 8. Test 1 Topics Browser incompatibility Design Tips Site Navigation Browser- safe color Monitor resolution Content Copyright Use of tables vs.
Florida Atlantic University Designing Web Sites at… 1999 Presented by Administrative Technology Systems Financial Affairs.
 HTML is hypertext markup language. It is a way for people to display their information with more complex pictures and text displays. Before HTML, messages.
CIS 1300 – Web Design SoftwareMichael J. Losacco Web Site Sins Cool Is Overrated.
Web Site Design 15 Easy Steps to an Excellent Web Site.
Presented by Trisha Cummings. Why Have a Web Page?  To become known WorldWide  Advertise and sell things  Publish a Fanzine  Support a cause  Share.
COM 205 Multimedia Applications St. Joseph’s College Fall 2003.
Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.
History Internet – the network of computer networks that provides the framework for the World Wide Web. The web can’t exist without the internet. Browser.
IF-ITB/EN/Des 2004 IF1191 – Web Design & Usability Page 1 Web Design & Usability Elfan Nofiari Departemen Teknik Informatika ITB.
+ Web Design Terminology Digital Communications III- Frameworks-2.1 Terminology HTML Domain Name Hot Spot Site Maps.
Links in HTML What you need to know….. Hyperlinks or links Millions of linked web pages make up the World Wide Web Used to connect a web page to another.
Webpages 7 th Grade Quest What Are Your Webpage Pet Peeves? Incorrect Spelling and Grammar Errors Page Takes Forever to Load Information is Out.
Unit 8.2 / Lesson 1 / presentation1b Website Styles.
AGCJ 407: Web Authoring in Agricultural Communications Design Characteristics AGCJ 407 Web Authoring in Agricultural Communications.
Human Computer Interaction: World Wide Web Rebecca W. Boren, Ph.D. Introduction to Human Factors & Ergonomics Engineering IEE 437/547 November 2, 2011.
1 CSE 403 Web Patterns and Design These lecture slides are copyright (C) Marty Stepp, 2007, with significant content taken from slides written by Valentin.
Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,
Copyright © Terry Felke-Morris Web Development & Design Foundations with HTML5 8 th Edition CHAPTER 5 KEY CONCEPTS 1 Copyright ©
Testing and delivery Web design principles. Web development is software development.
Pre-Production Meet with the client to create a project plan:
Web-design.
Introducing the World Wide Web
Hosted by Coach Slanina
Maintainability What is the primary task for the maintainability of a web site? Web sites designers must be aware that during the lifetime of a site one.
Top Five Web Design Misteaks (sic)
Good and Bad Design Mandy Smetana.
Website Design and Management Section 3 - Design
Web Design Tips.
Information Systems 337 Prof. Harry Plantinga Usability.
COM 205 Multimedia Applications
Multimedia Web Site Design
Strategic Marketing Ventures Power Point Series
Presentation transcript:

AdvWeb-1/11 DePaul University SNL 262 Web Page Design Design Information Instructor: David A. Lash

AdvWeb-2/11 Towards a better design u Rule 1 - Look Professional – Make sure site is available – Make sure links work – Anticipate traffic level to site

AdvWeb-3/11 Professional ? u Too Large 130K

AdvWeb-4/11 Professional? u Do You need that design element – Animated graphics – Moving/Blinking text – Music – Mystery Meat Navigation

AdvWeb-5/11 Know your Audience u Design to the target audience

AdvWeb-6/11 Ease of Use Make a easy- to-use initial page.

AdvWeb-7/11 Some Navigation Issues u Can a user tell where they are within a site? u Can user tell what are navigation options from current page? u Can user find what they are looking for? u Can the user tell what else is at the site? u Can the user tell who’s site they are looking at?

AdvWeb-8/11 Top 10 Design Flaws u u By Jakob Nielsen, SunSoft Distinguished EngineerJakob Nielsen 1. Frame use: Can be confusing 2. Too Much Technology 3. Scrolling Text, Marquees, and Constantly Running Animation's 4. Complex URLs 5. Orphan Pages - Should be clear on Each page how it fits

AdvWeb-9/11 Top 10 Design Flaws u u By Jakob Nielsen, SunSoft Distinguished EngineerJakob Nielsen 6. Long Scrolling Pages 7. Lack of Navigation Support 8. Non-Standard Link Colors 9. Outdated Information 10. Overly Long Download Times

AdvWeb-10/11 Writing for the Web u Keep it short u Use Bullets and sub bullets u Say what is most important up-front. u Link to relativist references (for more information) u Long narratives are for articles only.

AdvWeb-11/11 Testing Your Site u Some things to consider before making your site “production”. 1. Spell Check Each Page Separately 2. Validate All HTML Code 3. Make sure to test pages somewhere besides your desktop. 4. Try Different browsers and different browser versions 5. Try different access speeds. 6. Test EACH link. 7. Each form/application needs special care - What happens is skip a field, send bad data or skip form entirely.