Kevin Murphy Building a Good Web Page Masters Project CS 490.

Slides:

Advertisements

Similar presentations

VISUAL STRATEGIES. WHY USE VISUAL STRATEGIES? HELPFUL in receptive and expressive communication...

Advertisements

Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.

6 Developing Content and Layout Section 6.1 Generate and organize content ideas Write and organize Web text Section 6.2 Identify page dimension guidelines.

Web design criteria University of Stellenbosch. What is on a web page? Navigational elements Text Graphics.

Interface / navigation COM 366 Web Design & Production.

Designing Your Page Step 1: Design for a Computer Medium A computer screen is not a printed page. Readability changes depending on color, layout and format.

Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.

Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.

Web Page Design ECE 3940 Megan O’Byrne 10 September 09.

Web Design Planning Next Bottom. Topics Plan your Web Site Web site content Web site Structure Web site common layout Using MS Publisher MS Publisher.

7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.

Multimedia Design. Table of Content 1.Navigational structures 2.Storyboard 3.Multimedia interface components 4.Tips for interface design.

Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.

Austin and Doust’s New Media Design. In our excerpt from their book New Media Design, Tricia Austin and Richard Doust add nine more terms to our growing.

Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.

Designing Brochures

5.00 UNDERSTAND PROMOTION 5.01 Understand the use of an advertisement’s components to communicate with targeted audiences.

Document and Web design has five goals:

Multimedia & The World Wide Web winny HCI 201 Multimedia and the www.

Slide 1 Consider the page layouts for: Layout design – does it look balanced and even Size of box relative to its importance – the Heading (or title) of.

Developing A Website. Reminder 1 You want your website to be _______? 1)Artistic 2)Easy to use 3)Interactive 4)Multimedia-driven.

BASIC PRINCIPLES OF DESIGN DESIGN, MULTIMEDIA, AND WEB TECHNOLOGIES (DMWT)

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.

Chapter 2 Web Site Design Principles

Web Site Design Principles

Chapter 7. Designing Documents and Web Sites © 2013 by Bedford/St. Martin's1 Document and Web design has five goals: to make a good impression on readers.

Adobe Dreamweaver CS3 Revealed CHAPTER FIVE: USING HTML TABLES TO LAY OUT A PAGE.

IS1824: Introduction to Internet Multimedia Lecture 7: Style 1 (Layout and Colour) Rob Gleasure

Evaluating web pages Stuart Lloyd-Green Celia Korvessis Lindsay Krieger Shane Sullivan.

Web Design Concepts Using Text & Graphics Effectively.

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.

Design Principles The good and the bad Alyssa Mendiola Summer 2009.

Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.

Introduction to Web Page Design. General Design Tips.

5 Elements of Good Web Design A powerpoint by Himyt Kang & Harman Lidder.

PRINCIPLES OF WEB DESIGN. EDGAR GARCIA – WEB DESIGN 2/8/13.

Unit 3, Lesson 8 Principles of Design AOIT Web Design Copyright © 2008–2013 National Academy Foundation. All rights reserved.

Tools For State and Local Web Sites Web Style, Site Headers and Promotion Banners.

Click on the link to answer questions 1-8. View the examples of each element to help you understand each principle. You will have to scroll down to find.

Adobe Certified Associate Objectives 1 Setting Project Requirements.

Web Design and Digital Literacy. Initial impressions: Is this a good website? Why/why not? (One reason)

Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.

Creating Basic Elements of a Newsletter Chapter 10.

“Just look at our web site…” I hate the title of this session, and so should you.

Screen Design Critique Page One Page Two Reflection on Project.

WEB DESIGNING. Eye Catching Colorful Color used Great design Easy access to the needed information Easy link to other information and topics CREATE YOUR.

Conducting Computer Search Inter American University of Puerto Rico Languages Department Prof. Gladys Cruz GEEN 2313.

Webpages 7 th Grade Quest What Are Your Webpage Pet Peeves? Incorrect Spelling and Grammar Errors Page Takes Forever to Load Information is Out.

For this course please make your website address your first initial, last name. If this is unavailable, try your first initial, middle initial, last name.

Microsoft FrontPage 2003 Illustrated Complete Working on the Web Site’s Hyperlinks and Appearance.

12 do’s and don'ts of web design By: Savanna Mansell.

Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.

Web page layout in elegance.  Specific Designs for Target Audiences Consider your audiences tastes when creating your website.

We looked at these two presentations and talked about the structure of setting up the table.

BASIC WEB DESIGN 1.Keep it simple 2.Keep it clean 3. Keep it organized, easy to use, and easy to read 4. Give text enough room 5. Kern text whenever possible.

DMT612 Professional Preparation EFFECTIVE WEB DESIGN.

Planning a Web Site Planning a Web Site. The Home Page Think of this as your storefront. It is the first thing seen by your customer when they log on.

1. Storyboarding a Website. How to start a storyboard: Have Blank Squares!

Chapter 2 Web Site Design Principles

Section 6.1 Section 6.2 Write Web text Use a mission statement

Multimedia Design.

Section 7.1 Section 7.2 Identify presentation design principles

Panel pages Mainly used for top level or landing pages

Tips for a Successful Final Consulting Project

5.00 UNDERSTAND PROMOTION 5.01 Understand the use of an advertisement’s components to communicate with targeted audiences.

Page plans A01 Design.

Title of Poster in Arial, Bold, 48 Points

Type the company’s name

Elements of Effective Web Design

Chapter 2 Web Site Design Principles

Presentation transcript:

Kevin Murphy Building a Good Web Page Masters Project CS 490

Kevin Murphy First Impressions n When you access a Web page, your first impression will often decide whether you remain at this site or go on to another site. n Since the point of a Web page is to share information, it makes sense to create the best first impression possible.

Kevin Murphy Expectations n At the top of a home page, most readers expect four things: -Visual Interest -Identification -Summary -Links n If these are not present, it is unlikely the reader will stay.

Kevin Murphy 1. Visual Interest n Graphics n Logo n Color n Text arrangement

Kevin Murphy 2. Identification n Title n Author n Source -School -Company -Organization

Kevin Murphy 3. Summary n Topics this page will cover n Type of page -Index -Article -Listing

Kevin Murphy 4. Links n To other parts of the page n To other pages in this site n To other sites

Kevin Murphy Building a Successful Page n Reading a Web page consists of several stages. (At each of these stages, the reader decides whether to continue or to go elsewhere.) n Building a Web page consists of the same stages addressed in the OPPOSITE sequence.

Kevin Murphy n Reading a Web Page -Visual Impact -Readability -Ease of access -Organization -Content n Building a Web Page -Visual Impact -Readability -Ease of access -Organization -Content

Kevin Murphy Visual Impact Something to catch the eye n Banner n Logo n Icons n Graphics

Kevin Murphy Readability n Type sizes n Color and Contrast n Layout n White Space

Kevin Murphy Ease of Access n Speedy loading n Clearly defined links n Backward and forward references & links n Logical internal links

Kevin Murphy Organization n Consistent use of formatting n Clear tree structure n Logical ordering of information types

Kevin Murphy Content n Something worth the time n Nothing useless n Cuteness kept to a minimum

Kevin Murphy Building a Web Page n Content n Organization n Ease of Access n Readability n Visual Impact