Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Hard to find settings sidebar #717

Closed
konfiv opened this issue Dec 15, 2020 · 9 comments
Closed

Hard to find settings sidebar #717

konfiv opened this issue Dec 15, 2020 · 9 comments
Labels
1. to develop Accepted and waiting to be taken care of bug Something isn't working usability test Issues which came up in the usability testing session by Ura Design
Milestone

Comments

@konfiv
Copy link

konfiv commented Dec 15, 2020

Thanks for the Form!

Describe the bug
When logged in in nextcloud and a form link is visited, not the form will show, but the files of the NextCloud.
If you are not logged in the form is visible and working.

To Reproduce
Steps to reproduce the behavior:

  1. Limit the Form app to admin group
  2. create a form
  3. Login with a normal user
  4. Paste the link provided by the form
  5. you will not see the form, but the files

Expected behavior
When go to the form link, that the form will show, not the files of NextCloud.

Screenshots
If applicable, add screenshots to help explain your problem.

Nextcloud (please complete the following information):

  • Nextcloud-Version: 19.0.4
  • Forms-Version: v2.0.4 (2020-09-01)

Desktop (please complete the following information):

  • OS: ubuntu 18.4
  • Browser firefox
  • Version 68.10.0esr (64-Bit)

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Browser log

Open your console, reload your page and/or do the action leading to this issue and copy/paste the log in this thread.
How to access your browser console (Click to expand)

Chrome

  • Press either CTRL + SHIFT + J to open the “console” tab of the Developer Tools.
  • Alternative method:
    1. Press either CTRL + SHIFT + I or F12 to open the Developer Tools.
    2. Click the “console” tab.

Safari

  • Press CMD + ALT + I to open the Web Inspector.
  • See Chrome’s step 2. (Chrome and Safari have pretty much identical dev tools.)

IE9

  1. Press F12 to open the developer tools.
  2. Click the “console” tab.

Firefox

  • Press CTRL + SHIFT + K to open the Web console (COMMAND + SHIFT + K on Macs).
  • or, if Firebug is installed (recommended):
    1. Press F12 to open Firebug.
    2. Click on the “console” tab.

Opera

  1. Press CTRL + SHIFT + I to open Dragonfly.
  2. Click on the “console” tab.

Additional context
Add any other context about the problem here.

@konfiv konfiv added 0. Needs triage Pending approval or rejection. This issue is pending approval. bug Something isn't working labels Dec 15, 2020
@skjnldsv
Copy link
Member

Are you talking about filling the form? Or editing the form?
If the latest (editing), please check #322
If the first (filling), then please double check your form sharing option and make sure the form is shared with your "normal user"

@skjnldsv skjnldsv added the needs info Not enough information provided label Dec 16, 2020
@konfiv
Copy link
Author

konfiv commented Dec 16, 2020

Hi, thanks. I meant:

  1. filling a form by people.
    I did not want to share the edit form option, only filling a form. So, restricting to only fill a form is not possible?
    In the App options, now I enabled share with my "normal user group" than the share link is working well, when users are logged in, and when not logged in.

@skjnldsv
Copy link
Member

  1. So, restricting to only fill a form is not possible?

Yes it is, on the sharing section, you can select which sharing scope you want to give:
Capture d’écran_2020-12-16_11-45-10

@konfiv
Copy link
Author

konfiv commented Dec 16, 2020

Ok! Now found this "toggle settings" first time.
But "Share via link" was chosen. And my logged in users could not see the form, which was meant to fill. When not enabled/added under Forms-app settings "Limit to groups".

@skjnldsv
Copy link
Member

@jancborchardt this is why the appsidebar icon needs to change ⬆️
Any suggestions to improve this? This is indeed not discoverable

@skjnldsv skjnldsv added 1. to develop Accepted and waiting to be taken care of and removed 0. Needs triage Pending approval or rejection. This issue is pending approval. needs info Not enough information provided labels Dec 16, 2020
@skjnldsv skjnldsv changed the title Form is not visible for logged in users Hard to find settings sidebar Dec 16, 2020
@jotoeri jotoeri added this to the 2.3 milestone Mar 15, 2021
@jancborchardt jancborchardt added the usability test Issues which came up in the usability testing session by Ura Design label Jun 11, 2021
@jotoeri jotoeri modified the milestones: 2.3, 2.4 Jul 28, 2021
@RenataGegaj
Copy link

RenataGegaj commented Jan 20, 2022

