12 Tips to Creating Effective Web Sites Don’t Make Sites that Suck!

Slides:



Advertisements
Similar presentations
Web Usability Starring the Webcredibles: Link, Dr. Web Credible, & Wendy Warner.
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?
Applications Software
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.
Scientific Communication CITS7200 Lecture 11 Designing and Writing Web Pages.
BASICS OF BLOGGING. WHAT IS A BLOG? "Blog" is an abbreviated version of "weblog," which is a term used to describe websites that maintain an ongoing chronicle.
Internal information 1 EPi/Policy training UK September 12, 2008.
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.
Presented by Ryan Walters. The Site  The main page of the site (seen left) is the users first introduction to the whole site.  The look is clean and.
INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.
Visual Organization and Website Design Unit 5 (no CSS) September 19.
DoW text: Task and WP leaders will prepare syntheses reports of the project progress, its results and its implications. These synthesis reports will be.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
Do’s and Don’ts of Web Design By: Cassandra VanHumbeck.
Website Design. Designing and creating different elements involved in developing a website for e- commerce can help you identify and describe the components.
Paper Prototyping Source:
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.
Designing for the Web 7 Useful Design Principles.
Presented by Chad Kafka This Month’s Topic: Wikispaces Advanced Today’s session is an introduction to what a WIKI is and how they can be used in education.
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.
1/28 Using PowerPoint for Academic Presentations How to… How NOT to…
The Wonderful World of Weebly. Contents What is a Weebly? How to plan a Weebly Site Goals Task details Access Link Step by Step.
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.
WWW, Web Design, Multimedia Winny Wang Site Design and Site Map.
1. 2 OVERVIEW First Impressions Content Purpose Design Distinction Closing.
Micro sites Basic training guide. Welcome to your Micro site. Here you can create your own personal page within the Countrywide website. When you first.
Web Development. Interaction Design How is information organized? How will people find their way around the site? How will people work with the information?
Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.
General Information: This document was created for use in the "Bridges to Computing" project of Brooklyn College. This work is licensed under the Creative.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: – The head content – The body Creating Head Content and Setting Page.
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
CREATED BY: BRAYDEN ROOS DO’S AND DON’TS OF WEB DESIGN.
Web Design School Website Best Practices A Balance Between Professionalism and Creativity Professiona l.
INTERACTIVE BRAND COMMUNICATION Class 6 Creative Issues II: Creating Effective Online Advertising.
Enjoy-a-Ball Franchisee Basic training guide. Welcome to your Enjoy-a-Ball Micro site. Here you can create your own personal page within the Enjoy-a-Ball.
A guide to creating a power point display Essentials Ctl M =New Slide: a new slide can be inserted. It is placed after the slide that you are viewing.
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.
Web Design. Keep a Consistent Appearance Visually show that the site is the same Always use the same background Same graphic style Same type formatting.
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.
PowerPoint Basics Tutorial 4: Interactivity & Media PowerPoint can communicate with the outside world by linking to different applications, managing different.
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.
Multimedia & The World Wide Web winny HCI 201 Multimedia and the www.
Development and Design of Multimedia. Planning Your Title 1)Develop the concept or idea – a multimedia project starts with an idea that supports a vision.
Principles of effective web design NOTES Flo Morris-Duffin.

Unit 1: Graphics are all around us Design Graphic.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
Users and the Interface When designing an information system you need to have a clear idea of who the target audience is. If the target audience is an.
Know your computer Make a Folder Copy from Word to Composer Format the Font Change the Alignment Format the Background Format the Colors Insert a Picture.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Planning and Design.
INDESIGN TO REVIEW. TEXT TOOL Used to -change font and font size -add text to text blocks -selecting and highlighting text.
Paper Prototyping Source: Paper Prototyping a method of brainstorming, designing, creating, testing, refining and communicating.
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.
+ Publishing Your First Post USING WORDPRESS. + A CMS (content management system) is an application that allows you to publish, edit, modify, organize,
Web page layout in elegance.  Specific Designs for Target Audiences Consider your audiences tastes when creating your website.
Web Design, 5 th Edition 3 Planning a Successful Website: Part 1.
Posters How to make them. How to present them..
What Is Firefox? __________ is a Web ___________ that you use to search for and view Web pages, save pages for use in the future, and maintain a list.
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.
What makes a Good Website?. Examples of Bad Websites For more really.
DMT612 Professional Preparation EFFECTIVE WEB DESIGN.
Section 6.1 Section 6.2 Write Web text Use a mission statement
Westmidland Websites Birmingham Office
Blog and its Steps.
Better Design Understand how to incorporate key design concepts to the entire site Guidelines for site design Use color, balance, alignment, and other.
Applications Software
Elements of Effective Web Design
Presentation transcript:

