tuwien2020 / tgi-pages

Open tools for the TGI course at the TU Vienna
https://tuwien2020.github.io/tgi-pages/#/
The Unlicense
12 stars 5 forks source link

Tooltipping & Explanations #37

Closed Fancy11111 closed 2 years ago

Fancy11111 commented 2 years ago

Tooltipping & Explanations

One our goals is that the pages feel intuitive to use. Obviously clear design helps here, but sometimes a little extra eplanation is needed. One way is labelling everything correctly works pretty good, but the fancier way of solving this would probably be something like Intro.js.

Fancy11111 commented 2 years ago

I did a test with Intro.js, for the Truth Table page

It all worked pretty smoothly, the time spent implementing this for a page is not really big.

Here is the branch that I used for this Proof-Of-Concept: https://github.com/Fancy11111/tgi-pages/tree/tooltip-poc

Here are some screenshots:

image image image