#3[Menu] : add help - Githubissues

NYUMusEdLab / notio

Notio - A music theory learning React App that runs in the browser

https://nyumusedlab.github.io/notio/

Creative Commons Attribution Share Alike 4.0 International

1 stars 0 forks source link

#3[Menu] : add help #45

Closed ezawadzki closed 2 years ago

ezawadzki commented 3 years ago

Add help icon + popup to describe what is possible to do, on @UxMajors suggestions.

UxMajors commented 3 years ago

I would at first see how a standard (?) - button would would fit. When pressin the (?)-button a descriptive text of the function would appear.

ceciliabjork commented 3 years ago

@ezawadzki A question mark like in GarageBand, see 2:45 in https://youtu.be/E6ZLGxLDPJE

ezawadzki commented 3 years ago

@ceciliabjork @granfors for this task, you need to prepare all help messages association to each elements.

ceciliabjork commented 3 years ago

@ezawadzki @granfors Yes, noted! The help messages needed is the kind of information we expect to gain from the eyetracking session and user interviews next week.

saxjax commented 3 years ago

helpscreen idea:

saxjax commented 3 years ago

Emilies idea is better , this is just to get a grasp of the design areas

saxjax commented 3 years ago

Implementation: make ? trigger a popup like the settings menu did use jakobs picture for a start

saxjax commented 2 years ago

Summary: User story As a user of notio, I want to be presented with a help overlay ala GarageBand when clicking the question mark.

[ ] prepare all help messages association to each elements.

Acceptance criteria: given Notio is active when the user selects the question mark, then yellow sticker notes are displayed over every clickable element in the homescreen. (the stickers must contain simple instructions on what a particular button or menu does, and how to use it)

old: image

ps: this is the new GarageBand way: image

TECHNICAL :