HOW TO RECOGNIZE GOOD AND BAD DESIGNS BY DILLON SPONSELLER AND TYLER KELLY.

Slides:



Advertisements
Similar presentations
CSE2MA Multimedia Authoring Semester 2, 2011 Web Page Design Week 2.
Advertisements

Web Design Bill Pegram April 25, Goal of Presentation Summarize ideas from part of The Non- Designers Web Book, Third Edition, Robin Williams &
Elements of Design: The 4 Basic Principles.
Chapter 4 Planning Site Navigation. 2 Principles of Web Design Chapter 4 Objectives Understand navigation principles Build navigation schemes that meet.
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
Shashank Mohan ITC105 Part A – Power Point Presentation.
Format for Ease of Access Importance Design Principles Design Elements.
Principles of Graphic Design with some background on Web 2.0 styles.
Prof. Anselm SpoerriWeb Design Summary1 Web Guiding Principles Diversity of Users & Rapid Change –Diverse users, diverse computers, diverse skills, diverse.
Four Basic Design Principles
Web Design Principles Joan Naturale NTID Reference Librarian.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Chapter 4 Planning Site Navigation. Principles of Web Design 2nd Ed. Chapter 4 2 Principles of Web Design Chapter 4 Objectives Create usable navigation.
Document Design: Guidelines for Effective Information Layout Dr. Shelley Thomas ENGL 3100.
Website Design BTT1OC/2OC. What is web design? O A web site is a digital page consisting of HTML (hypertext markup language) files, images, movies, sound,
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.
Basic Principles of DESIGN Bristol Community College Bristol Community College Paula Mailloux Sources: The Non-Designers Design Book The Non-Designers.
LESSON #3 WEB DESIGN. WHAT IS WEEBLY? Weebly.com is web 2.0 like online site builder with some advanced features. Is the perfect tool for creating classroom.
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!
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.
Good Web Design And other life skills…. “I can recognize good and poor web design.”
Document and Web design has five goals:
© Anselm Spoerri Lecture 14 Course Review –Course Objectives –Design Principles Evaluation Criteria used for Term Project.
Web-designWeb-design. Web design What is it? Web-design features Before…
Web Design.
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.
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.
Return to Game. Design Principles Jeopardy ! Welcome to……
Contrast Repetition Alignment Proximity Serif San Serif Quiz
Design Principles The good and the bad Alyssa Mendiola Summer 2009.
Touring the Web Figuring out the best roads to take in web page design.
Basic Elements of Design
IT: Web Technologies: Web Animation 1 Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Designing Web Site Layout Using.
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.
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,
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.
Title of event 14th March 2015 First name Surname, other names Institute of Machine and Industrial Design Faculty of Mechanical Engineering Brno University.
Multiplication Facts Table of Contents 0’s 1’s 2’s 3’s 4’s 5’s 6’s 7’s 8’s 9’s 10’s.
Information Literacy. Addressing a new challenge in society.
With a focus on screen design and CRAP. The Joshua Tree Epiphany.
INSTRUCTIONAL DESIGN PRINCIPLES And How They Apply to Web Design Susie Kozak Grand Canyon University TECH542 July 19,2011.
Graphics Navigation Usability Typography Content Clarity & Consistency.
Introduction to Interactive Media 09: Good Design is CRAP.
AGCJ 407: Web Authoring in Agricultural Communications Design Characteristics AGCJ 407 Web Authoring in Agricultural Communications.
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.
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.
Copyright © Terry Felke-Morris Web Development & Design Foundations with HTML5 8 th Edition CHAPTER 5 KEY CONCEPTS 1 Copyright ©
CARP Four Principles of Design
Web-design.
Include everyone’s name Picture optional
Top Five Web Design Misteaks (sic)
Layout - you need to understand that a simple navigation bar:
Checklist to Consider For Design Ultimate Landing Page Menomonie Web Design Agency.
Page plans A01 Design.
Web Design Techniques.
Good and Bad Design Mandy Smetana.
Session I Chapter 18 - How to Design a Web Site
Website Design and Management Section 3 - Design
Different font styles used for every word
Design Principles 8-Dec-18.
Web Design Tips.
Dreamweaver Fireworks Flash
Unit 14 Website Design HND in Computing and Systems Development
Design Principles 5-Apr-19.
Chapter 4 Planning Site Navigation
8 1 7 Subtraction Facts
Presentation transcript:

HOW TO RECOGNIZE GOOD AND BAD DESIGNS BY DILLON SPONSELLER AND TYLER KELLY

GOOD DESIGNS Contrast Repetition Alignment Proximity Attention Simplicity Test early, Test often

GOOD DESIGNS CONTINUED Text Navigation Links Graphics General Design

BAD DESIGNS Text Backgrounds Links Graphics Tables Blinking, animations

BAD DESIGNS CONTINUED Junk Navigation General Design

EXAMPLES OF GOOD DESIGN

MORE GOOD DESIGN EXAMPLES

EXAMPLES OF BAD DESIGNS

MORE BAD DESIGN EXAMPLES

GAME TIME

GAME TIME CONTINUED

QUIZ QUESTIONS What are three things that are recognized in good designs? What are three things that are recognized in bad designs? What text facts are in good designs? Bad designs?

QUIZ ANSWERS Text, links, and graphics, contrast and others Text, links, and graphics, and others Big enough to read, columns make it easy to read, hierarchy of information is perfectly clear. Text is too small, underlined text that is not a link, paragraphs in all caps

WORKS CITED "20 Examples Of Bad Web Design." Top Design Magazine - Web Design and Digital Content. Web. 19 Jan "Bad Web Design Features." Robin Williams. Web. 19 Jan "Good Web Design Features." Robin Williams. Web. 19 Jan