果冻传媒

6.16 Links - Proof Point or CTA (Calls-To-Action)

The 'Links - Proof Point or CTA' block can be very visually powerful and should be used with care.

Proof points provide a visually interesting way to present important facts about the site in an easy to absorb fashion -- i.e., no reading. Studies show that most website visitors only skim a web page and don't read all the text. However, proof points do have strict character limit counts so need to be limited to small chunks of information.

Calls to Action are an extremely important part of a web page, especially your home page.  They provide direction to the page visitor, giving a clear route to accomplishing the next step in a goal. When creating your calls to action, consider what it is you want the visitor to do next and help them get there.

Best Usages

  • Large Proof Points: Concise facts with numbers work best with Large Proof Points. See Quick Reference below for character limits.
  • Small Proof Points:  Presenting very important short pieces of text. See Quick Reference below for character limits.
  • Call-to-Action Buttons: Use short, descriptive text with action words - 20 character limit
  • Call-to-Action Links: Works better for calls to action of secondary importance on a page - 15 characters per line

Example

A 'live' web page that is using a power point and call to action blocks. The blocks of content are outlined and has arrows pointing to them, clicking will take you to the undergraduate admissions web page

Styles & Usage

The style types that are available for this block are listed below:

Proof Points

Type 1: Proof Points Large with Intro Text

Mike Cottrell College of Business

The Mike Cottrell College of Business builds strong graduates and strong communities.

Over

3,900

business students in Fall 2015

Increase of

207%

in the number of internships since 2013

Named a

Best

for Vets Business School in 2 of the past 3 years

Type 2: Proof Points Small with Intro Text

We provide multiple location and online options, providing personalized attention, small class size, and flexible schedules.

Type 3: Proof Points Large no Intro Text

ACT

14

Math

ACT

12

English

SAT

330

Critical Reading

Type 4: Proof Points Small no Intro Text

Improve your physical fitness

Become an army officer

Leadership & Management Skills

CTA (Call to Action)

Type 1: Call to Action Buttons with Intro

Find Out More

Type 2: Call to Action Links

Type 3: Call to Action Buttons - No Intro

The diagrams below will help you determine where this block can be used. The "Y" inside the box, green yes square, means this block can go in to this column or space. The ''N' inside the box, red no square means this block can't go in this column or space.

Proof Points

 

CTA's (Call to Actions)

Proof Points Large

Naming Convention

  • Name of block should always begin with ppoints-

Please be sure to double check your naming structure to ensure there are no spaces in between any words or dashes. Any space in the name will disrupt the functionality of your block.

Correct: ppoints-fall-signup

Incorrect: ppoints fall-signup

Character Limits

  • header – 20 characters
  • intro paragraph – 250 characters
  • above the line – 10 characters
  • below the line – 5 characters
  • text – 100 characters

What can I add to this block?

  • Links? Yes
  • Other Blocks? No

Note: This should not be the first thing on a page

Proof Points Small

Naming Convention

  • Name of block should always begin with ppoints-

Character Limits

  • header – 15 characters
  • Intro paragraph – 150 characters
  • proof points – 40 characters

What can I add to this block? 

  • Links? Yes
  • Other Blocks? No

Note: This should not be the first thing on a page

Call-to-Actions Links

Naming Convention

  • Name of block should always begin with lk-cta-

Character Limits

  • links – 15 characters per line of text (text will wrap and create more lines)

What can I add to this block?

  • Links? Yes
  • Other Blocks? No
  • Columns? Yes (pre-designed format)
  • Sections? Yes (pre-designed format)

Note: This should not be the first thing on a page

Call-to-Actions Buttons

Naming Convention

  • Name of block should always begin with lk-cta-

Character Limits

  • Intro text - 20 characters
  • Link text - 20 characters

What can I add to this block? 

  • Links? Yes (only for button link)
  • Other Blocks? No

Note: This should not be the first thing on a page