Analyzing a Webpage/site. Authority Who is the author? What are the author’s credentials? Is the webpage/site sponsored by any organization or corporate?

Slides:



Advertisements
Similar presentations
 Subject: What is the text about? (topic)  Out of what exigency (opportunity) did the text grow? What is the context (time, place, social attitudes,
Advertisements

Principles of design caroline burdett. repetition balance proximity simplicity contrast.
Principles of Graphic Design with some background on Web 2.0 styles.
INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
Basic Principles of DESIGN Bristol Community College Bristol Community College Paula Mailloux Sources: The Non-Designers Design Book The Non-Designers.
C.R.A.P.   Color balance : The colors of the entire illustration- grey, black, white and the contrast orange, seem like they were chosen without much.
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
Web Design, 3 rd Edition 2 Web Publishing Fundamentals.
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!
Evaluating Websites.
5.00 UNDERSTAND PROMOTION 5.01 Understand the use of an advertisement’s components to communicate with targeted audiences.  
Multimedia & The World Wide Web winny HCI 201 Multimedia and the www.
Web Design, 5 th Edition 2 Web Publishing Fundamentals.
Web Design, 3 rd Edition 2 Web Publishing Fundamentals.
BASIC PRINCIPLES OF DESIGN DESIGN, MULTIMEDIA, AND WEB TECHNOLOGIES (DMWT)
Press Association Websites The job of a website is to house information and make it easily accessible.
1. 2 OVERVIEW First Impressions Content Purpose Design Distinction Closing.
Progress Report: Project 4 Web Solutions. Interviews (Jennifer) Usability Testing (Andrea Kayne) Final Report due Accessibility Analysis (Andrea.
Copyright © 2002 by Pearson Education, Inc., publishing as Longman publishers. All rights reserved. Chapter 8 Designing Pages and Screens Professional.
Evaluating web pages Stuart Lloyd-Green Celia Korvessis Lindsay Krieger Shane Sullivan.
W eb D esign Concepts. The Web Design Process  Design Phase  Production Phase  Distribution Phase  Maintenance Phase.
Web Page Design Principles
Using Adobe ® Dreamweaver ® and Photoshop ® An Introduction PART ONE The design phase before launching Dreamweaver.
Website Evaluation Purpose What is the purpose of the site or page? Look for tips in graphics and text. Web pages may be...
Tips on making a Corporate Identity By Jennifer L. Bowie & You!
Design Principles Web Design. Design Principles  Contrast  Repetition  Alignment  Proximity.
Design Principles The good and the bad Alyssa Mendiola Summer 2009.
Purposes for Using PowerPoint Why use PowerPoint? Does our use of technology in the classroom promote student learning? When is PowerPoint unnecessary?
Creating visually attractive and appealing publications.
INTERACTIVE BRAND COMMUNICATION Class 6 Creative Issues II: Creating Effective Online Advertising.
Interface Design.
Introduction to Web Page Design. General Design Tips.
INTRODUCTION Basic Design Principles Proximity Visual Hierarchy Visual Hierarchy Symmetry / Asymmetry Symmetry / Asymmetry Repetition Unity Contrast.
Quality Control for the World Wide Web. “So, What’s Your Problem?” Quantity vs. Quality Internet As an Uncontrolled Medium.
Web Site Design 15 Easy Steps to an Excellent Web Site.
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,
Click on the link to answer questions 1-8. View the examples of each element to help you understand each principle. You will have to scroll down to find.
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.
Desktop Publishing D ESIGN P RINCIPLES 1 “The point of design is to encourage and facilitate communication between the viewer and the media being viewed.
0707 IAT 102 Graphic Design Design Basics Design Tools.
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.
Web Page Concept and Design :
Graphic Design. What is it? Process of combining text and graphics to communicate an effective message through the design of logos, graphics, brochures,
VISUAL RHETORIC All the C.R.A.P. you need to know… The Purdue Writing Lab.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Planning and Design.
Design Principles 3.02 Understand business publications Slide 1.
We looked at these two presentations and talked about the structure of setting up the table.
Design Principles 5.01 Understand business publications Slide 1.
Graphic Design Allanagh Sewell Instructor, Computer Science Department Southeastern Louisiana University.
Is This Website A Useful Resource? Helpful Tips. A Useful Website Has... Quality, depth and usefulness of content clear statement of the content, including.
Click on the link to answer questions 1-8. View the examples of each element to help you understand each principle. You will have to scroll down to find.
The Design Principles The overall flavour the ingredients create.
EQ: How do I evaluate a website?. Evaluating Websites Thinking about validity.
Research Tools Brenda Carlson Media Specialist Adams High School.
4-0 MULTIMEDIA INFORMATION AND COMMUNICATION TECHNOLOGY.
Concepts Ch 2 Review. 216 Browsers on both PCs and Macs share ___ colors.
DMT612 Professional Preparation EFFECTIVE WEB DESIGN.
Copyright © Terry Felke-Morris Web Development & Design Foundations with HTML5 8 th Edition CHAPTER 5 KEY CONCEPTS 1 Copyright ©
By Vicky Vickers Summarized by Mr. Parslow Webpage Design.
Section 7.1 Section 7.2 Identify presentation design principles
5.00 UNDERSTAND PROMOTION 5.01 Understand the use of an advertisement’s components to communicate with targeted audiences.  
Design Principles Proximity Font
Casting light on the World Wide Web
Additional Information
Introducing: CRAP TECH MENTORING
1.02A – Principles of Design
Elements and Principles For Design!
Presentation transcript:

Analyzing a Webpage/site

Authority Who is the author? What are the author’s credentials? Is the webpage/site sponsored by any organization or corporate? What is the URL domain?

Communication Can you contact the page/site developer? Is their contact information included on the home page? Are forms of feedback or interaction available for the various users? – (EX. Quizzes, message boards, options, feedback forms, etc.)

Accuracy What is the purpose of the webpage/site? – To Communicate, To Educate, To Entertain, To Conduct Business Is the webpage/site a “glorified” infomercial? Are funds or members being recruited? Is there any support or evidence that the webpage/site or products are of good quality?

Currency Is the information up-to-date? – What is the date on the webpage? Last updated? Are all links current? – Are “dead” links / “orphan” pages present on the page/site? Links / Pages in a web site that don’t lead anywhere; the page has been deleted or will not load

Objectivity Is the information within the website very detailed? Can the information be checked for accuracy? – Are links provided? Is the information bias? – If biased, is it obvious or hidden? – How is the usefulness of the information impacted by the bias?

Accessibility Does the site load quickly? Can you navigate easily throughout the site? Are advertisements present on the site? – Do they interfere with the ability to navigate and use the page/site?

Creativity Is the text legible and neat? Do the graphics add to the content of the webpage/site or distract from it? Is a color scheme or a common design used throughout the entire site?

Organization Is the site well organized? Did you find any mistakes in spelling or word usage (grammar)? Is all information clearly presented? Does the site have clearly identified goals? Are the targeted audiences (the group of individuals the pages are designed specifically for) easily distinguished?

Design Principles for Creating Webpages/sites

Balance Balance: the arrangement of the elements on the webpage/site Symmetrical webpages: – Create a balanced or centered atmosphere – Too much symmetry can create boring, uninteresting pages/sites Asymmetrical webpages: – Suggest an energetic, fun mood

Proximity Proximity: elements that relate to each other should be placed by each other – EX. Mission statements near a company’s name, a caption near its corresponding photo White Space: empty space around text and/or graphics – Need to find a happy medium between too much & not enough – To create white space: add line brakes, space around tables/images, indent paragraphs, paragraph breaks etc.

Contrast Contrast: the mix of the elements to attract attention Achieved through: – Light on Dark, Dark on Light background and text colors – Varying the size of text font Contrast brings focus

Focus / Emphasis Visually dominant and eye-catching focal points which can be achieved through repetition – A break in the basic structure will draw attention Unity Creates a consistent brand or identity for site Forms a connection between elements Adds organization Factors which contribute towards Unity: – Color- Proximity – Repetition- Consistency – Alignment