{"action":"created","issue":{"url":"https://api.github.com/repos/dillbyrne/random-agent-spoofer/issues/154","labels_url":"https://api.github.com/repos/dillbyrne/random-agent-spoofer/issues/154/labels{/name}","comments_url":"https://api.github.com/repos/dillbyrne/random-agent-spoofer/issues/154/comments","events_url":"https://api.github.com/repos/dillbyrne/random-agent-spoofer/issues/154/events","html_url":"https://github.com/dillbyrne/random-agent-spoofer/issues/154","id":60917144,"number":154,"title":"UI/UX improvement","user":{"login":"alct","id":360770,"avatar_url":"https://avatars.githubusercontent.com/u/360770?v=3","gravatar_id":"","url":"https://api.github.com/users/alct","html_url":"https://github.com/alct","followers_url":"https://api.github.com/users/alct/followers","following_url":"https://api.github.com/users/alct/following{/other_user}","gists_url":"https://api.github.com/users/alct/gists{/gist_id}","starred_url":"https://api.github.com/users/alct/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/alct/subscriptions","organizations_url":"https://api.github.com/users/alct/orgs","repos_url":"https://api.github.com/users/alct/repos","events_url":"https://api.github.com/users/alct/events{/privacy}","received_events_url":"https://api.github.com/users/alct/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/dillbyrne/random-agent-spoofer/labels/enhancement","name":"enhancement","color":"009800"}],"state":"closed","locked":false,"assignee":null,"milestone":{"url":"https://api.github.com/repos/dillbyrne/random-agent-spoofer/milestones/10","html_url":"https://github.com/dillbyrne/random-agent-spoofer/milestones/0.9.5.2","labels_url":"https://api.github.com/repos/dillbyrne/random-agent-spoofer/milestones/10/labels","id":934110,"number":10,"title":"0.9.5.2","description":"","creator":{"login":"dillbyrne","id":2903711,"avatar_url":"https://avatars.githubusercontent.com/u/2903711?v=3","gravatar_id":"","url":"https://api.github.com/users/dillbyrne","html_url":"https://github.com/dillbyrne","followers_url":"https://api.github.com/users/dillbyrne/followers","following_url":"https://api.github.com/users/dillbyrne/following{/other_user}","gists_url":"https://api.github.com/users/dillbyrne/gists{/gist_id}","starred_url":"https://api.github.com/users/dillbyrne/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dillbyrne/subscriptions","organizations_url":"https://api.github.com/users/dillbyrne/orgs","repos_url":"https://api.github.com/users/dillbyrne/repos","events_url":"https://api.github.com/users/dillbyrne/events{/privacy}","received_events_url":"https://api.github.com/users/dillbyrne/received_events","type":"User","site_admin":false},"open_issues":0,"closed_issues":12,"state":"closed","created_at":"2015-01-13T21:11:52Z","updated_at":"2015-04-24T18:26:23Z","due_on":null,"closed_at":"2015-04-24T18:26:23Z"},"comments":31,"created_at":"2015-03-12T22:06:45Z","updated_at":"2015-04-28T15:51:07Z","closed_at":"2015-04-16T19:04:46Z","body":"Hello,\r\n\r\nFirst of all, thanks for this add-on, I use it extensively. Over the past few years, I recommended it countless times during security workshops (privacy cafés, crypto parties, ,...). I have noticed a trend among less tech-savvy people: they get lost in the options. I do believe that updating the wording slightly and tweaking the UI/X could make things better.\r\n\r\nBefore dedicating time to this, I'd like to be sure that it's something you're interested into. I have (very) little experience with Firefox extensions but I had a look into it and so far, it's seems like it's just a matter of updating the HTML, CSS, and a little bit of JS. Which I can do in snap.\r\n\r\n## PoC or GTFO\r\n\r\nDemo: http://loconte.be/tmp/random-agent-spoofer/?1426522785\r\n![screenshot from 2015-03-17 01 04 27](https://cloud.githubusercontent.com/assets/360770/6679002/9ce8ecf2-cc42-11e4-8e0c-2adf5425fca1.png)\r\n![screenshot from 2015-03-17 01 04 45](https://cloud.githubusercontent.com/assets/360770/6679009/a595afc0-cc42-11e4-9458-40209b77efcc.png)\r\n![screenshot from 2015-03-17 01 04 58](https://cloud.githubusercontent.com/assets/360770/6679019/b5b597bc-cc42-11e4-9c5b-c622a23498bb.png)\r\n\r\n## Changelog\r\n### Overall:\r\n\r\n- clean look: remove everything that isn't essential (in the sense that it provides an information/visual structure) such as the rounded corners, borders, etc. ;\r\n- tabs use all the available horizontal space ;\r\n- titles that provide redundant information are removed (such as “Choose A Browser Profile”), and the visual weight of the tabs title is increased ;\r\n- overall readability is improved by increasing the font size and increasing the contrast between the fore and the background ;\r\n- depending on the UA being spoofed or not, the background color of the nav menu is either blue or black (to mimic the behavior of the icon) ;\r\n\r\n### “Profile” tab:\r\n\r\n- “Default” isn't explicit. It could mean “there's a spoofed UA by default”, “there's no spoofed UA”, “that's the default spoofed UA set by the user”. It is reworded in “Real UA” ;\r\n- the “(all)” part of “Random (all)” is useless. It's either “Random (specific)”, “Random” or “Real” ;\r\n- the “Random (mobile)” is just a place holder (I've seen that it is a feature request) ;\r\n- the “timer” field is hidden and shown only if one the random options is chosen (click on “Random” or “Random (specific)” to give it a try);\r\n- “Change random profile on time interval” is reworded in “Change UA dynamically” ;\r\n- the selected UA is bold and blue (when \"Real UA\" it is black) ;\r\n- the exclude checkboxes are hidden by default, they are only useful when a random option is chosen  ;\r\n- rather than having an inexplicit “Exclude” header that appears out of nowhere, behaves like a title but does nothing, we create an option to toggle the exclude checkboxes ;\r\n- a visual structure is created around the titles of the UA list (extending the click zone in the same shot)  ;\r\n- inside the titles of the UA list, contents of the same informational weight are structured as well (“+” and “-” are isolated, always at the same position regardless of the size of the title) ;\r\n- the first element of the UA list is expanded in order to give a visual clue to the user that it is either one of the four options at the top or anything else in the list ;\r\n- when a UA is selected, a visual clue is added to the parent title (background color) in order to help the user find the element he has chosen back (click on “Mac browsers” > “Chrome”, than back on “Windows browsers”).\r\n\r\n(titles other than “Windows browsers” and “Mac browsers” are just placeholders, the list of available UA is reduced for the purpose of the PoC)\r\n\r\n### “Help” tab:\r\n\r\n- rather than having an “help” button lost deep at the bottom of a tab, a help tab containing meaningful information (such as links to the github page, wiki,...) is created.\r\n\r\n### As for the other tabs\r\n\r\nThere's room for improvement as well. I'm waiting for your feedback prior going further.\r\n\r\nDisclaimer: I used jQuery because it's just a PoC, if needed I'll rewrite the code to vanilla JS.\r\n\r\n\r\nWhat do you think?"},"comment":{"url":"https://api.github.com/repos/dillbyrne/random-agent-spoofer/issues/comments/97112813","html_url":"https://github.com/dillbyrne/random-agent-spoofer/issues/154#issuecomment-97112813","issue_url":"https://api.github.com/repos/dillbyrne/random-agent-spoofer/issues/154","id":97112813,"user":{"login":"dillbyrne","id":2903711,"avatar_url":"https://avatars.githubusercontent.com/u/2903711?v=3","gravatar_id":"","url":"https://api.github.com/users/dillbyrne","html_url":"https://github.com/dillbyrne","followers_url":"https://api.github.com/users/dillbyrne/followers","following_url":"https://api.github.com/users/dillbyrne/following{/other_user}","gists_url":"https://api.github.com/users/dillbyrne/gists{/gist_id}","starred_url":"https://api.github.com/users/dillbyrne/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dillbyrne/subscriptions","organizations_url":"https://api.github.com/users/dillbyrne/orgs","repos_url":"https://api.github.com/users/dillbyrne/repos","events_url":"https://api.github.com/users/dillbyrne/events{/privacy}","received_events_url":"https://api.github.com/users/dillbyrne/received_events","type":"User","site_admin":false},"created_at":"2015-04-28T15:51:07Z","updated_at":"2015-04-28T15:51:07Z","body":"@0nse No problem. I moved it there as it is not an option that changes very often. I'll add the changes to the wiki when I get a chance to update it."}}