Good and Bad Design Mandy Smetana.

Slides:



Advertisements
Similar presentations
Webmasters Workshop Walt Howe Delphi.com Forums. Bells & Whistles?
Advertisements

Good Vs. Bad UI & Oakley Airwave 1.5 Sean Gergen & Derik Wright.
Chapter 3 – Web Design Tables & Page Layout
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?
UI Best Practices Application Developer’s Intro School Week 1 Day 1.
CSE2MA Multimedia Authoring Semester 2, 2011 Web Page Design Week 2.
With Microsoft FrontPage 2003 Publishing a Web Page.
Principles of Web Design 5 th Edition Chapter Nine Site Navigation.
Web Site Design. Dorky Web Pages Below are features that can make a web design look dorky. These are not just my personal opinions, but are ideas I have.
Unit 14 Website Design HND in Computing and Systems Development
Interface / navigation COM 366 Web Design & Production.
. Website and file organization. How websites work.
Design Elements of a Web Page. Focal Point Each page should have a focal point to attract the viewer. This can be one large picture or a headline, a combination.
Create internal and external links Create internal links to named anchors Insert Flash Text Create, modify, and copy navigation bar Manage Web site links.
Macromedia Dreamweaver MX 2004 Design Professional Tables WORKING WITH.
AdvWeb-1/20 DePaul University SNL 262 Web Page Design Design Information Instructor: David A. Lash.
Web Design Principles Joan Naturale NTID Reference Librarian.
Instructional Design Tips Janet Holland. Impression on First Entry Meaningful Images Small Loads Quickly Text Visible Text Steady.
Basic Web Design Considerations CS /6/07. Basic terms Web page Web page Web site Web site Home page Home page Sub pages Sub pages.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
Basic Principles of DESIGN Bristol Community College Bristol Community College Paula Mailloux Sources: The Non-Designers Design Book The Non-Designers.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Planning a Web Site Unit Two Planning Steps 1. Determine the audience & objectives. 2. Sketch a storyboard or flowchart of the pages. 3. Create a folder.
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.
Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.
Web-designWeb-design. Web design What is it? Web-design features Before…
Unit 8.2 / Lesson 1 / presentation1a Web Elements.
Developing Content and Layout Lesson 6. Creating Web Site Content Online users scan a page, read key words of text, and check out graphics Reading from.
Web Page Design. Some Terms Cascading Style Sheet, (CSS) –a style sheet language used to describe the look and formatting of a document written in html;
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.
4 Simple Web Design Rules. Your Web Site Should Be Easy To Read  Choose your text and background colors very carefully  Don't use backgrounds that obscure.
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.
 Remember that HTML is just text  Need to point to pictures  Use the img tag  alt: › screen reader › REQUIRED for this class and to validate.
Online Course Design CONTENT DEVELOPMENT Jennifer Freeman ACADEMIC ■ IMPRESSIONS.
Web Pages That Suck By Vincent Flanders William Featherstone.
Touring the Web Figuring out the best roads to take in web page design.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
1 After completing this lesson, you will be able to: Transfer your files to the Internet. Choose a method for posting your Web pages. Use Microsoft’s My.
Introduction to Web Page Design. General Design Tips.
Group 3: Art Gallery Monica Almendarez Content/Project Manager Willliam Egle Technology Manager Christina Pié Usability/ADA Compliance Manager Mirjana.
Designing Web Interfaces AGED 3141(L). Designing Web Interfaces Interface: how a web page looks and how it is designed for people to use People want easy-to-use,
Do’s and Don’t In Web Page Design. Good Designs Text Background does not interrupt the text Background does not interrupt the text Text is big enough.
Basic Design Tips for Web Pages. Alignment Left, right, center Choose one alignment and use it on the entire page Align form elements, table elements,
Innovation AMS Center for Advanced Technologies Web Navigation Eugene Tiller & Phillip Green AMS Center for Advanced Technologies.
COM 205 Multimedia Applications St. Joseph’s College Fall 2003.
Macromedia Dreamweaver MX 2004 Design Professional Links WORKING WITH.
Screen Design Critique Page One Page Two Reflection on Project.
Information Literacy. Addressing a new challenge in society.
RULES TO AVOID BAD DESIGN 1. Don’t annoy your viewers. Don't use frames unless you have to! - Frames are annoying and cause people to lose their way when.
HOW TO RECOGNIZE GOOD AND BAD DESIGNS BY DILLON SPONSELLER AND TYLER KELLY.
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.
Microsoft FrontPage 2003 Illustrated Complete Working on the Web Site’s Hyperlinks and Appearance.
Microsoft FrontPage 2003 Illustrated Complete Creating a Frames Page.
We looked at these two presentations and talked about the structure of setting up the table.
AGCJ 407: Web Authoring in Agricultural Communications Design Characteristics AGCJ 407 Web Authoring in Agricultural Communications.
HFWEB June 3, 1999 AMS Center for Advanced Technologies 1 Web Navigation Eugene Tiller & Phillip Green AMS Center for Advanced Technologies.
Human Computer Interaction: World Wide Web Rebecca W. Boren, Ph.D. Introduction to Human Factors & Ergonomics Engineering IEE 437/547 November 2, 2011.
1 MIT 5316 Web-Based Computing Lecture #2. 2 Quiz Quiz #1 Quiz #1 An image is 1200x1700 pixels and has a color depth of 1024, what is the uncompressed.
Chapter 5 The Contiguity Principle.
Section 7.1 Section 7.2 Identify presentation design principles
Chapter A - Getting Started with Dreamweaver MX 2004
Web-design.
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.
Fixed Positioning.
Website Design and Management Section 3 - Design
Web Design Tips.
Unit 14 Website Design HND in Computing and Systems Development
Project 4 Creating an Image Map.
COM 205 Multimedia Applications
Layout and Design with Tables and Frames
Presentation transcript:

Good and Bad Design Mandy Smetana

Good Design Checklist Text Light colored background Text is readable Columns of text are narrow

Good Design Checklist Navigation Easy to understand and use Navigation bar or buttons allow the visitor to know where they are Frames are not obtrusive Large site has an index or site map

Good Design Checklist Links Colors coordinate Underlined Work

Good Design Checklist Graphics Small buttons Alt text label Graphic link with matching text link Browser-safe colors Animated graphics turn off

Good Design Checklist General Design Quick download Fit into 640 x 460 space Graphics to break up large amounts of text Consistency No orphan pages

Bad Design Quiz http://www.urbancollective.com http://www.bigtimebiz.biz http://www.enchantingpics.com/index.htm http://www.artcenter.edu http://www.wildwoodsports.com http://www.mozel.com http://www.xwd.co.uk

Bad Design Suggestions Urban Collective – text too small, obtrusive frames, buttons hard to use Big Time Business – too many types of font, text too small, text nonreadable, suggest the size of browser to use Enchanting Pics – no coordinating colors, too many sizes of text, no consistency

Bad Design Suggestions Cont. Art Center College – navigation hard to use, window can not be expanded, have to scroll horizontally Wildwood Motorsports – scrolling frame into one of the same color, links arrow does not fit on site map Mozel – Farris wheel buttons hard to use XWD – neat interface but hard to use