12 Tips to Creating Effective Web Sites Don’t Make Sites that Suck!

Need for Speed! Your site should load up within three seconds or say goodbye to your Web traffic. Sure the Internet has increased in bandwidth and speed significantly from 10 years ago because of fibre optics, coaxial cable or DSL, but don’t create intense media pages with too many overly large pictures. That will slow download times and frustrate your audience. People who are twitchy and itchy will bail quickly leaving your site unseen.

Who is it For? Any site is geared to varying interests and needs of different target audiences but this may not always be clear because of lack of visual cues or information. Make the overall impact and mood of the Web site positive and make sure it aligns with your visitors interests. For example, if you are a graphic artist displaying your work or portfolio online, don’t post information about your dog or cat as it will confuse an audience.

What’s the Point? As soon as you land at a Home page, if you can’t figure out the purpose of the site within 10 seconds, the web site sucks! Be sure to communicate the purpose of the Web site with a simple and effective introduction / description on the Home page so you can communicate effectively with your target or intended audience.

Stupidly Simple Navigation Navigation throughout the entire Web site should be simple and easy to access. All pages should be only three clicks away to your target destination. Insert menus or links so it appears in the same place (preferably at the top or side) consistently on all pages as not to confuse your target audience. A search bar is always helpful feature that helps with navigation.

Let’s Keep in Touch Wouldn’t it be nice to get in touch with each other? Isn’t that the point of the Internet and social media? When you create a Web page be sure to have a Contact or About page where people can get in touch so everybody can share ideas or ask questions. Yes, you will have to do this with your own portfolio site. A site should contain both a contact form and an address just incase the forms fail.

Sizzle & Steak Your Web site should have sizzle and steak! The sizzle is rich media in the form of videos, pictures or other interactive components. However, without supporting information or a description related to your sizzle, you are missing the steak. Be sure to add media along with a description or caption to communicate your ideas effectively. Written descriptions are also necessary for the visually impaired who can use software that read information directly from a Web page and are proper W3C standards for design.

Put Your Best Foot Forward Web sites can bombard you with information, details, facts, products, etc… that overwhelm. You don’t need it all! Take the opportunity to put your best foot forward and highlight the most information that communicates your idea. If you are a business, the most important ideas are your best products or services that need to be showcased succinctly. If you are creating a portfolio site, choose the most important pieces /work if you can and showcase it with style.

Constantly Consistent All text, colours, styles or sizes of headings should be consistent throughout the Web site. If a designer chooses a particular font on a home page and decides to go with another style on another page, a mish / mash tone of confusion is created that becomes a distraction.

Fresh Fantastic Many Web sites after they are conceived and created are left to rot. Information becomes less current or stale and little or no updates are performed. Take the time to update your site on a regular basis and make it current and fresh. If you are a graphic designer, update your portfolio site with current work. That doesn’t mean you have to showcase all of your pieces; rather, include work that is current and stands out as being the best.

Don’t Drive to Distraction Resist the urge to plaster your Web site with a distracting or busy background that takes away from your Web site. If you are going to incorporate a different background choose an image or colour that enhances the effect you are trying to achieve. In doing so, make sure the readability of the text is maintained. A proper site should also be organized effectively so your grandmother can find her way around in the dark. Can you read me now?

Avoid Toilet Paper Scrolling Web sites that have unusually long scrolling pages should be avoided as it becomes annoying for the viewer and mostly ignored. For that reason it is a good idea to concentrate all your information within the window or have a short scrolling page. Avoid horizontal scroll pages at all costs. Most of your audience will go to another site if they have to scroll across the screen.

Colour Me Smart Just because you have a large palette of colours doesn’t mean that you need to use a bunch like a 2 nd grader with a 64 pack of Crayola Crayons. Use a colour scheme with no more than five colours that works well together. A great site for generating colour schemes is: