NoScript UI Design proposals

Ask for help about NoScript, no registration needed to post
jawz101
Senior Member
Posts: 70
Joined: Sun Jul 10, 2011 11:13 pm

NoScript UI Design proposals

Post by jawz101 » Tue Nov 21, 2017 6:27 pm

rough mockup in Google Sheets (editable)
https://docs.google.com/spreadsheets/d/ ... sp=sharing

a) Replace confusing icons with text and get rid of hover descriptions- especially on Firefox for Android there is no ability to hover over an icon for a description.
b) made "Temporarily allow" a first-class citizen. The current clock thing is too hidden.
c) a bottom Titlebar where Giorgio could put a logo, version number, support link, etc.
d) Got rid of the red fonts. I don't know what they mean unless there is a reason for them.
e) moved the granularity for Default, Trusted, Untrusted to the Global Options since they are universal prefs for all domains for which they are applied. The only configurable one that shows an expanded menu is Custom. This should reduce the number of questions about how they affect all sites applied.

the only thing I didn't mockup was the http/https toggle. I mainly wanted to get the basics out.

cleaned up OP to get rid of the references to other add-ons as examples. The next few posts are about that old conversation so they can be ignored.
Last edited by jawz101 on Wed Nov 29, 2017 6:05 pm, edited 8 times in total.
Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:57.0) Gecko/20100101 Firefox/57.0

barbaz
Senior Member
Posts: 9826
Joined: Sat Aug 03, 2013 5:45 pm

Re: NoScript UI Design proposals?

Post by barbaz » Tue Nov 21, 2017 6:31 pm

Policeman is dead and µMatrix UI has a very steep learning curve (being intended only for advanced users, unlike NoScript which is supposed to be accessible to intermediate users).

I would think that's the wrong direction for NoScript to go.
*Always* check the changelogs BEFORE updating that important software!
-

Jimmy Two Times
Posts: 6
Joined: Tue Nov 21, 2017 5:46 pm

Re: NoScript UI Design proposals?

Post by Jimmy Two Times » Tue Nov 21, 2017 6:38 pm

Hello :)

First post, confused where to post, my first impressions of FF Quantum and NoScript.

Thanks for the new updated NoScript!
An essential security addon for browsing with FireFox!
Been using it for many years and its been working so well but now...

Oh well... what a disappointment FF 57.0 Quantum and the new NoScript 10.1.1 turned out to be.
I really appreciate all the hard work being done to get NoScript up and running but the GUI and behavior is a mess.
Akward behavior indeed! Why reinvent the wheel?
The previous version worked so well with the script popup alternative lower right corner when user action was needed.
Icon quality is terrible in new version, looks like somethings are really broken.
The old 5.1.7 version icons are clean with high graphic quality!
Don't know who to blame? Mozilla or NoScript? Or both? What a mess!
Please reconsider changing back to the old GUI and behavior! Please...?
Will rollback to FF 56.2 and NoScript 5.1.7 and keep my fingers crossed...

Best regards.
Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:56.0) Gecko/20100101 Firefox/56.0

jawz101
Senior Member
Posts: 70
Joined: Sun Jul 10, 2011 11:13 pm

Re: NoScript UI Design proposals?

Post by jawz101 » Tue Nov 21, 2017 6:40 pm

barbaz wrote:Policeman is dead and µMatrix UI has a very steep learning curve (being intended only for advanced users, unlike NoScript which is supposed to be accessible to intermediate users).

I would think that's the wrong direction for NoScript to go.
I agree. Perhaps I shouldn't have listed them as if they were proofs-of-concepts-I-like... because they aren't ;) Just trying to get a discourse going.
Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:57.0) Gecko/20100101 Firefox/57.0

barbaz
Senior Member
Posts: 9826
Joined: Sat Aug 03, 2013 5:45 pm

Re: NoScript UI Design proposals?

Post by barbaz » Tue Nov 21, 2017 6:40 pm

@ Jimmy Two Times:
Unfortunately the old GUI is not technically possible in WebExtensions.

https://hackademix.net/2017/11/21/top-i ... ment-38469
*Always* check the changelogs BEFORE updating that important software!
-

jawz101
Senior Member
Posts: 70
Joined: Sun Jul 10, 2011 11:13 pm

