Getting the Most out of Your Drupal Website

Experiment Station & Extension Communications

Getting the Most Out of Your Website

Jeff HinoLearning Technology Leader

Experiment Station & Extension Communications

Getting the Most Out of Your Website

Jeff HinoLearning Technology Leader

Drupal

<

Experiment Station & Extension Communications

• Why Drupal• Best Practices• The Future

Getting the Most Out of Your WebsiteDrupal

<

Experiment Station & Extension Communications

• “Your website isn’t something people read, it’s something they do. Visiting your site is an activity.”

– Industry newsletter

Getting the Most Out of Your WebsiteDrupal

<

Experiment Station & Extension Communications

• TV is a “Lean-back” medium• The Internet is a "lean-forward" medium…

Getting the Most Out of Your WebsiteDrupal

<

Experiment Station & Extension Communications

Why Drupal?

Experiment Station & Extension Communications

Why Drupal?

• Drupal is an open-source, web-based Content Management System (CMS)

• Database content storage• Allows content control, editing, and uses of

templates• Requires very little programming to maintain

content• Centralized training and support

Experiment Station & Extension Communications

Why Drupal?

• Consistent look & feel across all of Extension• Reinforce image as a unified organization• Efficient updating of links and content• Easy to navigate • Robust search engine• Ready for the future!

Experiment Station & Extension Communications

A New Look for Extension Websites

Experiment Station & Extension Communications

A New Look for Extension Websites

LEFT RAIL: Local site information

Experiment Station & Extension Communications

A New Look for Extension Websites

TOP RAIL:

Primary navigation (same for all sites)

Experiment Station & Extension Communications

A New Look for Extension Websites

RIGHT RAIL: Publications & events (same for all sites)

Experiment Station & Extension Communications

A New Look for Extension Websites

Local Content Area

Experiment Station & Extension Communications

Best Practices

• Planning your website• Writing• Designing• Maintaining

Successful Websi

te Checklist

• ------------------------------

--------------

• ------------------------------

--------------

• -------------------------------

-------------

•--------------------------------

------------

Experiment Station & Extension Communications

Planning

• Goal analysis• Audience analysis• Content audit

Experiment Station & Extension Communications

Planning

• Goal analysis– Your content has to have a goal!– Does the content help the audience quickly

attain the goal?• Audience analysis

– Current audiences– Potential new audiences

Experiment Station & Extension Communications

Planning

• Redeveloping your website: Clean out your attic!

• Do your pages need to be revised, or deleted?

• Identify topics & navigation

Content audit

Experiment Station & Extension Communications

Planning

Experiment Station & Extension Communications

Writing for the Web• “If you’re talking about writing, that’s easy; write in

English, using proper punctuation, capitalization, etc., and simple words. Tell the whole story in the first sentence of no more than three lines, one sentence per paragraph.

• Get to the point quickly; write concisely, in the active voice; avoid redundancies; write in the past tense; attribute properly; when you change speakers, attribute first.

Experiment Station & Extension Communications

Writing for the Web• If you’re talking about appearance online, use a sans

serif type, 12-point (for ease of reading), write no more than five lines per paragraph and skip a line between paragraphs. No need to indent the first line.

• Every four paragraphs, insert a subhead telling what’s coming next.

Experiment Station & Extension Communications

Writing for the Web

• “Remember, the Bible describes creation in fewer than 800 words, so be wary of writing more than 300 words on almost any topic. What else do you need to know?”

Dr. Tom Knecht, HeadAgricultural Communications

Mississippi State University

Experiment Station & Extension Communications

People browsing the web don’t read; they scan and skim.

Writing for the Web

Experiment Station & Extension Communications

Writing for the Web

• Avoid Information Overload• All text = B-o-r-i-n-g!

– Break up the paragraphs with headings, subheadings, captions, images, videos, etc. Make your content visually interesting.

– You can always link to a PDF document for those who want more in-depth information.

Experiment Station & Extension Communications

Designing for the Web

• Each element…both text and images…should help the reader understand your message.

• Less is more. Use white space.

• Have a strong home page.

Experiment Station & Extension Communications

Designing for the WebYour home page should:• Successfully communicate what your website is

about.• Be short & sweet. • Put compelling, interesting information before the fold • Grab their attention…or lose ‘em.• Keep them awake!• Tell your visitor where to go • Be awesome.

Experiment Station & Extension Communications

Designing for the WebCreate dominant elementsCreate dominant elements

Follow nature’s spiral shape pattern to create a coherent look and feel.Follow nature’s spiral shape pattern to create a coherent look and feel.

Experiment Station & Extension Communications

Search Engine Optimization (SEO)

• How do you get the search engines to give a high ranking to your website?– Drupal does this well…– Layout– Keyword density– Choose a meaningful title -->URL

Experiment Station & Extension Communications

Where Are We Headed?

• “Your website isn’t something people read, it’s something they do. Visiting your site is an activity.”

– Industry newsletter

Experiment Station & Extension Communications

Where Are We Headed?

• Interactivity• http://thisisthefuture.com:• We're building the infrastructure in

Drupal

Experiment Station & Extension Communications

Where Are We Headed?

We're building the infrastructure in Drupal• Social Media (Web 2.0) features

– Blogs

Experiment Station & Extension Communications

Blogging

• 15.5 million active blogs • Use social media as a means of going

where people are in order to connect and communicate.

Experiment Station & Extension Communications

Blogging

• Robert Emanuel, Extension Water Specialist

•  H2ONCoast blog– Uses OSU blog service

Experiment Station & Extension Communications

Where Are We Headed?

We're building the infrastructure in Drupal• Social Media (Web 2.0) features

– Blogs• Easy to post video

Experiment Station & Extension Communications

Where Are We Headed?

We're building the infrastructure in Drupal• Social Media (Web 2.0) features

– Blogs• Easy to post video• Pachyderm

– Pachyderm is an open-source web-based, media-rich interactiveflash presentation authoring andpublishing system.

Experiment Station & Extension Communications

The Three C’s…

• Communication• Content• Commitment

FCD

Experiment Station & Extension Communications

Commitment…

Then…

Now…

Next…

Experiment Station & Extension Communications

Where Are We Headed?

We're building the infrastructure in Drupal• A seamless, easily shared online

centrally managed database that links Oregonians to trusted, research-based sources of Extension information…you!

FCD

Experiment Station & Extension Communications

Thank you!

Jeff HinoLearning Technology LeaderEESC Kerr 422(541) 737-3381