Web Design Standards. What makes a good website Well Organized, Easy to Navigate – Provide multiple ways to connect to the same page – Use the “Hyper”

Slides:



Advertisements
Similar presentations
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?
Advertisements

Designing a Graphical User Interface (GUI) 10 IST – Topic 6.
B LUEPRINT FOR P LANNING A W EBSITE. A well-organized website doesn’t just happen A detailed blueprint will guide the decision-making process.
Web design Most digitisation projects are made available through Websites Effective Access depends on good web design Identify users and their information.
Topic 11.  Purpose of a Website  Website Etiquette  Website Organization  Hyperlinks  Plagiarism  Bad Websites  References.
Web Design 101 John Schuster, Yourlink Web Services Inc.
Developing Effective Civic Websites An effective website balances what the client wants, what users need, and what constitutes good design by considering:
INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.
Web Design Plundered from Lynch and Horton. © 2004the University of Greenwich 2 10 x don't use Frames Leading edge technology Scrolling text, marquees,
Conceptual Design of the Website Site Architecture andNavigation.
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.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
Visual Organization and Website Design Unit 5 (no CSS) September 19.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
Web Page Design ECE 3940 Megan O’Byrne 10 September 09.
Navigation Design. From the Brookfield Zoo, IL  (from Zoo)
Website Development. W hat do you really want the website to say? How do you lay out the website and web pages? When it's completed, where do you publish?
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.
So You Want a Web Page!. What is a Web Page? According to Webopedia, a web page is: A document on the World Wide Web. A Web site is really a bunch of.
UNIT 14 Lecturer: Ghadah Aldehim 1 Websites. Introduction 2.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
The Wonderful World of Weebly. Contents What is a Weebly? How to plan a Weebly Site Goals Task details Access Link Step by Step.
Electronic Commerce BBA (Hons) ( ) (Website Designing and Publishing) By: Farhan Mir.
Web-designWeb-design. Web design What is it? Web-design features Before…
WEB DESIGN SOLUTIONS. 2 Presentation by JAVANET SYSTEMS 1st Floor, ROFRA House, Suite 4, Kansanga, Gaba Road P.O Box 31586, Kampala, Uganda Tel: +256(0) ,
Evaluating web pages Stuart Lloyd-Green Celia Korvessis Lindsay Krieger Shane Sullivan.
An Introduction To Websites With a little of help from “WebPages That Suck.
UNIT 14 1 Websites. Introduction 2 A website is a set of related webpages stored on a web server. Webmaster: is a person who sets up and maintains a.
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
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.
Web Design School Website Best Practices A Balance Between Professionalism and Creativity Professiona l.
Introduction to Web Page Design. General Design Tips.
Web Site Design 15 Easy Steps to an Excellent Web Site.
Building an Effective Website. Start with a plan  Have clear goal and design your entire site with those goals in mind.  Research and develop a sketch.
Negative ranking factors are things you do on your site that harm your rankings. Linking out to low trust websites. Duplicate Content Not Being Mobile.
Student’s Page Discussion Building a Better website By…. Student’s Page Click to continue.
Principles of effective web design NOTES Flo Morris-Duffin.

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.
Elements of Website Design. Homepage ● first page of the website ● website title ● general introduction ● authors or creators information ● date updated.
Inbound Marketing Training What is Inbound Marketing? Why are we here today? Who sponsored these FREE sessions? Who is Inbound Marketing Specialists? How.
To be completed Your proposal  Your House style  Your site plan  Page plans (a draft layout for each of your five pages)  A design mock-up -  All.
Unit 2, Lesson 7 Creating Web Pages and Web Documents.
Amy Jo Harrell 2006 Making your own web site Yes, I mean you!
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
Unit 8.2 / Lesson 1 / presentation1b Website Styles.
MAKING YOUR FIRST PRESENTATION GRADE 9 MISS L. MCVEIGH ROOM PowerPoint Enter.
Web Site Development - Process of planning and creating a website.
Web page layout in elegance.  Specific Designs for Target Audiences Consider your audiences tastes when creating your website.
Mr. Rouda’s CSCI 101 sections. Format of Every Page my page this is the body.
COMP 143 Web Development with Adobe Dreamweaver CC.
Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.
Unit 14 - Task 3 Webpage Design. Lesson: eportfolio Class: 13d Date: 21 st Jan Starter pageguide/badpgguide.html.
SPEECH & LANGUAGE SERVICES
Thinking Web > CONTENT DEVELOPMENT
Objective % Select and utilize tools to design and develop websites.
Public Services Information Management
15 Basic Web Designing Tips
Web-design.
Introducing the World Wide Web
Hosted by Coach Slanina
Objective % Select and utilize tools to design and develop websites.
Step 1: Design for a Computer Medium
A01 DESIGN To be completed Your proposal  Your House style 
Public Services Information Management
Creating a Website.
Web Design Principles.
Wells Fargo Toolkit – CreativeBuilder Reference Guide
Make “The Big Switch” Fall out of love with your store, your products your services, and your technology. Fall in love with your customers. In other words…
Presentation transcript:

Web Design Standards

What makes a good website Well Organized, Easy to Navigate – Provide multiple ways to connect to the same page – Use the “Hyper” in Hyperlink to your advantage Easy to Read – Dark text on a light background Interactive Appropriate Use of Graphics

What makes a good website Keep Pages Short! – Anything beyond 1.5 to 2 scroll lengths overwhelms the audience Tech Stuff – Appropriate, Easy to remember domain name – Search Engine Optimization

Designing a Website Keep your audience in mind – Usability/Accessibility – How tech savvy is your audience? Center structure around audience’s needs – Think about why people would come to your site, what are they looking for? Consistent Layout – Navigation scheme Avoid Using Frames

The Homepage First page of your site that most will see first All pages should link back to your homepage Only the first 4 to 5 vertical inches of your page will be visible by everyone

The Homepage Four types of homepages – Menu (Craigslist)Craigslist – News Oriented (syracuse.com)syracuse.com – Path based (Syracuse University)Syracuse University – Splash Screens (Barcelona Soccer, Funky Punky, Casiology)Barcelona SoccerFunky Punky Casiology Avoid, reduce credibility and cause up to 71% traffic loss Graphics or text based?

Contact Page Important!! Make contact information easy to find Format of addresses Don’t forget telephone numbers and physical addresses as well

Other Important Pages to Have Site Map FAQ Page Search Feature “What’s New” Other related sites pages

A few basics… Website is dated and signed – When last updated – Organizational name on every page Spelling and Grammar! – No quicker way to lose credibility All hyperlinks work External hyperlinks open in a new window Website is pleasing to the eye No automatic music!!

Examples World’s Worst Website Websites that Suck Bad Town of Moreau Good Elbridge Chamber of Commerce

References _a_good_website.htm _a_good_website.htm