You only need to log in if you want to see your ticket history.

What's the new "Volunteer View"?
Posted by Gabrielle Long on 09 October 2018 01:53 PM

Volunteer View gives your volunteers an updated, streamlined interface (what they see) completely separate from the administrative view (what you see). Learn more below, or watch this recent webinar for an in-depth walkthrough of the Volunteer View.

What's in this article?

What is Volunteer View?

The Volunteer View gives your volunteers a modern, mobile-friendly experience when browsing and signing up for opportunities. The Volunteer View button at the top of your site allows you to preview that volunteer interface. 

Here are all the features included in the Volunteer View:

  • Increased Information Security: Volunteer View fully encrypts your site and its information, making every page an https page.
  • Mobile-Friendly Site: VolunteerHub is 100% mobile-friendly for your volunteers! The page layout changes based on the device you use, allowing you to engage volunteers on the go.
  • Faster Event Registration: Volunteers with completed profiles will now enjoy one-click registration and a streamlined process when signing up for waitlists and group events. In addition, volunteers can return to their place in the schedule immediately after signing up for an event.
  • Faster Account Creation: Volunteers can now click Create Account right from the schedule without going to the Sign In page first. Users who are not yet logged in can also click the Sign Up button beside an event to jump straight to the Sign In page.
  • Account Menu: Users can update and view specific information within their accounts just by clicking on an option within their account in the upper-right corner.
  • "My Schedule" Page: Volunteers can view their schedules of upcoming registered events on a separate page from other upcoming opportunities.
  • "My Hours" Page: Volunteers can run reports for their own hours and even report the number of hours worked on remote activities.
  • Incremental Event Loading: More opportunities populate the page as your volunteer scrolls down, which means faster load times for any landing page!
  • More Intuitive Design: Links, buttons and information throughout the site are now much easier to find and use, requiring no special instructions for volunteers in the landing page messages.
  • Administrative Quick-View: You can always click the Volunteer View button to see what your site looks like to volunteers, without having to sign out. Then click the Admin link to return to the administrative view.
  • Social Media Integration: Share your organization's social media sites at the top of your VolunteerHub site, and volunteers can quickly share events and registrations with friends on Facebook and Twitter in one click.
  • Additional Features: Some add-on features increase functionality for your volunteers, such as Volunteer Fundraising and Volunteer Recognition
  • Enhanced Search: Volunteers can now search for events by event name AND location!

How do I customize the look and feel?

Navigate to the Setup tab > Landing Pages sub-tab and click the Edit button beside your default landing page. There, you can easily upload a Logo Graphic, which will appear in the upper-left corner of the page and your emails, as well as a Banner Graphic, which spans the top portion of your site as a background picture (see Figures 1 and 2 below). If you don't have a Banner Graphic, the site will use your selected Primary Color as the backdrop for your Schedule Message.

The Logo Graphic must be 200 by 90 pixels in size and the Banner Graphic should be 3840 by 360 pixels in size.

Figure 1. Upload a Logo Graphic and Banner Graphic to brand your site and customize the user experience.

Figure 2. The Logo and Banner Graphics will appear at the top of your site in the new Volunteer View.

In addition, you can update the color scheme using the Primary and Secondary Color fields. The Primary Color determines the color of the header backgrounds and wizard step names, while the Secondary Color determines the colors of links and buttons throughout the site. 

You can learn more about updating your site's look and feel in Section 2 of the Getting Started Guide.

Do you have any design tips for the Volunteer View?

Sure! We also hosted a webinar on Designing for Volunteer View here.

Consider the following design tips to ensure a positive volunteer experience and improved engagement within your site:

  • Tweak your messages. Tweak the Schedule, Sign In, New User and Join Code messages in your site's landing pages based on what volunteers will actually see on various devices. Don't forget that the page layout changes from desktop to tablet to mobile, so be careful about instructing users to click in certain areas of the screen before testing it on each device size. Also, be concise; research shows that site users do not read beyond 3 paragraphs; therefore, we recommend keeping your messages to no more than three paragraphs. If you need to include more information than 3 paragraphs will allow, add a hyperlink to a web page or document containing that information instead. 
  • Use a horizontal logo. For best results, follow the dimension requirements on the page beside the upload button when uploading a Logo Graphic.
  • Choose the right banner image. Be sure your banner image follows the recommendations outlined below the field, and make sure there's no text in it (this area will be covered by your schedule message)! Remember, the banner scales with your site based on the size of the device/browser, so while text might look good on one device, it may be completely hidden on another. Just choose a background picture that will compliment your site's design; the banner is NOT the focal point of your site.
  • Use larger fonts with fewer colors. We recommend using larger font sizes in event descriptions, user form prompts/subprompts and landing page messages for consistency with the site design. Most of these text areas should convert to a larger font size automatically, unless you've changed the font sizes manually. We also recommend keeping font colors to a maximum of 2 or 3 within any text area. 
  • Replace buttons with event groups. If you included buttons in your Schedule Message(s), except in certain few cases, we recommend removing them and using the filter drop-down instead. We DO NOT recommend making ALL event groups visible, however - just the main categories (for instance, a Habitat may show four or five groups, including Construction, Office Opportunities, ReStore, etc., but not every build). (IMPORTANT: If your site was previously configured to show no events on the default landing page, you will need to change this. The event groups that volunteers may select in the "All Events" drop-down above the schedule are limited to the event groups available on that particular landing page.)
  • Avoid light primary or secondary color. For optimal results, follow WCAG standards and choose colors that are dark enough to read as text on a white background.
(6 vote(s))
Not helpful