CTE Task: Understanding and Evaluating Websites​

Click here to download the teacher material for this task. 

COURSE:

Business Communications

TASK LENGTH:

45 minutes

 

Understanding and Evaluating Websites

Task Description

Standards

In this activity, students will

  1. Evaluate a professional website for the website’s layout, colors, text, graphics, and design, as well as the credibility of its content;
  2. Develop a website evaluation rubric from their individual findings.

Business Communications, Standard10: Locate a website used by a business to sell a product or service. Evaluate the website’s design, content, text, images, layout, and color. Discern the site’s effectiveness and ease of navigation, including the use of hyperlinks. Using persuasive writing, produce a critique addressing the pros and cons of the site, and offer recommended revisions.

Advertising and Public Relations, Standard 16: Identify and describe characteristics of essential features of a product website, including visual components, navigation features, and optimization of search engines. Create a rubric to evaluate the effectiveness of a website’s design and interactive features.

Web Design Foundations, Standard 16: Explain the graphic design concept of composition. Include various applications like visual hierarchy, grouping, visual cues, and integration of elements.

 Content Understandings

Extending Understandings

Upon successful completion of these tasks students will demonstrate the ability to:

  • Identify the main elements of a successful website, including visual (layout, design, color, images, graphics, text) and content, and explain what makes these elements successful;
  • Evaluate a website’s credibility by analyzing visual components and consistency, as well as its content bias, currency, and source;
  • Use their information from their website analysis to develop a website evaluation rubric;
  • Justify what is needed to effectively evaluate a website.

To move students towards deeper understanding, they should be given opportunities to:

  • Create a sample webpage using Google Sites or Adobe Spark to pair with their rubric.

Support Strategies

If students are struggling to access this task, additional supports and strategies could be employed as students are engaging with the task.

Key Terms

Sentence Frames

Scaffolded Questions

Webpage & Website

 

 

 

Webpage layout

 

 

 

 

Storyboards

 

 

 

 

Anchor link & external link

 

 

 

 

Content bias

 

 

 

 

 

 

Content currency

 

 

 

 

Content source

A ___________________ consists of multiple _______________, single-hypertext documents, connected together and typically hosted on the same server.  

 

Designing a _____________________ involves structuring and patterning the information so that the webpage is easy to navigate and foregrounds the most important information.

 

Before you start designing a webpage, you may want to consider creating a _____________, or a sequence of drawings, to help plan your page’s layout and design.

 

If you click on a link that takes you to another part of the same page, you’ve used an ____________ link; whereas, an ___________ link will take you to another webpage or website.

 

When you access information on a website that seems to lean more towards one opinion than another and lacks sufficient supporting evidence, the website creator has used _______________ to try to convince you to align with their vision or purpose.

 

Your friend is describing to you a webpage where the links are all active, the content information is up-to-date, and the last update happened two days ago. They’re describing the web page’s ________________.

 

___________________ informs the reader that the webpage’s information is credible and legitimate. 

What are the main characteristics of a well-designed layout for a webpage? Select two of these characteristics and explain why they’re important?

 

What elements of a website determine its consistency? Explain these elements.

 

How can you evaluate the credibility and legitimacy of a webpage and/or website?

 

When designing a website for a product, business, concept, personal brand, etc., why should you take the time to familiarize yourself with all of the aforementioned aspects of website design?

 

 

 

 

Additional Resources

Teacher Instructional Materials (See Appendix):

Evaluating a Professional Website Activity (list of websites and worksheet)

Website Evaluation Starter Rubric

Understanding and Evaluating Design

Context:

This activity will follow an introductory lesson on the basics of analyzing a webpage and website. The instructor should introduce students to the important terminology and then apply that terminology by modeling for students how to evaluate a webpage and website.

 

