I would also add that the vertical scroller doesn't work with keyboard for the problem description part of the screen. At least that happens in Chrome on my machine.
On Mon, Mar 18, 2019 at 2:04 PM Martín Fixman <martinfix...@gmail.com> wrote: > I agree with your criticisms. Pre-2018 CodeJam had one of the best and > most accesible interfaces for programming contests; the new versions are > regressions in every case, and they are harder to use for both experienced > users and beginners who don't knoe the quirks of the competition. > > For the record, this email appeared in my spam box instead of my regular > GCJ email list. Maybe this is making less people see it. > > On Fri, 8 Mar 2019, 14:13 eatmore, <eugeneka...@gmail.com> wrote: > >> This post on Codeforces: https://codeforces.com/blog/entry/65800 >> >> Hi all! This year, Google has again decided to change Code Jam user >> interface. The new interface has already been used for Code Jam to I/O for >> Women and Kick Start rounds, and from what I saw, it is even worse than the >> last year. Let's start. >> >> https://i.imgur.com/sACL7ko.png >> >> This is what I saw when I opened Code Jam main page. This year it uses >> even longer domain name, codingcompetitions.withgoogle.com, and some >> text seems to be missing. After some investigation, I found that this >> occurs when a browser is configured to block third-party cookies. I >> configure my browser this way because I don't want some companies to track >> me around, and for nearly all sites, this causes no issues. On some sites, >> blocking third-party cookies causes single sign-on to stop working, but >> this is understandable. Code Jam website is the first one that I saw such >> that blocking third-party cookies breaks it so much that you can't even >> read text (note: looks like this have been fixed, and now the website >> displays a warning instead). >> >> After getting the text to appear, I struggled with some login problems >> and finally got to the competition interface (this screenshot was taken >> after the round, but it looked almost like that during the competition as >> well): >> >> https://i.imgur.com/8w1baOb.png >> >> Usually, when you enter a round, you expect to see the problems. This >> year, you start a round with a scoreboard. To get to the problems, you need >> to click one of the "Open problem" buttons. Doesn't matter which one: you >> would be able to switch between problems from the dashboard. Here it is: >> >> https://i.imgur.com/25l4tVH.png >> >> As you see, in this new version there is a code editor that always takes >> half of your screen space. No way to resize or hide it. Doesn't matter if >> you want to use it or not. I, for instance, prefer to use a real IDE, >> because it has syntax highlighting and completion and refactoring and I can >> run the code locally and IT DOESN'T FORCE ME TO USE WHITE TEXT ON BLUE >> BACKGROUND. Also, in the old interface, there was a side bar for switching >> between problems, and in the older version it also showed submission >> statistics and the number of new announcements, but now this is all gone. >> >> Side note: suppose that you just want to read the problems, and all you >> got is a tablet. >> >> https://i.imgur.com/PIEuCgy.png >> >> Sorry, the editor, despite being completely useless, still wastes half of >> your screen space. Also, looks like the problem name doesn't fit into the >> provided space. >> >> Back to the previous screen. >> >> https://i.imgur.com/25l4tVH.png >> >> Do you see a submit button? Me neither. It took quite some time for me to >> realize that to be able to submit your solutions, you have to register >> TWICE: once to enter your information into the new website, and once more >> to actually register for the competition. Otherwise, you can type the code, >> but the panel with submit button (and a couple of other buttons) is hidden. >> After I registered properly, the panel appeared (but my code disappeared, >> fortunately, I had it saved to a file). Then I could finally submit it. >> >> Now, back to the scoreboard. >> >> https://i.imgur.com/tXb5qZV.png >> >> This is the scoreboard of this year's Code Jam to I/O for Women round. It >> has four problems, but you can only see three at a time. Apparently, the >> person who designed this is as bad in using your screen space as Windows 10 >> is in using your RAM. Perhaps they should learn from guys who designed this: >> >> https://i.imgur.com/s4BFPVJ.png >> >> The old version easily fits six problems, and has space for one or two >> more. And even the font size is almost the same! Now, on top of the >> scoreboard, there are some big useless graphs. To see the actual >> scoreboard, you have to scroll down. For comparison, the old interface >> displays submission statistics below the scoreboard, as an additional row. >> Codeforces is doing the same. >> >> Another change is the number of rows you can see on a single scoreboard >> page. On Codeforces, you can see up to 200 rows at once, which is >> reasonable for a round with several thousands of participants, and works >> for smaller rounds as well. In the old Code Jam interface, it was possible >> to see 30 rows at once. Now, there is a selector that switches between 10 >> and 20, and it doesn't even work until you switch between pages (looks like >> this had been fixed recently). >> >> Here is another example of a well designed scoreboard: >> >> https://i.imgur.com/uXD9oSj.png >> >> Also, as I scroll the scoreboard, I have about 40% of my screen covered >> by the heading which doesn't scroll, which is way too much. >> >> Now about round overview and problem analysis. Instead of being in a >> single convenient place, this information is now sprinkled around the >> interface. To see the overview, you need to click a slider on top of the >> scoreboard, and the overview will appear in place of those big useless >> graphs. To see the analysis, go to a problem and click an analysis "tab" >> above the text. Again, I like the old version so much more. >> >> All in all, the new interface is worse than the old one in nearly every >> respect. So, what can be done to make it better? Here are some suggestions: >> >> 1. Looks like Code Jam team already noticed that some people block >> third-party cookies, and made the website show a warning in this case. >> Still, it would be awesome if it were possible to actually log in without >> third-party cookies or, at least, with first-party isolation (currently, no >> warning is shown in this case, but login doesn't work). >> 2. When entering a round, users should be directed to the problems, not >> to the scoreboard. This is how it worked in all previous versions, and this >> is how it should work. Also, the old version had a nice feature: it was >> possible to open the dashboard in advance of the round, and have the >> problems load automatically when it starts. I'd like to have this feature >> in the new version as well. >> 3. Something has to be done with the code editor. Perhaps it should be >> put below the problem statement, or into a separate tab. I would also >> suggest to allow those users who don't need an editor to hide it >> completely, and to switch to an interface that supports submitting only >> from a file (this is how it was done before 2018). >> 4. The editor should not be displayed if the user is not logged in, or >> not registered for the round. Instead, they should see a message stating >> that. Currently, a message is displayed in an editor, and only if the user >> is not logged in. >> 5. There should be a sidebar on the left, with tabs for switching between >> the problems. It may show additional information as well. The old version >> had submission statistics and a mini-scoreboard in a sidebar, which I find >> quite useful. >> 6. In the new interface, there is a top bar, which doesn't scroll. I >> think that it is not useful enough to always be on the screen, so it should >> be made to scroll with the page. >> 7. There should be an option to receive desktop notifications when a >> submission is judged. Also, there should be notifications when there is an >> announcement, and when problem statement is changed. During the previous >> years, there were multiple occasions when problem statements were changed >> during the round without any notification whatsoever, and it was necessary >> to reload the page to see the changes. >> 8. The scoreboard should be made to look better. It should be made to >> show more than three problems at once, and preferably at least 100 rows per >> page. Submission statistics should appear below the scoreboard, not above. >> The part of the header that remains on the top of the screen while the page >> is scrolled should be at most as tall as a single row. >> 9. Round overview should be on its own page, not tucked above the >> scoreboard. >> 10. Switching between the problems and the scoreboard should be more >> straightforward. Currently, to switch to the scoreboard, you have to press >> a left arrow in the top left corner of the screen, which is pretty >> unintuitive. The old "Contest scoreboard"/"Contest dashboard" links are >> much better. >> >> -- >> You received this message because you are subscribed to the Google Groups >> "Google Code Jam" group. >> To unsubscribe from this group and stop receiving emails from it, send an >> email to google-code+unsubscr...@googlegroups.com. >> To post to this group, send email to google-code@googlegroups.com. >> To view this discussion on the web visit >> https://groups.google.com/d/msgid/google-code/127b7ed5-e98b-47c8-9300-a753ec2dd289%40googlegroups.com >> . >> For more options, visit https://groups.google.com/d/optout. >> > -- > You received this message because you are subscribed to the Google Groups > "Google Code Jam" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to google-code+unsubscr...@googlegroups.com. > To post to this group, send email to google-code@googlegroups.com. > To view this discussion on the web visit > https://groups.google.com/d/msgid/google-code/CAJT7-Kv9AXORN85QQwgxJHxL-uQ2Xu0CMVrswZv9Y3zJyLitjw%40mail.gmail.com > <https://groups.google.com/d/msgid/google-code/CAJT7-Kv9AXORN85QQwgxJHxL-uQ2Xu0CMVrswZv9Y3zJyLitjw%40mail.gmail.com?utm_medium=email&utm_source=footer> > . > For more options, visit https://groups.google.com/d/optout. > -- You received this message because you are subscribed to the Google Groups "Google Code Jam" group. To unsubscribe from this group and stop receiving emails from it, send an email to google-code+unsubscr...@googlegroups.com. To post to this group, send email to google-code@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/google-code/CADpTfwNQESXJXivoK%2BC9m%3DgSToD7uOzVdwZpWMaE1MneRM%2BaBQ%40mail.gmail.com. For more options, visit https://groups.google.com/d/optout.