Re: NoScript UI Design proposals?

Post by jawz101 » Tue Nov 21, 2017 6:49 pm

@barbaz what are your impressions of ScriptSafe https://chrome.google.com/webstore/deta ... lahbdbdgdf
It's a Chrome extension. I've used it in Chrome some to get a similar NoScript experience. I can't say I'm a complete fan but it's a little more descriptive.
Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:57.0) Gecko/20100101 Firefox/57.0

Jimmy Two Times
Posts: 6
Joined: Tue Nov 21, 2017 5:46 pm

Re: NoScript UI Design proposals?

Post by Jimmy Two Times » Tue Nov 21, 2017 7:33 pm

barbaz wrote:@ Jimmy Two Times:
Unfortunately the old GUI is not technically possible in WebExtensions.

https://hackademix.net/2017/11/21/top-i ... ment-38469
OK, thanks for the reply, will keep my fingers crossed for a better GUI.

Best regards!
Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:56.0) Gecko/20100101 Firefox/56.0

barbaz
Senior Member
Posts: 9826
Joined: Sat Aug 03, 2013 5:45 pm

Re: NoScript UI Design proposals?

Post by barbaz » Tue Nov 21, 2017 8:00 pm

jawz101 wrote:@barbaz what are your impressions of ScriptSafe
That one has a horrible interface (what the flying fish is the difference between "Allow" and "Trust"? And how to tell the current state of the domain? I shouldn't have to look at documentation to figure out such basic functionality.)

Also the options appear very privacy oriented. NoScript is a security tool, so this would not suit NoScript well. And ScriptSafe's options pages would make near zero sense to anyone who isn't an advanced user.
*Always* check the changelogs BEFORE updating that important software!
-

barbaz
Senior Member
Posts: 9826
Joined: Sat Aug 03, 2013 5:45 pm

Re: NoScript UI Design proposals?

Post by barbaz » Tue Nov 21, 2017 8:01 pm

This mockup looks like a nice idea - https://forums.informaction.com/viewtop ... 522#p91522
*Always* check the changelogs BEFORE updating that important software!
-

Guest

Re: NoScript UI Design proposals?

Post by Guest » Tue Nov 21, 2017 9:04 pm

barbaz wrote:This mockup looks like a nice idea - https://forums.informaction.com/viewtop ... 522#p91522
Personally, I like that idea too. I had a very similar idea on mind myself. I was thinking for temporary permissions, the circle could perhaps be Yellow. As in the traffic light where yellow defines a temporary/changing status but the problem for me is that (sorry for being picky) the circle is too small. I need to bring my cursor on it exactly.. Which takes 1 extra second. In the past, I just need to bring it anywhere in the "row" area. With the circle, problem is that you can easily click the option right next to the intended one.

I would have the proposed by you in second place. In first place, I think it should be something similar to Ghostery (https://addons.mozilla.org/es/firefox/a ... id=1&pid=3).

1. A checkbox for multi actions. You can apply an action to multiple websites instead of managing each link individually.
2. When you click on a websites name, the area expands. Here we could allow for more manual/advanced settings or actions relating to the specificed website script.
3. Right next to the checkbox, Ghostery offers small buttons for manual actions (Trust or restrict tracker). Giorgio could probably integrate that as well if he sees fit?

Now off course, NS interface would differ. So how about the action buttons are on top? 4 buttons on top of the page then below it the list of scripts.

Buttons: Trust website, Temporary, Deny, Disable/Enable scripts globally

What do you think?
Mozilla/5.0 (X11; Linux x86_64; rv:57.0) Gecko/20100101 Firefox/57.0

barbaz
Senior Member
Posts: 9826
Joined: Sat Aug 03, 2013 5:45 pm

Re: NoScript UI Design proposals?

Post by barbaz » Tue Nov 21, 2017 9:23 pm

Split the off-topic comparison between NoScript & µMatrix to https://forums.informaction.com/viewtop ... 18&t=23679.
*Always* check the changelogs BEFORE updating that important software!
-

jawz101
Senior Member
Posts: 70
Joined: Sun Jul 10, 2011 11:13 pm

Re: NoScript UI Design proposals?

Post by jawz101 » Wed Nov 22, 2017 5:43 am

I like this mockup
https://forums.informaction.com/viewtop ... 735#p91561

...but took it a bit differently and made a Google Sheet because I just wanted to get the general idea across on a scratchpad
https://docs.google.com/spreadsheets/d/ ... sp=sharing

a) the icons are unintuitive- especially on Firefox for Android. On a touch device there is no ability to hover over an icon for a description, so I'd prefer text.
b) made Temporarily allow a first-class citizen. The current clock thing is too hidden.
c) a bottom Titlebar where Giorgio could put a logo, version number, support link, etc.
d) Got rid of the red coloring because it seems unnecessary.
e) the only thing I didn't mockup was the http/https toggle. I mainly wanted to get the basics out.
f) moved the granularity out to the side so you don't have to toggle around