Activity Steps:

  1. The instructor will provide students a list of professional websites and the Evaluate a Professional Website Activity. Students will select one of the websites and evaluate it using the worksheet.
  2. Once they complete the worksheet, students will connect with their pre-determined small groups (approximately 3-5 students per class depending on class size) to discuss their findings.
    1. Each group will communicate via discussion board and/or email to discuss their findings and develop their rubrics. The instructor will be responsible for setting up the small group discussion boards and/or email groups.
  3. Each group will use their professional website findings to develop a website evaluation rubric. To guide students, the instructor will provide a starter rubric that includes important categories.
    1. In addition, each group needs to write a one-paragraph justification to accompany their rubric.
  4. Once the group has completed their rubric and justification, they will submit it, along with their individual website evaluation worksheets, to the instructor for review and feedback.

Appendix: Teacher Instructional Materials

Evaluating a Professional Website Activity

Directions: Students will choose from one of the below websites and complete the following worksheet.

Name:  _________________________________________________________________________

Website:  _______________________________________________________________________

List of Websites:

Zillow

Workstack

Campos Coffee

Tasty Shop

Seriously Unsweetened  

___________________________________________________________________________________________________________-

Analyzing Websites Worksheet (Access the worksheet using this hyperlink.)

(Adobe Systems Incorporated. (2010), Analyzing websites [Online worksheet]. Adobe Education Exchange https://cdn-00.cteonline.org/resources/documents/95/958fb36f/958fb36fa12ba19f81eb64126fd17940f18dca29/u2_analyze_websites.pdf)

Website Evaluation Starter Rubric

Directions: Work to create a website evaluation rubric using your website activity findings. I’ve already provided the main content areas for you. You need to decide what to include in those areas. Use your worksheet from the website analysis activity to help you come up with specific elements for each category. (Note: You should have at least three points per category.)

Name: _______________________________________________________________________________

 

Use this rubric to evaluate your website. Use 1, 2, 3 as your ranking system, with 1 being the lowest and 3 being the highest.

Website Evaluation

Functionality/Ease of Navigation

 

 

 

 

 

1

2

3

Homepage

 

 

 

 

 

 

 

 

Visual Design

 

 

 

 

 

 

 

 

Use of Multimedia

 

 

 

 

 

 

 

 

Content Layout

 

 

 

 

 

 

 

 

Content Source & Bias

 

 

 

 

 

 

 

 

Content Currency

 

 

 

 

 

 

 

 

Total

 

 

Student Resource

Click here to download the student resource for this task. 

Evaluating a Professional Website Activity

Directions: Students will choose from one of the below websites and complete the following worksheet.

Name:  _________________________________________________________________________

Website:  _______________________________________________________________________

List of Websites:

Zillow

Workstack

Campos Coffee

Tasty Shop

Seriously Unsweetened  

___________________________________________________________________________________________________________-

Analyzing Websites Worksheet (Access the worksheet using this hyperlink.)

(Adobe Systems Incorporated. (2010), Analyzing websites [Online worksheet]. Adobe Education Exchange https://cdn-00.cteonline.org/resources/documents/95/958fb36f/958fb36fa12ba19f81eb64126fd17940f18dca29/u2_analyze_websites.pdf)

Website Evaluation Starter Rubric

Directions: Work to create a website evaluation rubric using your website activity findings. I’ve already provided the main content areas for you. You need to decide what to include in those areas. Use your worksheet from the website analysis activity to help you come up with specific elements for each category. (Note: You should have at least three points per category.)

Name: _______________________________________________________________________________

 

Use this rubric to evaluate your website. Use 1, 2, 3 as your ranking system, with 1 being the lowest and 3 being the highest.

Website Evaluation

Functionality/Ease of Navigation

 

 

 

1

2

3

Homepage

 

 

 

 

 

 

 

Visual Design

 

 

 

 

 

 

 

 

Use of Multimedia

 

 

 

 

 

 

 

 

Content Layout

 

 

 

 

 

 

 

 

Content Source & Bias

 

 

 

 

 

 

 

 

Content Currency

 

 

 

 

 

 

 

 

Total