Relevant part on this issue (@jotoeri):
Also adding some input from the user testing round. Sharing the forms was one of the most challenging tasks for all participants.

There were findability problems: Participants only used the "Share Link" button(Screenshot 1). They didn't explore the "Toggle Settings" menu and weren't aware of it. They were able to find it only after they were required to perform extra tasks related to sharing, such as "Share the form only with the students on your Nextcloud instance".

The original comment Also adding some input from the user testing round. Sharing the forms was one of the most challenging tasks for all participants.

Share form section

Screenshot 2022-01-20 at 23 30 26

Screenshot 1: Share link button

Screenshot 2022-01-20 at 23 33 31

Screenshot 2: Toggle Settings menu

  1. There were findability problems: Participants only used the "Share Link" button(Screenshot 1). They didn't explore the "Toggle Settings" menu and weren't aware of it. They were able to find it only after they were required to perform extra tasks related to sharing, such as "Share the form only with the students on your Nextcloud instance".
  2. The content on the "Toggle Settings" menu confused participants during the sessions.
  • The "Share via link" option was understandable
    The "Share Link" button there is redundant. There is the same button on the front page so I don't see the need for it to be placed under settings, the settings menu should be used only for adjusting user settings.

  • The "Show to all users of this instance" was confusing. They weren't sure if they clicked on it what would happen. They weren't sure if they'd need to take any steps to share it or it would appear automatically to users of the instance. Also, the word "Instance" is quite technical. There weren't any issues with it during the sessions since all participants were already familiar with Nextcloud even if they didn't particularly use Forms in the past, I'd expect this option to be confusing to a new user.

  • "Choose users to share with" This option caused confusion as well. Similar to the above case, they weren't sure what the outcome will be. Will the form be shared automatically, will these users get a notification with the form there is no feedback to let the user know that the form has been shared(see screenshot 3).
    Also, I think there is a bug here. When a user is selected the dropdown menu remains active and it doesn't allow the user to see the list of participants they shared the form with.

Screenshot 2022-01-21 at 00 28 20

Screenshot 3

Settings section

The menu options were easy to understand for all participants. The issue here was mainly on figuring out how they work and how they are related to the "Share form" section. For example, the "Allow multiple responses per person" option is already enabled by the system and it doesn't allow the user to enable/disable it. This happens only when the user has chosen the "Share via link" option. Most participants couldn't figure out the reasoning behind it and they were frustrated to find a disabled option(screenshot 4).

Screenshot 2022-01-21 at 00 40 40

Screenshot 4

@jotoeri jotoeri modified the milestones: 3.1, 3.0 May 4, 2022
@jotoeri
Copy link
Member

jotoeri commented Jun 7, 2022

@jancborchardt @nimishavijay Any idea on how to solve that? Changing the Sidebar-Icon, maybe?
However, most probably useful to do on the vue-components then?

@nimishavijay
Copy link
Member

I do agree that the sidebar icon needs to change, and if we are doing it then it should be in the component.
But I also think that in this particular use case since the sidebar contains only sharing settings and nothing else, the icon doesn't necessarily have to be a sidebar icon. I tried searching for a sharing settings icon on MDI but there isn't anything specific like that. My suggestions to improve the discoverability of the sharing settings:

  • Change the button text to just "Share" with a share icon and open the sidebar directly when you click on it. This could just be for the first time too when you're setting the share for the first time and after that it could be how it is now to easily copy the share link
  • Custom share settings icon? I'm really not sure about this as we really try to avoid custom icons
  • A 3 dot menu icon instead of current sidebar icon. Since it's a generic icon and next to the "Share link" button, it seems more related to sharing

What do you think? @jancborchardt @RenataGegaj @jotoeri

@jotoeri
Copy link
Member

jotoeri commented Jul 1, 2022

Ok. Thanks @nimishavijay for thinking about.

Change the button text to just "Share" with a share icon and open the sidebar directly when you click on it. This could just be for the first time too when you're setting the share for the first time and after that it could be how it is now to easily copy the share link

That is basically done with the new Sharing now, so this more or less solves it for now on forms.

A 3 dot menu icon instead of current sidebar icon. Since it's a generic icon and next to the "Share link" button, it seems more related to sharing

This one is then to do on the vue-components, i'll create an issue there.

Thus closing this issue as beeing resolved for the forms-specific part. :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
1. to develop Accepted and waiting to be taken care of bug Something isn't working usability test Issues which came up in the usability testing session by Ura Design
Projects
None yet
Development

No branches or pull requests

6 participants