Search Unity

  1. Unity 2019.2 is now released.
    Dismiss Notice

Feedback 2019.3.0a7 - New UI accessibility issue, font rendering & colors are low contrast

Discussion in '2019.3 Beta' started by midoski, Jul 2, 2019.

  1. midoski

    midoski

    Joined:
    Apr 26, 2015
    Posts:
    3
    I used to work in front end development and one of the issues I became keen on a lot is designers arriving at low contrast UI elements. A lot of time mock-ups would seem good, but at runtime and with differing font renderings on different systems, issue would arise. I installed the latest beta last night to try some things out, and right away noticed that the new vanilla UI is much lower contrast in areas like the inspector pane.

    The font color, when rendered 100% without anti-aliasing, is #2F2F2F and the background is #9B9B9B.

    You can dial these values yourself into various free online accessibility-minded contrast checkers, like https://webaim.org/resources/contrastchecker/ and https://contrastchecker.com/, the latter of which feels much more strongly about this being a bad contrast ratio.

    Other menus, like the Hierarchy view and Project view have much more appropriate contrast ratios, but I still feel the slightly-darker background grey is harder to read.
     

    Attached Files:

    JohnC_Unity, EvOne and Peter77 like this.
  2. midoski

    midoski

    Joined:
    Apr 26, 2015
    Posts:
    3
    Other areas of the UI fail these accessibility tests as well, such as the tab bar in the windowing system.

    I imagine the low contrast issue is known but I wanted to make sure it wasn't glossed over because I personally found the current values a lot harder to read.
     

    Attached Files:

    JohnC_Unity likes this.
  3. Lars-Steenhoff

    Lars-Steenhoff

    Joined:
    Aug 7, 2007
    Posts:
    2,135
    on my Mac its not as dark as in your screenshot.

    Not sure why there is a difference
     

    Attached Files:

    midoski likes this.
  4. midoski

    midoski

    Joined:
    Apr 26, 2015
    Posts:
    3
    Thanks for this! I completely failed to mention that I am on Windows 10.
     
  5. maryllu

    maryllu

    Unity Technologies

    Joined:
    Feb 1, 2018
    Posts:
    32
    Thanks for your comment @midoski! It appears you may be in play mode as the screen is a good deal darker than it should be. Can you double check this? Also, if play mode is hard to notice or confusing please let us know as that feedback is valuable as well.
     
    JohnC_Unity likes this.
  6. EvOne

    EvOne

    Joined:
    Jan 29, 2016
    Posts:
    82
    I apologize, but - here are two screenshots from the editor, there is no playmode. On the left - the old interface 2019.2, on the right - the new "less contrasting" interface in 2019.3.а7
    Тhe black color of the letters remained black, but the background under them became darker - it became much more difficult to read.
    At least it is necessary to peer, where earlier the information was read "automatically"
    2019-07-22_10-31-49.png

    P.S. Sorry for my "Google-translate"
     
  7. maryllu

    maryllu

    Unity Technologies

    Joined:
    Feb 1, 2018
    Posts:
    32
    Thanks for following up. This is helpful. I would love to get your feedback in a survey we are doing with the editor themes. Would you be interested in participating? Then we can collect more details from you.
     
    EvOne likes this.
  8. EvOne

    EvOne

    Joined:
    Jan 29, 2016
    Posts:
    82
    Yes, of course, I will be glad to participate in the survey :)
     
  9. maryllu

    maryllu

    Unity Technologies

    Joined:
    Feb 1, 2018
    Posts:
    32
    Thanks. We are hoping to mail it/send via forum out in the next week or so. Please be as detailed as you like! Thanks.
     
    EvOne likes this.
  10. Lars-Steenhoff

    Lars-Steenhoff

    Joined:
    Aug 7, 2007
    Posts:
    2,135
    I hope the surveys are not your only data point for taking feedback, as forum post are also valuable, even if they are not easy to put into analytics.
     
    Last edited: Jul 30, 2019
    sniffle63 and Peter77 like this.
  11. maryllu

    maryllu

    Unity Technologies

    Joined:
    Feb 1, 2018
    Posts:
    32
    That is totally fair. We are actually reading every comment related to accessibility on the forums. They are extremely valuable as you know.

    In the case of the 19.3 theming we have received feedback and bug reports from so many sources including the forums. In the past year we have run this same survey twice. The reason I am sharing it a third time here is because, firstly, I want to track improvement over time consistently and, secondly, I want feedback focused on accessibility as it relates to the 19.3 Beta theming update. Please let me know if you have any more questions. You made a great point.
     
    Peter77 and EvOne like this.
  12. EvOne

    EvOne

    Joined:
    Jan 29, 2016
    Posts:
    82
    Finally Installed a new alpha11 version.
    As expected, I got a bunch of errors when upgrading a previously saved project. And while I was dealing with errors and importing new versions of packages ...
    -Oh my eyes... It's just a nightmare ... Sorry ...

    Survey on the new UI/UX -is certainly great ...
    But... It’s hard for me to evaluate in general all the details and subtleties of changes in usability, acessability, familiarity, etc...
    But I can definitely say - never before when working in Unity my eyes have never hurt so much!
    This is a real feeling of sand in the eyes :(

    But I didn’t even finish the upgrade of just one(!) simplest project! :confused:

    In addition to the low contrast we have already talked about
    -here are the problems that I can show in just in one screenshot:


    2019-08-01_23-46-48.png
    1. Here is the line that you need to "hook and drag" if you want to resize the window with explanations about the error - who sees it? me not.

    2. Messages, warnings, errors - not just their number, but also buttons that turn them on - they are almost always out of sight!
    I have no way to open the subwindow half the screen. -On the screen of my laptop, only 1366x768 pixels. Yes, he is not new. But, believe me - I can work on it even now. It was enough for me to work. And there have never been problems with Unitys interface.

    And two more problems associated with the same circumstance:

    3. In the title of this window (game) there is only one single button that I switch often, more often than anyone else.
    this is "Stats". It's more convenient for me, not switching "Game" to full screen. But then the statistics overlaps the small Game-window and the button must be switched
    -Added something to the scene, or changed... -turn on the display of statistics, looked at the number of drawcalls etc, then turned off the statistics.

    But... Why, with almost every Unity update, this button is pushed further and further to the right?
    Well, at least, in this alpha, the "VSync" button was removed from the title bar... :D

    4. I'm not sure, maybe this is some kind of temporary glitch, but right now, today, right after the installation .3.a11,
    I almost always fail to hook and move the border between the Game and the Project windows.
    Border just does not catch on.
    Sometimes it helps to click the mouse inside "Game", sometimes I have to close the window and reopen it.

    I'm sorry, probably these problems are simply ridiculous in many ways... :D
    But Unity was created not only for working in game-studios with screens for half a wall, isn't it?.. :)

    P.S. And sorry for google-translate
     
    Last edited: Aug 1, 2019
    Jes28 and Kichang-Kim like this.
  13. fherbst

    fherbst

    Joined:
    Jun 24, 2012
    Posts:
    299
    In general, contrast in the new design is way lower than it should.

    Just look at the package manager. Try counting the seconds until you see which package(s) have updates available.
    Before:
    upload_2019-8-6_13-53-44.png

    After:
    upload_2019-8-6_13-59-22.png

    (let's not even start talking about the refresh icon at the bottom - nice new functionality, but icon is broken)
     

    Attached Files:

    Jes28, Player7, JohnC_Unity and 7 others like this.
  14. Shinyclef

    Shinyclef

    Joined:
    Nov 20, 2013
    Posts:
    364
    I'm in complete agreement with the contrast comments. I noticed it most obviously when checking for package updates.
    While I do like the 'clean' look of the new style in general, readability seems to have been sacrificed in some places.
     
  15. HonorableDaniel

    HonorableDaniel

    Joined:
    Feb 28, 2007
    Posts:
    2,829
    +1 for more contrast.
     
  16. Prodigga

    Prodigga

    Joined:
    Apr 13, 2011
    Posts:
    771
    The markers in the Timeline editor are hilariously hard to see:
    upload_2019-8-8_23-2-41.png

    Bet you didn't spot the 3rd one:
    upload_2019-8-8_23-3-0.png
     
    transat, Jes28, QFSW and 4 others like this.
  17. Prodigga

    Prodigga

    Joined:
    Apr 13, 2011
    Posts:
    771
    Also, when you are renaming something, its very low contrast and hard to see:
    upload_2019-8-8_23-5-25.png

    And if you have the row selected, not only is it low contrast, but when you are renaming you also can't see what part of the word you have selected. I have the same characters selected as the last image ('nal Track'), but it is impossible to see that.

    upload_2019-8-8_23-5-19.png
     
    mh114, EvOne, Peter77 and 1 other person like this.
  18. fherbst

    fherbst

    Joined:
    Jun 24, 2012
    Posts:
    299
    One more. I can't count anymore how often I clicked the wrong one first when trying to open the script.

    upload_2019-8-9_21-21-28.png

    ...
    Correct, none of them is a script ;)
     
  19. EvOne

    EvOne

    Joined:
    Jan 29, 2016
    Posts:
    82
    In new 2019.3.0a12 - everything is Great !!! :D
    Big Big Big Thanks to all developers of Unity!
    With contrast and readability - everything has become much, much better!
    And all that I noted on that screenshot above -is that there are no more problems with all this :)
    Well, except for the "Stats" button...
    And although it’s clear that this is a conscious decision,
    But... -If it may be possible (in the far-far future, may be :) ) - to make customizable the number and composition of buttons in the window title, - it would be very useful...
    .
    P.S. Tell me, please - should I write here about the very strange behavior of the ShaderGraph window in .a12, or is there a separate thread somewhere about its interface? (I can not find)

    (Sorry for Google-translate...)

    Maryllu, -from the lack of an answer to my letter above (with a screenshot), it could seem to be too rude and harsh... Forgive me if that - in fact, the whole problem is that I can not freely express my thoughts in English
    and I have to use an automatic translator
    But they (Google-translate and some others I'm switching between, trying to find the best translation)
    -all they - is something else... :(
     
    maryllu likes this.
  20. Lars-Steenhoff

    Lars-Steenhoff

    Joined:
    Aug 7, 2007
    Posts:
    2,135
    I would like to see the Mac colored buttons on the left side consistent with the rest of the Mac interface,
    right now they are on the wrong side according to Mac user interface guidelines.

    The search bar also is no aligned with the other properties, I aligned it to make it cleaner looking.

    See the second screenshot for example how it could look

    Screenshot 2019-08-14 at 17.38.31.png
    mac 2.png
     
    transat and Prodigga like this.
  21. fherbst

    fherbst

    Joined:
    Jun 24, 2012
    Posts:
    299
    @EvOne I'm curious, what do you mean "it's better in a12"? The package manager looks exactly as in my screenshots above there.
    EDIT: refresh icon was actually fixed but download/up to date buttons still look too similar.
     
    Last edited: Aug 15, 2019
    EvOne likes this.
  22. EvOne

    EvOne

    Joined:
    Jan 29, 2016
    Posts:
    82
    I had no problems with the package manager, because there is practically nothing to read in it, unlike the console, the inspector. But the functionality in it is also significantly improved. And the speed of updating the list of the packages in comparison with 2019.2 -has increased many times (but this is generally 2019.3 alpha, not only 12)

    All of which I wrote "better" - in my post above, and on the screeshot.
    here (#12)
    But in the 12th alpha, personally I - see serious improvements,
    And the “sand in the eyes" - disappeared. Therefore i am really happy now! :D

    It is unfortunate that your issues have not yet been fixed... But it only Alpha... -I believe - everything will be fine :)

    Google-translate, sorry
     
    fherbst likes this.
  23. maryllu

    maryllu

    Unity Technologies

    Joined:
    Feb 1, 2018
    Posts:
    32
    This is all great feedback. My apologies for not replying sooner. I did not get further notifications from this thread and only happed to see the new activity when I returned to review your previous comment. I will take a look now. Thanks for your patience!

     
    Prodigga and EvOne like this.
  24. maryllu

    maryllu

    Unity Technologies

    Joined:
    Feb 1, 2018
    Posts:
    32
    1. It is an easy fix. Thanks for pointing it out and sorry we missed it.
    2. and 3. The toolbars have operated this way for awhile. I agree a better pattern is needed so that toolbars can resize in a usable, more responsive way. It is not part of theming specifically but I will pass along this feedback. I think a holistic solution is needed and that takes more time. Do you see any regression here related to theming from 19.2 to the Beta?
    4. Can you explain what you are experiencing and your setup (OS, etc)? I can't reproduce on my end.

    Keep an eye out for the next Beta. I included several incremental contrast related fixes in the personal theme to bugs logged from surveys, forums (thanks!), and other user comments. There are improvements to label text and toolbar selection, etc.

     
    Prodigga likes this.
  25. EvOne

    EvOne

    Joined:
    Jan 29, 2016
    Posts:
    82
    Wow! Beta! Yes! :D I look forward to...

    Almost all of this list has already been fixed in alpha12
    Above, I already wrote about this and thanked the development team! :)
    And what is not fixed is no longer a bug, this is about the "Stats" button :)
    What you wrote about the need for a more general solution for toolbars -is wonderful, the main thing -is that developers improve the interface even in small things.
    And for me at this time this is quite enough :)

    Regarding point 4 - in the 12th alpha this behavior is also no longer there,
    and .0a11 I have already uninstalled.
    There such a situation was not only with these two panels, but with almost every panel border, sorry I did not make a video :(
    Now in .0a12 - everything is already fine :)
    But if it is important, I can reinstall the 11th and shoot the video.
     
    Last edited: Aug 21, 2019
  26. maryllu

    maryllu

    Unity Technologies

    Joined:
    Feb 1, 2018
    Posts:
    32
    I think the issue in #4 was fixed. So no need to regress your version to take a video. Thanks again :).

    Glad you like the Alpha12 update. We still have a few small fixes coming in here and there so stay tuned for even more improvements.

    No sleep 'til 19.3 :)!
     
    fherbst and EvOne like this.
  27. fherbst

    fherbst

    Joined:
    Jun 24, 2012
    Posts:
    299
    Another example of issues with the new contrast.

    Tasks to do with this (count the seconds until you get it done):
    1. Find the shader file!
    2. Count the scripts in this folder!
    If you squint your eyes all you see is basically a white vertical bar on the right side. The icons are meaningless and useless. Jumping between different projects on 2019.2 and 2019.3, I feel soooo much slower on 2019.3 due to UI issues alone. It takes ages to find stuff, because I actually have to read all texts instead of visually pre-filtering what I'm looking for based on the Icons (hint: that's what Icons are for - to differentiate).

    2019.2 -----> 2019.3
    upload_2019-8-26_11-53-57.png upload_2019-8-26_11-54-23.png


    EDIT: Just to clarify, I'm not saying the Icons on the left are good. They are inconsistent and have just "grown" over time. A redesign is over-due, but the stuff on the right has been designed for the sake of designing (aka everything looks nice and clean when put side to side in an Illustrator document) but seemingly without much accessibility and usability in mind.

    @maryllu tagging you here so you're not missing the posts again :)
     
    Last edited: Aug 26, 2019
    Jes28, maryllu, thelebaron and 3 others like this.
  28. Lars-Steenhoff

    Lars-Steenhoff

    Joined:
    Aug 7, 2007
    Posts:
    2,135
    Color variations on icons are making them easier to find quickly, Im all for consistency but with variation in color.
     
  29. Player7

    Player7

    Joined:
    Oct 21, 2015
    Posts:
    1,399
    Hilarious, could have just said the new gui was a total fail on contrast, style aesthetics and layout issues just from looking at various parts of it.

    Anyway already been banned for a month for posting a thread about the FAIL gui of 2019.3 over here https://forum.unity.com/threads/uni...ui-look-like-garbage-now.709037/#post-4744661

    Subject still relevant as I don't see any improvements on this fugly flat ui.
     
  30. Peter77

    Peter77

    Joined:
    Jun 12, 2013
    Posts:
    4,106
    In 2019.3.0b1, drop-down menus with "checkbox items" don't seem to be consistent, for example:

    upload_2019-8-27_17-47-48.png

    upload_2019-8-27_17-48-5.png

    upload_2019-8-27_17-51-40.png
     
    maryllu likes this.
  31. Peter77

    Peter77

    Joined:
    Jun 12, 2013
    Posts:
    4,106
    In 2019.3.0b1, pressing PLAY causes the play button to become gray-in-gray for the time the editor waits for the game to switch to playmode:

    upload_2019-8-27_17-54-57.png
     
  32. EvOne

    EvOne

    Joined:
    Jan 29, 2016
    Posts:
    82
    I has awakened :)
    Beta1 -Cool! :)
    at first glance ... I see something strange :)
    Should icons behave like this? -This can go on infinite, because the new state is not saved

    2019.3.0beta1_01.gif
     
  33. fherbst

    fherbst

    Joined:
    Jun 24, 2012
    Posts:
    299
    Sorry, but here's another example. That double white quad on the icon (Animator Controller I guess?) makes this super confusing to look at.

    upload_2019-8-28_22-33-10.png
     
    EvOne likes this.
  34. mgear

    mgear

    Joined:
    Aug 3, 2010
    Posts:
    5,405
    super bright folder icons..?

    new
    upload_2019-8-29_17-13-24.png

    old
    upload_2019-8-29_17-13-47.png
     
    Yozaro and Peter77 like this.
  35. Peter77

    Peter77

    Joined:
    Jun 12, 2013
    Posts:
    4,106
    For some reason this makes it much harder for me to read the folder name, as the bright icons attract all the attention.
     
  36. Player7

    Player7

    Joined:
    Oct 21, 2015
    Posts:
    1,399
    the whole thing is just ugly and difficult to use.. if you even want to use tbh... bunch of boring flat icons with no style or substance to them.. the worse part of this gui is the coloring layout and sizing of so many areas that is just a total regression.
     
  37. fherbst

    fherbst

    Joined:
    Jun 24, 2012
    Posts:
    299
    Same game again! Find the one thing that is a different type of object - count the seconds!

    upload_2019-8-30_15-38-44.png
     
    Jes28, mh114, Sylmerria and 1 other person like this.
  38. fherbst

    fherbst

    Joined:
    Jun 24, 2012
    Posts:
    299
    Isn't that kinda funny? I posted this on the 26th, and 3 days later Unity posts this image on the blog as proof for how great the new Icons are :)

    upload_2019-8-31_0-28-5.png
     
    Last edited: Aug 31, 2019
  39. Peter77

    Peter77

    Joined:
    Jun 12, 2013
    Posts:
    4,106
  40. Peter77

    Peter77

    Joined:
    Jun 12, 2013
    Posts:
    4,106
    (Case 1180710) Foldout icon cut off
    screenshot.png
     
    LeonhardP likes this.
  41. Peter77

    Peter77

    Joined:
    Jun 12, 2013
    Posts:
    4,106
    (Case 1180720) Plus icon in Game View drop-down looks blurry/low-res
    screenshot.png
     
    LeonhardP likes this.
  42. Peter77

    Peter77

    Joined:
    Jun 12, 2013
    Posts:
    4,106
    HonorableDaniel likes this.
  43. Kichang-Kim

    Kichang-Kim

    Joined:
    Oct 19, 2010
    Posts:
    327
    I think that customizing icon features can be another answer to UX design. Like VSCode. It's icon can be easily modified and user can select icon-pack based on their favorite.
     
    Lars-Steenhoff likes this.
  44. Lurking-Ninja

    Lurking-Ninja

    Joined:
    Jan 20, 2015
    Posts:
    4,488
    No offense, but I believe that would be a very bad idea. For VSCode to use, you don't need tutorials and screenshot to even comprehend what you're doing. For Unity, you need. Just imagine the amount of confusion when a newbie comes along and see a completely different icon set and stuff. I know, different icon does not mean different functionality, but when you're a beginner it is not that simple.
    It's bad enough that the things they see in the software can move (I really would talk with people who make beginner level tutorials with custom layout or not with the default one), imagine, it's at another place and it looks different. Good luck to find out what it is.

    Obviously you could say that we need to tell the people who make tutorials to use the default icon set and everything, but it's still a bad idea, because people don't really listen to these things.

    I think in terms of Unity, one set of icons, which is good enough, with good contrast, easily recognizable function would be far (I mean FAR) better than a customizable icon set.

    IMHO.
     
    fherbst likes this.
  45. Kichang-Kim

    Kichang-Kim

    Joined:
    Oct 19, 2010
    Posts:
    327
    You are right. I missed the point of tutorials and screenshot sharing perspective.
     
  46. Kichang-Kim

    Kichang-Kim

    Joined:
    Oct 19, 2010
    Posts:
    327
    Super agreed, especially 3. My project targets mobile-device, portrait screen. So my game view is set to narrow width also. Always "Stats" is hidden and I can't click it until re-sizing my scene view. After toggle Stats, I need to restore game view to original "portrait" screen size, this is extremely annoying.
     
    Yozaro and EvOne like this.
  47. EvOne

    EvOne

    Joined:
    Jan 29, 2016
    Posts:
    82
    So beta2...
    Well, why change the fonts? -So, after crisp and sharp letters in 2019.2, even in the previous alpha and beta1 - the whole text, especially bold and in the inspector's fields in comboboxes for example - seemed to be "with burrs" and blurry...
    But now there’s also a new font .. Which reminds me of some console nightmare...

    Why? It didn’t get better, believe me...
     
    Last edited: Sep 7, 2019
    sniffle63 likes this.
  48. Player7

    Player7

    Joined:
    Oct 21, 2015
    Posts:
    1,399
    :(:confused::eek::oops:
     
  49. ibbybn

    ibbybn

    Joined:
    Jan 6, 2017
    Posts:
    133
    I'm liking the new visuals so far. Looks modern and for me it's easier on the eyes.
    Was thinking about what would be my favourite UI improvement and now I'm wondering if there's a way to get something like blender n or t windowpane shortcuts into unity.
    For some tasks you just need to see more of one windowpane so I'm noticing myself resizing the left hierarchy and and the right inspect windows alot. If only we could just retract them quickly and fully ( not half way like right now ) with shortcuts.
    Or maybe I'm missing something, is there a way to do this already? Maybe switch between layouts with a shortcut?
    Then we'd just need to get rid of that bright flash when redrawing all the windows..
    EDIT: Oops, just noticed slightly off topic for this thread. Thought it's a general feedback thread for the new UI.
     
    Last edited: Sep 8, 2019
  50. EvOne

    EvOne

    Joined:
    Jan 29, 2016
    Posts:
    82
    I'm sorry, my "English" - is sometjing else... :rolleyes::D

    sorry for Google-translate..