I don't expect everyone to like it but I just wanted to put it out there :)
Mozilla/5.0 (X11; Linux x86_64; rv:57.0) Gecko/20100101 Firefox/57.0

jawz101
Senior Member
Posts: 70
Joined: Sun Jul 10, 2011 11:13 pm

Re: NoScript UI Design proposals?

Post by jawz101 » Wed Nov 22, 2017 5:49 am

errr... it's editable so you can mess it up too I guess
Mozilla/5.0 (X11; Linux x86_64; rv:57.0) Gecko/20100101 Firefox/57.0

jawz101
Senior Member
Posts: 70
Joined: Sun Jul 10, 2011 11:13 pm

Re: NoScript UI Design proposals?

Post by jawz101 » Wed Nov 22, 2017 4:37 pm

Ok. I updated the Google Sheet one last time. I think the first sheet in the Google Sheet makes the most sense.

Broke out the customization of Default, Trusted, and untrusted to the Global Options screen so it reduces the tinkering of these settings. A lot of the questions we see are surrounding how these preferences actually affect the other sites with these choices. The only one that does need choices on the main screen is Custom
Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:57.0) Gecko/20100101 Firefox/57.0

oldetyme1
Posts: 6
Joined: Mon Nov 20, 2017 10:42 pm

Re: NoScript UI Design proposals?

Post by oldetyme1 » Wed Nov 22, 2017 5:40 pm

I've given this a few tries, but I am still totally confused.

script object media frame font webgl fetch other

The heck is a user supposed to do with all that?

I think those various things are way too much for anyone to manage regularly.

I have no idea if those settings affect other domains, sub-domains, SSL enabled ones, or what. It seems to do all manner of unexpected things with those checkboxes.
Then, on a secondary domain, it's "default" with a slash, but some things are then allowed. This throws me off completely. Is it blocking by default, allowing them (...forever) by default? I can still allow some items even when untrusted?

This is (too much) more granular than old versions. That's cool, but there needs to be a "reset to default" button (next to 'x' and reload?), and a clearly shown set of defaults for each.

We all know the old way to operate: Start at the TLD, temp-allow what (subs, others) you need after it works to the point you want it to. Done.
If you're coming back (regularly visited site), allow "forever" (maybe for some, maybe not for others)

That needs to be replicated in some way in this new version without the sub-options being shown.
Those should only be visible if absolutely necessary. Nobody should need to choose each item for each site, sub-domain, and associated domains in order to perform general operation of this software. It is far too much to expect anyone to do on a regular basis, unless it's for sites you expect to "allow" for regular use. Even then, "defaults" ought to be enough.

I'm really sorry this was rushed, it's cool to try, but it's way too much for normal use right now.

Will continue to test, and I hope someone can help with a more streamlined design.
I don't think the new layout is especially *bad* but it needs to be defaulted better, and display a few things more simply to the user, while "hiding" more of the advanced settings for if/when you might actually need them. That, and of course the newer APIs + features, etc. will be most useful. Not giving up on it, but I do hope someone can help out with the basic operation of what it's needing to do. Even with the new limitations, there has to be a "better way" to get the basics done like the old version. I'm fine with another click or two, moving things around, but am hopeful a better default set of actions can be done with it moving forward.
Mozilla/5.0 (Windows NT 10.0; WOW64; rv:54.0) Gecko/20100101 Firefox/54.0

Post Reply