Designing Layouts and Content

Once you have decided which audience to start with and the tasks needed to support them, you are ready to start creating page layouts and content. To make the hub easy to understand and use, you must prioritize. Expect that people will only spend a minute or two on the hub scanning content, so that having too much content dilutes your messages.

You will need to balance your employees’ common actions with company news you want to share, preferably in the space that is viewable without scrolling. Consider starting with the template provided in Hub. This lets your most important information and your employees’ most important actions be readily available as soon as Hub loads.

The most important, relevant, or commonly needed content should be positioned at the top or justified to fit common scanning patterns. In left-to-right languages, readers often scan in an “F” pattern, meaning they read the top of a page, then scan down the left side of the screen. For more information see, (NN/g: (NN/g: F-Shaped Pattern of Reading on the Web: Misunderstood, But Still Relevant (Even on Mobile))

Additionally, help readers understand what is and is not on a page quickly, by using the fewest number of widgets and links required to meet 80% of their needs. Remember, everything else can be accessed through Dayforce navigation, so you do not need to recreate the feature menu on Hub.

Consider how you can write for inclusion across your company, especially if you have multiple sites or countries. Some topics that may be relevant for your organization are included below for reference as you create Rich Text Editor, Scheduled Content, Featured Link, and Quick Link widgets.

• Company news

  • Message from the CEO

  • Culture and values resources

  • Charity or other team events

  • Open enrollment announcement

• Employee resources

  • Dayforce tips and tricks or job aids

  • Policy documents

  • HR or other company contact information

  • Benefits information

  • SharePoint or other internal resource links

  • Dayforce Wallet information

  • Wellness or remote work resources

  • Links to common forms for life events

Keep in mind the accessibility of your content with these tips:

• Use short and meaningful titles in Scheduled Content, Quick and Featured Links.

• When creating links in the Rich Text Editor, hyperlink the text and give it a meaningful description of what the link does. For example, instead of "Click here" as the link text to the Dayforce Help page, you may say "Visit the Dayforce Help Section".

• Describe images in the Rich Text Editor and for your scheduled content using the Alternative Description field in the Insert/Edit Image dialog and provide transcripts for video media with the Track File URL field in the Insert/Edit Video dialog.

• Use the provided tools in the Rich Text Editor to create lists (numbered or bullets).

• Avoid empty paragraphs or lines.

Dayforce Hub lets you create additional subpages, and their placement in the tree in Hub Designer is reflected in the navigation bar on Hub. There are a few things to keep in mind when creating your navigation structure that will help your employees find the information they need. There should be only five to seven items in the menu bar. With more, it becomes more difficult to scan, remember, and decide where to go for the next level of information.

The page titles (labels) in the navigation bar should be one to two words each. Avoid repetition or words that are not unique, as it makes it harder to scan. Use all nouns or all verbs. A parallel structure makes it easier for people to guess at boundaries between sections. Avoid using miscellaneous as a label since it isn’t descriptive so it won’t be helpful.

Consider what you want mobile app users to have access to, then update the widget-specific visibility to match. Note that the Dayforce Mobile Android and iOS apps have a bottom menu built in for Favorites, so the mobile Hub won’t display that widget. If you want to use different content for mobile than for web, you can create a new section in your Hub that is set to mobile-only visibility. Then, set your other section to web-only visibility. This lets you design both web and mobile experiences for the same audience.

You need to make sure all of the mobile features linked to in your hub are enabled under System Admin > Roles > Features > Mobile for each of the respective roles. For example, to see the ‘Request time away’ button, you need to make sure that Mobile ESS > Time Away is enabled.

Also, note that images in the Rich Text Editor (RTE) can stretch in the mobile app if you adjust the sizing after adding the image. To avoid this, add images in the RTE without resizing to ensure that the aspect ratio is maintained.