Top Banner
All About Building a Research Website Eric Sembrat
47

November 2016 - Georgia Tech - Building a Research Website

Jan 07, 2017

Download

Education

Eric Sembrat
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: November 2016 - Georgia Tech - Building a Research Website

All About Building a Research Website

Eric Sembrat

Page 2: November 2016 - Georgia Tech - Building a Research Website

Eric Scott SembratWeb Manager @ Georgia Tech College of Engineering - Dean’s Office

twitter: @esembratweb: webbeh.com

Page 3: November 2016 - Georgia Tech - Building a Research Website

First, Your Assignment

Page 4: November 2016 - Georgia Tech - Building a Research Website
Page 5: November 2016 - Georgia Tech - Building a Research Website

Bad Websites

Page 6: November 2016 - Georgia Tech - Building a Research Website
Page 7: November 2016 - Georgia Tech - Building a Research Website

Incredibly dated design/background

pattern.

(when was this page last updated? a lot sooner than you’d

think.)

Page 8: November 2016 - Georgia Tech - Building a Research Website

Non-standard menu placement and organization.

Page 9: November 2016 - Georgia Tech - Building a Research Website
Page 10: November 2016 - Georgia Tech - Building a Research Website

Georgia Tech logo and site graphic non-

compliant, out of date.

Page 11: November 2016 - Georgia Tech - Building a Research Website

Be wary of usage of Buzz, Georgia Tech protected assets.

Page 12: November 2016 - Georgia Tech - Building a Research Website
Page 13: November 2016 - Georgia Tech - Building a Research Website

Custom logos can sometimes look worse than not having one.

Page 14: November 2016 - Georgia Tech - Building a Research Website

Non-standard appearance of menus

may throw off end-users.

Page 15: November 2016 - Georgia Tech - Building a Research Website

Make sure your website text appeals to

each of your anticipated visitor

role(s).

Page 16: November 2016 - Georgia Tech - Building a Research Website

Make sure your website text appeals to

each of your anticipated visitor

role(s).

Page 17: November 2016 - Georgia Tech - Building a Research Website
Page 18: November 2016 - Georgia Tech - Building a Research Website

Don’t use fish as menu hovers.

Page 19: November 2016 - Georgia Tech - Building a Research Website

Sometimes themed websites can detract

from the professionalism of a

website.

Page 20: November 2016 - Georgia Tech - Building a Research Website

Key TakeawaysUsing outdated web styling gives the appearance of a stale website.

Be wary of customizing ‘official’ GT logos, trademarks.

Using very technical descriptions and text may detract intended audiences (read: public, media, graduate students).

Page 21: November 2016 - Georgia Tech - Building a Research Website

Good Websites

Page 22: November 2016 - Georgia Tech - Building a Research Website
Page 23: November 2016 - Georgia Tech - Building a Research Website
Page 24: November 2016 - Georgia Tech - Building a Research Website
Page 25: November 2016 - Georgia Tech - Building a Research Website
Page 26: November 2016 - Georgia Tech - Building a Research Website
Page 27: November 2016 - Georgia Tech - Building a Research Website
Page 28: November 2016 - Georgia Tech - Building a Research Website
Page 29: November 2016 - Georgia Tech - Building a Research Website
Page 30: November 2016 - Georgia Tech - Building a Research Website
Page 31: November 2016 - Georgia Tech - Building a Research Website
Page 32: November 2016 - Georgia Tech - Building a Research Website
Page 33: November 2016 - Georgia Tech - Building a Research Website

Writing for the Web

Page 34: November 2016 - Georgia Tech - Building a Research Website

Is Your Website Public?If so, you must adhere to 508 Accessibility Requirements for your website, content, images, and documents.

See: http://www.gatech.edu/accessibility/

Page 35: November 2016 - Georgia Tech - Building a Research Website

Accessibility RequirementsAt a minimum, you’ll need to have:

• ‘Alt text’ on each and every non-descriptive image describing it.

• Meaningful link text (not click here). • Responsible layout and content usage:

• Not using tables for layouts • Using header text appropriately • Using contrasting colors for background/

text.

Page 36: November 2016 - Georgia Tech - Building a Research Website

Consider Your Audience(s)When creating pages, updating content, or building a website, consider who might be visiting your website.

Roles include:

• General Public. • Prospective Graduate Students. • Prospective Faculty. • Current Students, Faculty. • Media and Communications.

Build your websites to meet these end-users.

Page 37: November 2016 - Georgia Tech - Building a Research Website

Consider Your AssetsRemember that videos, images on your website are critical to the visual identity as well as potential articles and news.

Photos and images should be available in large quality (>1200pixels) as needed.

Videos should be available through services which allow captioning.

Page 38: November 2016 - Georgia Tech - Building a Research Website

Consider Your PagesContent is king.

Consider organizing content into individual menu items based on roles or usage.

Examples being Research, Publications, People, News, Events, Contact Information.

What kinds of content are you looking for on a website?

Page 39: November 2016 - Georgia Tech - Building a Research Website

What can GT do for you?

Page 40: November 2016 - Georgia Tech - Building a Research Website

Why Reinvent the Wheel?Georgia Tech has up-to-date resources, assets, and templates that make digital web communication and websites easy to build!

Page 41: November 2016 - Georgia Tech - Building a Research Website

What is a CMS?Georgia Tech uses content management systems for most websites on-campus.

Page 42: November 2016 - Georgia Tech - Building a Research Website

Content Management SystemsDrupal • See: https://drupal.gatech.edu/

WordPress • See: http://pwp.gatech.edu/

Page 43: November 2016 - Georgia Tech - Building a Research Website

DrupalThe foundational CMS on campus.

Very flexible for custom websites with lots of personalization, but very high technical requirements.

Page 44: November 2016 - Georgia Tech - Building a Research Website

WordPressThe service-oriented CMS on campus.

Very easy to use (think: plug and play) but very limited customization.

Page 45: November 2016 - Georgia Tech - Building a Research Website

Your Activity

Page 46: November 2016 - Georgia Tech - Building a Research Website

Professional Web PresenceUse the on-campus WordPress installation to create a website for your research and work.

• http://pwp.gatech.edu/

Page 47: November 2016 - Georgia Tech - Building a Research Website

Professional Web PresenceRequest a website for your own personal needs.

• Use your GT account name as the site name and URL if desired.

Test with WordPress, a content management system for websites on campus, with the goal of building what you would think is an ideal website for a personal need.

Show and tell what you built and why.