Harvard Architecture, Circuits and Compilers Website User Experience

Welcome, Open Scholar User!

OpenScholar is a self-service platform that is available to the Harvard community for creating and maintaining academic websites, whether individual biographies, labs or faculty.

Resources

User Experience considerations

In addition to the guidelines listed here, test your work in progress with typical users of your website (or individuals with a similar profile). Testing takes very little time but it yields great benefits, as you confirm your design choices, improve user experience and gather useful feedback.

Usability

A usable interface has three main outcomes:

  1. It should be easy for the user to become familiar with and competent in using the user interface during the first contact with the website. For example, if a research website is well-designed, the user should be able to move through the sequence of actions to find a specific publication, its authors, etc.
  2. It should be easy for users to achieve their objective through using the website. A user with the goal of booking a flight, would be guided through the easiest process to purchase a ticket.
  3. It should be easy to remember the user interface and how to use it on subsequent visits. 

(Reference: Interaction Design Foundation)

Accessibility

An accessible website can be independently perceived, understood, navigated, and operated by as many individuals as possible, regardless of any disabilities.

  • Page Title: Provide unique, concise HTML page titles to help a broad range of users to quickly understand the content and purpose.
  • Information Structure: Structure your content in a logical, meaningful way.
  • Headings: Use section headings help visual users quickly scan and understand web pages for efficient navigation.
  • Semantic Markup: Use heading elements correctly (e.g., <h1>...<h6>) to provide efficient navigation to individuals with visual disabilities. 
  • Legibility: Use clear text, simple words and sentences, so that information is easy to understand.
  • Readability: Make visual displays clean and uncluttered, and easy to read.
  • Links: Make links descriptive to provide clear context to users. For example, instead of 'click here' use 'click here to view course list'.
  • Image Alternatives: Provide a text alternative for each image in order to make the content and purpose of the image accessible. 
  • Media Alternatives: All video that includes audio should have accurate, synchronized captions or a full-text transcript. Captions autoatically produced by YouTube shall be checked and edited for proper casing, punctuation and spelling.

(Source: Harvard Online Accessibility, Indiana University, Oregon State University)

Mobility

Ensure that digital content can be successfully accessed from a mobile device:

  • "Mobile in mind" - Design with mobile in mind as you create your website to ensure simplicity and effectiveness.
  • Scalable Navigation - Make critical content easy to navigate. 
  • Avoid horizontal scrolling - Ensure content wraps, including blocks of images or text. 
  • Font type and size - Make content readable and the font size scale appropriately.
  • Input methods - Ensure that interactive elements (links, buttons, checkboxes, etc.) have enough space around them to allow easy selection and interaction.

SEAS Computing assistance

Whether you begin with new content or need to migrate existing content, let us guide you through the features of Open Scholar. (Contact us directly)

SEAS Open Scholar training

Consider attending a short SEAS Open Scholar training session. You and other administrators of your website will benefit form our quick overview. We could also tailor this introductory class to the specific needs of your website. (Contact us directly)

Frequently asked questions

Q. "How can I request a SEAS domain name?"
A.  You can request a SEAS domain name (e.g.: [your project name].seas.harvard.edu)
Even as a Postdoc, you can have "scholar.iq.harvard.edu/[name of your choice]"

Q. "I need a specific email distribution list."
A. As long as you have a Harvard Google account (e.g.: [your surname]@g.harvard.edu), you can request a Google Group account for each email list

Q. "I am a Postdoc. Can I have an Open Scholar website?"
A. If you have a HarvardKey, you can request your Open Scholar website

Q. "I have a specific domain name that I would like to point to my Harvard Open Scholar website."
A. As faculty, with this form you can make a request for specific domain name for your Harvard Open Scholar website by submitting both your own domain name and the URL of your Open Scholar website:

/**/ /* ## Secondary menu */ /* Header */ .region-sidebar-first .block.section-nav:nth-child(1).section-nav .expanded.menu-depth-1 > a[class="active-trail active active"], .region-sidebar-first .block.section-nav:nth-child(1).section-nav a[class="active-trail active active"] { background-color: white !important; } .region-sidebar-first .block:nth-child(1).section-nav ul.menu li a.active-trail { color: #346ba6 !important; } #block-boxes-os-pages-section-nav { border-top: 4px solid #44697d; margin: -.2em 0em 0em .5em; } .webkit .section-nav ul.menu li a { font-weight: normal; } .section-nav ul.menu li a, .section-nav .leaf.menu-depth-3 > a, .section-nav .expanded.menu-depth-2 .menu-depth-3 > a { color: #346ba6 !important; } .section-nav ul.menu li a:hover, .section-nav .leaf.menu-depth-3 > a:hover, .section-nav .expanded.menu-depth-2 .menu-depth-3 > a:hover { text-decoration: underline !important; background-color: white !important; } /* Tutorials sub pages - secondary menu */ li.first.last.leaf.menu-depth-3.menu-item-195610 > a { background-color: white !important; } li.first.last.leaf.active-trail.active-trail.menu-depth-3.menu-item-195610 > a { background-color: white !important; } /* Suppress bottom border, font style */ .sidebar #block-boxes-os-pages-section-nav ul li { background-color: white; border-bottom: 0px solid #44697d !important; font-size: 0.95em; line-height: 22px; font-weight: 300; } /* Link of current page */ .region-sidebar-first .block.section-nav:nth-child(1).section-nav .expanded.menu-depth-1 > a[class="active-trail active active"], .region-sidebar-first .block.section-nav:nth-child(1).section-nav a[class="active-trail active active"] { color: #000000 !important; } /* Suppress mouse-hover color */ .region-sidebar-first .block.section-nav:nth-child(1).section-nav .expanded.menu-depth-2 > a:hover, .region-sidebar-first .block.section-nav:nth-child(1).section-nav .expanded.menu-depth-2 > a[class="active-trail active active"], .region-sidebar-first .block.section-nav:nth-child(1).section-nav .expanded.menu-depth-1 > a[class="active-trail active active"], .region-sidebar-first .block.section-nav:nth-child(1).section-nav a[class="active-trail active active"], .region-sidebar-first .block.section-nav:nth-child(1).section-nav a:hover, #columns .os-custom-menu ul.nice-menu li a:hover, #columns .os-custom-menu ul.menu li a:hover{ background-color: #ffffff!important; } /* Secondary pages*/ .region-sidebar-first .block:nth-child(1).section-nav ul.menu li a.active-trail { text-align: left; } .region-sidebar-first .block:nth-child(1).section-nav ul.menu li a.active-trail { text-align: left; background: none repeat scroll 0 0 #ffffff !important; } /* ## UX Content */ /* Images of icons */ img.media-element.file-default { padding-right: .25em; margin-bottom: -.25em; } .page-node h1#page-title, h1#page-title { font-size: 2em; } /* Links */ #columns .field-name-body a { text-decoration: underline !important; font-weight: bold; } /**/