(OF WEB DESIGN) The Seven Deadly Sins. 1. Too Much Template Website templates are a convenient, inexpensive and quick way to create a website. They are.

Slides:



Advertisements
Similar presentations
Web Usability Starring the Webcredibles: Link, Dr. Web Credible, & Wendy Warner.
Advertisements

Peer Feedback. In the homework section on the web for today: In the homework section on the web for today: 1. Open the link in the file and log into
Basic Power Point Guidelines
The seven deadly sins of power point presentations
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
 Don’t Make Me Think Guiding Principles PowerPoint by Matt Murrell.
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.
AdvWeb-1/20 DePaul University SNL 262 Web Page Design Design Information Instructor: David A. Lash.
Web Design Principles Joan Naturale NTID Reference Librarian.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
Educator Websites Friend or Foe? Presented by Jeff Gullion Instructor, Information Technology Des Moines Area Community College IBEA Conference October.
Visual Organization and Website Design Unit 5 (no CSS) September 19.
Do’s and Don’ts of Web Design By: Cassandra VanHumbeck.
PowerPoint Presentation Guidelines
14-Aug-15 Design Principles. Design principles In The Non-Designer’s Design Book: Design and Typographic Principles for the Visual Novice, Robin Williams.
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.
Website Design. Designing and creating different elements involved in developing a website for e- commerce can help you identify and describe the components.
Nick Donnarumma. We are either very lazy or very efficient because we tend not to read pages. We scan them instead to save time. We don’t figure out how.
Basic Principles of DESIGN Bristol Community College Bristol Community College Paula Mailloux Sources: The Non-Designers Design Book The Non-Designers.
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.
Good Web Design And other life skills…. “I can recognize good and poor web design.”
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.
Lesson 1 Text, Graphics Links Content Navigation Video, Audio.
 Understand the problem  Brainstorm solutions  Introduce the constraints  Choose the solution  Paper design  Actual design  Evaluate  Revise.
Web-designWeb-design. Web design What is it? Web-design features Before…
Improving Your Web Site’s Appeal Kevin Campbell Duke University/Grouchyboy.com.
GOOD SLIDES, Bad slides. BAD SLIDES Bad slides use text that is so small that no one in your audience can read it without squinting and getting a headache.
The Internet Writer’s Handbook 2/e Web Page Design Writing for the Web.
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.
Using Dreamweaver Web Page Design. Introduction to Web Page Design Developing a New Site Building a web site involves creating individual pages and linking.
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;
W eb D esign Concepts. The Web Design Process  Design Phase  Production Phase  Distribution Phase  Maintenance Phase.
The Good, Bad, and the Ugly Websites October 2, 2012.
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
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.
CREATED BY: BRAYDEN ROOS DO’S AND DON’TS OF WEB DESIGN.
Design Principles The good and the bad Alyssa Mendiola Summer 2009.
 Understand the problem  Brainstorm solutions  Introduce the constraints  Choose the solution  Paper design  Actual design  Evaluate  Revise.
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.
COM 205 Multimedia Applications St. Joseph’s College Fall 2003.
Ecom6010 Presentation Bing Gao, Hui Li Lijuan Zeng, Wei Li.
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.
PowerPoint Presentation Tips Brought to you by – Mrs. Kelley The person grading your presentation!
Web Design and Development Web Pages for the Real World.
By Emily Snyder. Colours Do…Don’t… You should have a background that is a fairly dull colour, it will make it easier to see the text. The colour should.
The Top 10 Tips to Avoid “Death by PowerPoint”
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.
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.
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.
Graphics Navigation Usability Typography Content Clarity & Consistency.
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.
Tips for Preparing a Professional Presentation. The first thing that gives a professional touch to any presentation is the design.
Human Computer Interaction: World Wide Web Rebecca W. Boren, Ph.D. Introduction to Human Factors & Ergonomics Engineering IEE 437/547 November 2, 2011.
Some tips to make your presentations presentable! Basic Power Point Guidelines.
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.
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.
Web Design Principles.
Web-design.
Better Design Understand how to incorporate key design concepts to the entire site Guidelines for site design Use color, balance, alignment, and other.
Design Principles 8-Dec-18.
Unit 14 Website Design HND in Computing and Systems Development
Design Principles 5-Apr-19.
COM 205 Multimedia Applications
Elements of Effective Web Design
Web Design Principles.
Presentation transcript:

(OF WEB DESIGN) The Seven Deadly Sins

1. Too Much Template Website templates are a convenient, inexpensive and quick way to create a website. They are also an excellent way to bore your audience and make you look foolish, lazy and unoriginal if you over do it. Most template purveyors brag about industry specific templates. If you think about it, what that really means is that competitors will be using the same stock images, graphics and layouts. Mortal Sin Leaving the template provided ipso text up. Heavenly Virtue A template can and should be used to create cohesiveness and to keep navigational elements in place.

2. Grating Graphics There are few things more irritating than waiting for unnecessarily oversized images to load. A few lesser contenders include missing graphics with no alt labels and images that don’t fit on the screen, forcing you to scroll horizontally. Mortal Sin Thumbnails that link to full-sized images that are barely larger than the thumbs. Heavenly Virtue Graphics that compliment the content and are visually appealing.

3. Sensory Overload Is your website seizure inducing? Unless you are promoting a warehouse rave, avoid using anything that should come with a warning for epileptics. Avoid neon or other bright backgrounds, blinking special effects, cursor trailers, pop up windows, scrolling marquees, web counters and long flash-intros. They are all just a bunch of eye (sore) candy that make it more difficult to find relevant information. Mortal Sin While you may think your choice of music complements the web experience, trust me it doesn’t. Nothing is more jarring than a computer suddenly belting out tinny music when you don’t expect it. Heavenly Virtue Using a color contrast analyzer to make sure text and background colors work well together.color contrast

4. Where the Hell Am I? When someone visits your website, they inevitably fall into one of two categories, first timers or repeat visitors. The first group wants to find out what you are about and the second group is usually in need of some quick information, like scheduling or contact information. As simple and as logical as it may seem to make that information easily accessible, countless websites ignore the needs of one or the other group or both. Unclear navigation or overly complex navigation make it hard (or impossible) for visitors to get their desired information. Mortal Sin Orphan pages with no links back, no links home and no identification. Heavenly Virtue A well thought out navigation system with an intuitive layout make for happy web visitors.

5. Terrible Text Sometimes too much choice can be a bad thing. Take text for example. While today there are thousands of fonts and color combinations to choose from, using the vast majority of them is a really bad idea. The best bet is to go generic and keep the font size larger than 8 point. Text should also be easy to scan, so avoid huge blocks of paragraphs, especially all in bold or italics. Mortal Sin Any type of blinking text Heavenly Virtue Using a clean sans serif font in an easy to read contrasting color.

6. Lame Links While many people love mysteries, they usually don’t appreciate them when it comes to website visits. Links should be clear about where they are going to take you, and they should also let you know where you have been. When visited links don’t change color, users may unintentionally revisit the same pages repeatedly. Mortal Sin Nothing says amateur and ugly more than default electric blue links on text or bordered around graphics Heavenly Virtue Easily identifiable links

7. Absence of Aesthetics Yes, websites need to be functional, but they also need to be aesthetically pleasing. The layout should draw you into the key part of the page. A sense of symmetry is best, but the key elements of a page shouldn’t be centered. You’ll want to avoid having no focal point or too many focal points on the page. The background should enhance and frame the key elements rather than distract from them. Mortal Sin Blinking neon wallpaper neon wallpaper Heavenly Virtue Finding the perfect balance between graphics, color, fonts, photos and layout. Source: