These nodes will explain how to use (x) functions within the 1cademy platform. In one page, users can understand the functionality of the entire interface.

How To

This node will specifically display the tools to understand the account side tool bar. Another possible function will be the settings to change your account information, including email, photo and name.

Navigating and managing your account

Within UI, a page's format will determine the aesthetic, functionality, readability, accessibility, and overall helpfulness of a page.

Design Format

A help page of a website will respond to FAQs, tutorials about functionality, privacy statement, and other helpful information and documentation for understanding the platform.

University of Michigan - Ann Arbor

Research-based design changes for 1Cademy  platform

1Cademy Design Changes

Currently at the search function, when the cursor is hovering over the actionable buttons they remain the same. However, according to Material Design, with a better visual representation of the states, UI elements can offer users better affordance of their actionablulty

Search-Hovering state

Help Page

Suggested changes to clusters:
- add low opacity fill to the cluster shape to visually differentiate it from background
- display tag at the bottom or top of the cluster instead of displaying in the background (displaying tags in the background is not easily visible especially in light mode)

Learn Before

Related

Learn After