Web Site Design 15 Easy Steps to an Excellent Web Site.

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 Page Design Using Tables Here you see three examples of how tables can be used to organize your content. We call this page layout or design. You can.
Web Design Principles 5th Edition
CSE2MA Multimedia Authoring Semester 2, 2011 Web Page Design Week 2.
Website e-portfolio. What is an e-portfolio? An electronic portfolio, also known as an e-portfolio or digital portfolio, is a collection of electronic.
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.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
Typography Web Design Professor Frank. Characteristics of Type on the Web Magazine/book typography – 1200 dpi Computer screens – 85 ppi (maximum)
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.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
A Desktop Publishing Simulation.  Demonstrate proficiency in using desktop publishing software to produce a variety of business documents  Combine text,
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
WEB DESIGN TIPS FOR DESIGNING A WEB PAGE. PURPOSE OF WEBSITE To inform To persuade To market/sell To entertain To advocate KNOW YOUR PURPOSE!
Multimedia: Making it Work
Good Web Design And other life skills…. “I can recognize good and poor web design.”
PowerPoint Presentations – What to do and what not to do!
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
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.
Key Applications Module Lesson 19 — PowerPoint Essentials
Procedures 6.02 Apply procedures to develop multimedia presentations used in business.
Web-designWeb-design. Web design What is it? Web-design features Before…
Chapter 2 Web Site Design Principles
Web Site Design Principles
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 Design Rules. #1 Easy to Read Includes: Includes: Navigation Navigation Color Color Text Text Graphics Graphics Backgrounds Backgrounds Borders Borders.
An Introduction To Websites With a little of help from “WebPages That Suck.
Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.
Web Page Design Principles
Using Adobe ® Dreamweaver ® and Photoshop ® An Introduction PART ONE The design phase before launching Dreamweaver.
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Document Design ENG 371 Lukowski. Things to Consider Think about your audience and their expectations – How will they read and use your document? – What.
Introduction to Web Page Design. General Design Tips.
5 Elements of Good Web Design A powerpoint by Himyt Kang & Harman Lidder.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.
Web Design Guidelines by Scott Grissom 1 Designing for the Web  Web site design  Web page design  Web usability  Web site design  Web page design.
1 After completing this lesson, you will be able to: Plan a FrontPage Web site. Create a new Web. Create a subpage layout. Use the subpage layout to build.
Web Design Basics Creating Appealing Websites Basics of Web Design: HTML 5 and CSS3, Felke-Morris, T.c.
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,
Desktop Publishing Design Tips and Guidelines. Effective Design Attractive and pleasing to look at and read Well-organized Self-explanatory Link between.
Don’t have to be a designer to know when something just ain’t right…
Building Your Web Page. Build Your Web Page Orfordville Public Library held at: Parkview High School Tue. April 8 Tue. April 15 Tue. April 22.
Graphic Design. What is it? Process of combining text and graphics to communicate an effective message through the design of logos, graphics, brochures,
Principles of Web Design Keep it simple Content is critical--Form is not. Speed is “King”. Consistent filenames are key. Design efficiently. Cite your.
Webpages 7 th Grade Quest What Are Your Webpage Pet Peeves? Incorrect Spelling and Grammar Errors Page Takes Forever to Load Information is Out.
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
Planning and Designing Effective Web Pages. When planning a new site Determine site goals 2. Identify the target audience 3. Conduct market research.
Graphics Navigation Usability Typography Content Clarity & Consistency.
Unit 2 Introduction to Layout & Design Part II—DTP Rules of Thumb
Qmags At The Cutting Edge of Digital Publishing. Mobile (Platform, Specification and Features) Template Elements ( Your home page will be the only unique.
We looked at these two presentations and talked about the structure of setting up the table.
What is Good Web Design? A compendium of web concepts.
Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
Web Design Principles. Designing a Website Choice of a site color scheme. Choice of text font and size. Placeholder text. Use of white space. Location.
Copyright © Terry Felke-Morris Web Development & Design Foundations with HTML5 8 th Edition CHAPTER 5 KEY CONCEPTS 1 Copyright ©
Web technologies Session 2. Slide 2. 1 Objectives for session 2  To develop participants’ knowledge, skills and understanding of web-page design  To.
Chapter 2 Web Site Design Principles
Section 7.1 Section 7.2 Identify presentation design principles
Web Design Principles.
Web-design.
Web Design Principles.
Multimedia Web Site Design
Elements of Effective Web Design
Web Design Principles.
Presentation transcript:

Web Site Design 15 Easy Steps to an Excellent Web Site

A Well Designed Web Should: Be attractive and pleasing to look at & read Be well organized Be self-explanatory Contain text & graphics that are carefully linked to each other Contain design & content that are appropriate for the targeted audience

Rule #1: Easy to Read Include a navigational structure that is easy to navigate Include a complementary color scheme Include graphics that are consistent in look & feel throughout the Web site Include text consistent in size, color, etc. Include hyperlinks that work properly & easily accessible

Rule #2: Know Your Target Audience Determine the single most important message your Web site should convey Know your audience’s interests Design based on factors such as age, gender, & location

Rule #3: Make your Site Navigation User-Friendly User should not have to “guess” or “hunt” for hyperlinks or information Need to be able to move from one page to another easily More important to read and understand than have “flashy” effects MAXIMUM OF 3 MOUSE CLICKS TO FIND INFORMATION

Rule #4: Use White Space Keep from being cluttered Must allow users to “breathe” between different elements on your Web pages

Rule #5: Determine Size of Page Users can set screen settings to different sizes Watch out for users needing to scroll Best size is 800 X 900 maximum

Rule #6: Lay out page using tables Web pages don’t recognize the spacebar strokes Tables can control layout and make it more interesting Watch out for pixel width!

Rule #7: Use Fonts that will Display Correctly ArialCourierGeorgiaHelvetica Times New Roman Verdana

Rule #8: Keep Text Consistent Avoid making text too small or too large (8 – 14 points) Keep alignment of body text to the left Text links should be unique to other text on site Avoid underlining text unless it is a hyperlink Keep color of text consistent with site

Rule #9: Research Competitor Web Sites

Rule #10: Establish a Professional Identity

Rule #11: Proofread for Spelling, Grammar, and Design

Rule #12: Revise, Revise, Revise

Rule #13: When in Doubt…KIS

Rule #14: Guidelines to Web Site Colors Maximum of 2 – 3 colors throughout the web site One color should be dominant & other is used for accent Create a scheme that coordinates with overall message Avoid colors that make text difficult to read Remember you RGB’s

Rule #15: Have a Paper Plan