An overlay preview window that shows the question node and the related concept/reference node to the answered question. There is also a 'Expand' button on the top-right to allow the user to open the node tree in a new tab and traverse other related nodes.

University of Michigan - Ann Arbor

The second iteration of the practice tool design includes various components of the first iteration along with a new leaderboard design. This horizontal leaderboard shows the progress made by a learner as they earn points by answering questions correctly.  An expanded version of the leaderboard also shows progress made for each community.


Another important feature added here is the 'View Node Tree' button. Whenever a question is answered incorrectly, the view node tree button opens a preview of the relevant question node and provides an explanation for the correct answer.

Practice Tool Iteration #2

Launch Page #2 (Practice Tool)

Question Page #2 (Practice Tool)

Question Page #2 - Correct Answer (Practice Tool)

Question Page #2 - Incorrect Answer (Practice Tool)

Node Preview #2 (Practice Tool)

Leaderboard #2 (Practice Tool)

Your (User) Progress #2 (Practice Tool)

Question Page of Practice Tool Iteration #2 - Correct Answer

Learn Before

Related