Are you guys tired of the “Material You” design? I don’t really like the huge paddings on everything aspect of it. Also a lot of it feels too flat. What do you guys think?

  • Eddie@l.lucitt.com
    link
    fedilink
    English
    arrow-up
    43
    arrow-down
    1
    ·
    edit-2
    1 year ago

    As a UI/UX designer myself (hobbyist, to be clear), I really like it.

    There seems to be this notion in the homebrew/FOSS/Linux community that “wasted space” is always non-preferable. I can see this being true for some people, but I feel like a lot of people are band wagoning this opinion.

    It’s pretty universally known and accepted in the design community that padding is extremely important when it comes to helping your brain read and separate content. And to be fair, most non-tech people prefer space and padding in their applications to make things easier to understand.

    I can be entirely off base here, but TLDR: I like padding and it’s literally beneficial to helping your brain understand the layout of what you’re looking at better.

    • Ɀeus@lemmy.world
      link
      fedilink
      English
      arrow-up
      11
      ·
      1 year ago

      personal opinion, i think padding is worse for delineating objects than a bit of colour; or just, like, a line. look at this example - there are four distinct segments on the left, whereas on the right they all merge into one and a half

      padding is really useful, yes, but if you put padding on everything then what’s there to be separated?

      • Virkkunen@kbin.social
        link
        fedilink
        arrow-up
        6
        ·
        1 year ago

        The one on the right looks like different buttons and that everything is clickable. A quick glance shows you different elements and you can easily find what you’re looking for. An example of form and function working together.

        The one on the left looks like a text area showing different symbols. A quick glance shows you a blue area and a white area. Seems like you need that extra moment to find what you want because everything looks the same. An example of function over form.

        Cramming a lot of things together isn’t always good (probably it’s just bad in general) because it just makes things confusing and ends up wasting time more than having bigger things but less of them.

        • Ɀeus@lemmy.world
          link
          fedilink
          English
          arrow-up
          2
          ·
          edit-2
          1 year ago

          meh, i’d say they’re obviously buttons from context (why would a calculator app just have a bunch of random unclickable symbols?). but assuming they don’t immediately read to you as buttons; md3 calc app only has 8 buttons: AC, (), %, ÷, ×, -, +, & =. the rest is just exactly the same mess of text randomly laid out edit 2023-08-03: i have now looked at this image on a better calibrated monitor. the numbers actually do have background circles (why did no-one pick me up on this). however, this does prove my point about the complete lack of any contrast on anything

          having areas is good as it allows the eye to do a sort of binary search: if i want a scientific function i’ll look in the white on blue, operators in blue on white, numbers in black on white; then search for the exact button i want. without that, everything’s an unorganised mess (for instance why are brackets in the same section as operators?), with some functions hidden in the v button at the top right

          also i’ve just noticed - how do the brackets work in md3? do you have to tap the button once to bring up a menu and then tap the bracket you want? or does it automatically insert one based on whether you’re inside a set? if it’s the latter, how does one do nested brackets?

      • 7945129875@kbin.social
        link
        fedilink
        arrow-up
        1
        arrow-down
        2
        ·
        1 year ago

        The colors are auto-generated from your phone wallpaper. Maybe choose one that is less homogenous :)

    • _thisdot@infosec.pub
      link
      fedilink
      English
      arrow-up
      6
      arrow-down
      1
      ·
      1 year ago

      UI dev here. To add to this, good use of “negative space / white apace” is also beneficial in signalling abundance. The more negative space you can afford to “waste”, the more resources you signal to have.

      Luxury brand ads are good examples. Compare this Citizen Watch ad (https://images.app.goo.gl/mALYonDz6qzKJjuJ6) to this (https://images.app.goo.gl/sTXzyrFXNDUxR8AR9)

      https://boagworld.com/design/why-whitespace-matters/

    • rokzoi@lemmy.worldOP
      link
      fedilink
      English
      arrow-up
      5
      ·
      1 year ago

      It’s nice to see your perspective on it, you make some great points.

      Its funny how the places that I dislike the most (status bar toggles and recently google search) are used often and thus do not need the benefits of reading and content separation. You already know by heart what it says and where they are.

      Maybe I would like it more if the big padding would only be used in places where I do not interact often with. This would make consistency difficult though.

      • wason@lemmy.world
        link
        fedilink
        English
        arrow-up
        4
        ·
        1 year ago

        Good point but just because you know where certain things are on screen, that doesn’t mean everybody knows. So you have to account for that too. Like design considering that that’s the first time someone’s looking at that screen.

    • Cosmic Frog@lemmy.ml
      link
      fedilink
      English
      arrow-up
      4
      ·
      1 year ago

      As a UI/UX designer myself (non-hobbyist), there’s UI and there’s UX. What differentiates a good-looking design from a crappy-looking design, most of all, is space (or padding). There are many other factors, of course, contrast being also very important for example, but space is number one. But that doesn’t make a design good, just good-looking, which is a very different thing.

      Adding steps to take a common action (turn off wifi or whatever) because you used to have a certain number of buttons and now you have to hide some to add space… That’s bad design. Good looking, good UI. Shit UX.

      Space should be added when needed. And you need it, when you do, to make thinks clearer. You shouldn’t add space to make it look better if that’s gonna make the experience worse.

      The number one rule of design is that form follows function. You should make things as pretty as possible until you find the wall of functionality, and then you stop. Going from six quick access buttons to four was breaking that wall. You wanna be just on top of the wall. Go to one side, you get a great looking interface people hate to use. Go the other side, you get an interface that’s dense and full of things you want, but looks like a piece of nerd shit.

      I’m also tired of people repeating the same copypasted ideas about any new design system out there (as I’m sure most people are when hearing people talk about their area of expertise), but they are not wrong on that regard when it comes to material you. Shit name by the way.

    • rtxn@lemmy.world
      link
      fedilink
      English
      arrow-up
      4
      ·
      edit-2
      1 year ago

      While you’re here, I’m curious about your opinion on the latest Spotify client design. It feels like they want to bring the desktop design closer to the touch screen client (maybe to reduce the codebase not shared by the projects). Personally, having grown up with Winamp, I find it very uncomfortable how images are dominant in both list and grid views, and how much space is left (really wasted) around texts. I think it’s just a very inefficient interface with way too much useless visual fluff.

      spoiler

      (the application on the left is a terminal-based client that really only needs a tiny corner on the screen)

      • Coliseum7428@kbin.social
        link
        fedilink
        arrow-up
        1
        ·
        1 year ago

        Not who you’re replying to, but I don’t like the giant album art menus. Save that for a now playing screen that should still be able to be shrunk down.

    • Widget@kbin.social
      link
      fedilink
      arrow-up
      2
      ·
      1 year ago

      It’s one of those “it depends” things. I’ve been working on a pretty data-dense webapp and as time goes on we’ve been shaving bits of padding off and instead relying on elevation and borders to signify the UI hierarchy of the app.

      For normie apps where there’s hardly anything to present, I think all the spacing helps people not get overwhelmed as much.

      • sik0fewl@kbin.social
        link
        fedilink
        arrow-up
        2
        ·
        1 year ago

        Yep, it all depends on use case. If the goal of the app or site is to wade through data, then extra padding is a waste of space and should be minimized.

        Also, if it’s something that you use quite a bit, then I often find the extra padding annoying as well. This is more about the user than the use case. As a user becomes more familiar with the app, extra steps (like scrolling or switching tabs) becomes less desirable than just having a jam-packed screen.

    • Anomander@kbin.social
      link
      fedilink
      arrow-up
      1
      ·
      1 year ago

      Some padding is necessary and important to most good design; that doesn’t necessarily mean all usage of padding is great, or that “more” padding is always better.

    • Dark_Blade@lemmy.world
      link
      fedilink
      English
      arrow-up
      3
      arrow-down
      2
      ·
      1 year ago

      There’s a fine line between desirable ‘white space’ and too much padding, which Google should probably do a better job at finding.

    • dantheclamman@lemmy.world
      link
      fedilink
      English
      arrow-up
      1
      arrow-down
      1
      ·
      1 year ago

      Padding sometimes seems like it’s used as a crutch to get around placing stuff more thoughtfully. I agree there’s nothing inherently wrong with it, but it is particularly annoying in feeds where it results in an excessive amount of scrolling

  • ScreaminOctopus@sh.itjust.works
    link
    fedilink
    English
    arrow-up
    12
    ·
    1 year ago

    The dynamic colors are a fucking nightmare. No, I don’t want all my ui elements to be the same color as my girlfriend’s skin tone. And the worst is even if I change it, it resets every update. I also don’t like the new quick access controls in the pull down. This is really the first Android update that’s felt like a flat downgrade for me.

  • Bizzle@lemmy.world
    link
    fedilink
    English
    arrow-up
    11
    ·
    1 year ago

    I’m over pastel colors, honestly. I want bold, vibrant colors. At least the option. It feels like Google is stripping more and more customizability with every update.

    • muznyo@toast.ooo
      link
      fedilink
      English
      arrow-up
      2
      ·
      1 year ago

      actually, google is planning to add bolder, vibrant colors in android 14

      (but you can already use repainter app)

  • Ɀeus@lemmy.world
    link
    fedilink
    English
    arrow-up
    10
    arrow-down
    1
    ·
    edit-2
    1 year ago

    yeah, i hated material ew as soon as it was announced. so much padding everywhere, and so little contrast - to paraphrase the incredibles: if everything’s orange[1], nothing is. your eyes will adjust to it. i want actionable items to stand out, not be a slightly lighter shade of the same colour. it also looks rather like a fischer-price my first phone interface

    i must say, if an app (for example, jerboa) uses material 3, i usually try to look for an alternative

    [1] other colours are available, i just like orange


    edit: some examples:

    with material design, it’s clear what’s a header, what’s a footer,[2] and what each button’s state is.

    with all the padding, there’s also less space; leading to less functionality

    with material ew, it’s much harder to tell at a glance what each app is, one has to scrutinise the icon rather than just tell at a glance by colour

    i also really dislike monet; the way it pulls this horrible washed out sickly pastel colour from a wallpaper and washes it over the entire app. if i just pulled one accent colour, and applied that to, say, the header and main action button, i’d like it a lot more

    [2] look at the lack of contrast on that “new post” button

    • rokzoi@lemmy.worldOP
      link
      fedilink
      English
      arrow-up
      0
      ·
      1 year ago

      The colors I do like personally, it’s the huge buttons that make me feel like it was made for the elderly lol.

      Its nice to see everyone has their own take. :)

      • AnalogyAddict@lemmy.world
        link
        fedilink
        English
        arrow-up
        2
        ·
        1 year ago

        Huge buttons are a general usability advantage if not overdone. Think about juggling bags while on a moving train and trying to pull out your transit app, for example.

      • Ɀeus@lemmy.world
        link
        fedilink
        English
        arrow-up
        2
        ·
        edit-2
        1 year ago

        i wouldn’t even mind the colours if they didn’t tint the background. tinting solely the main text colour and the main buttons might look quite nice. to be honest though, i just loathe pastel colours in general, so it’s possible that’s influencing my opinion

  • Ben Haube@lemmy.world
    link
    fedilink
    English
    arrow-up
    7
    arrow-down
    1
    ·
    1 year ago

    No, not at all. I am really fond of Material You. I think it is a nice mix of modern and playful. The colors are great too. I seek out applications that adhere to the material you standards and allow for using system colors. I have a Pixel 7 and a Pixel Watch. I’m excited to see what Material You looks like on the watch when the Wear OS 4 update comes.

  • AnalogyAddict@lemmy.world
    link
    fedilink
    English
    arrow-up
    7
    arrow-down
    1
    ·
    edit-2
    1 year ago

    As a professional UX designer, the padding is the least of the issues.

    I’m hoping I get used to it, but I miss more skeuomorphic design. It’s like a designer wanted to push it to be edgy and forgot about real people using it… which describes the bulk of Apple design, too, for that matter. I think we overshot the balance point.

    Edit: forgot my real point halfway through commenting: I will say even that isn’t the worst of it, though. The dynamic theming is a bit of a branding nightmare.

    • Chad@lemmy.world
      link
      fedilink
      English
      arrow-up
      5
      ·
      1 year ago

      The dynamic theming is a bit of a branding nightmare.

      Probably one of the reasons I like it. Big red company icon next to the big black company icon, next to the big pink company icon. Nah, I’ll take the uniform design, please.

      • AnalogyAddict@lemmy.world
        link
        fedilink
        English
        arrow-up
        0
        ·
        edit-2
        1 year ago

        But companies like to brand for, among others, usability and legal reasons. They aren’t going to participate in neutering the brand they have invested so much in. It doesn’t really matter if the user “likes” it because it’s pretty. What matters is if the companies pouring money into app development like it, and if the users can easily identify the apps they want to use. That’s why it has such low adoption.

        • Chad@lemmy.world
          link
          fedilink
          English
          arrow-up
          0
          ·
          1 year ago

          It doesn’t really matter if the user “likes” it because it’s pretty.

          I prioritize apps that have the option. If companies want me to choose their app over another, they’ll offer it.

          I have no problem identifying the app I want to use. My apps are alphabetized. Easy peasy.

          • AnalogyAddict@lemmy.world
            link
            fedilink
            English
            arrow-up
            1
            ·
            edit-2
            1 year ago

            Most apps aren’t “choice” apps. Things like banking, transit, etc. I doubt you’d change your bank or refuse to take the bus just because they don’t allow their app to be colored based on a random pixel measurement from a background image. I’ll go out on a long and guess you’d also not choose an app with that option but fewer features. And if so, I’d like to think you’d be in the limited minority.

            Edit to clarify: Good companies, given a choice, will by and large invest in material (pun intended) improvements over a confusing and variable prettification feature with no real usability advantage.

            • Chad@lemmy.world
              link
              fedilink
              English
              arrow-up
              1
              ·
              edit-2
              1 year ago

              True, which is why I said prioritize. If I have no other option, I have no other option. Some of my open source, small project apps have already made icons available. I really have a hard time understanding why a big (or even small) business is so resistant to it other than they want to train the customer as opposed to listening to consumers’ minimal requests.

              As it is now, apps without the material you theming go on my second “page”. Only apps with material you go on my main screen.

              • AnalogyAddict@lemmy.world
                link
                fedilink
                English
                arrow-up
                1
                ·
                1 year ago

                Because big companies have a lot more on their plate than startups or open source that may or may not pan out.

                Anyone with a modicum of skill in observation who has worked in such environments knows exactly why the little guy (especially a little guy with free labor) spends a lot more time or money on less essential UI.

                • Chad@lemmy.world
                  link
                  fedilink
                  English
                  arrow-up
                  1
                  ·
                  1 year ago

                  I don’t claim to know ui design. I’ve created a few icons here and there and it wasn’t hard. Anyway, no need to continue to belabor the point.

  • NakamuraEmi_bias@lemmy.world
    link
    fedilink
    English
    arrow-up
    6
    ·
    1 year ago

    Design preferences has a tendency to be “cyclical” appearing to be tiresome. That’s fine and an encouraged strength of customisablility.

    The issue is unified design language across android devices. Material You attempts to solve this to limited success. But it’s better than the alternatives I’ve seen in the past.

    The over-padding (especially default widgets) is something I take issue with but it’s a preference and can easily be adjusted.

  • T156@lemmy.world
    link
    fedilink
    English
    arrow-up
    5
    ·
    1 year ago

    I’m personally not that fond of it, and kind of want it to blow over in favour of a new trend.

    It lacks the charm, and neat little 3D effects that skeumorphism had, but that’s also not helped by it being implemented poorly.

  • unfnknblvbl@kbin.social
    link
    fedilink
    arrow-up
    4
    ·
    1 year ago

    I’m just kind of sick of Android in general, tbh. Google has killed off almost everything that made it fun to play with new Android versions, and somehow made it less intuitive/easy to use for advanced/experienced users in the constant pursuit of - ironically - ease of use. For example: why is it now a swipe and three taps to disable wifi in the Quick Settings panel, when previously it was a swipe and one tap?

    • soft_frog@kbin.social
      link
      fedilink
      arrow-up
      1
      ·
      1 year ago

      It drives me nuts that I need to drag down twice to adjust screen brightness. It just feels icky to do that second drag, even hiding the brightness slider behind a button would be better.

      I don’t like material or material you. They feel confused and they mix layers on top of your content which gets in the way to me. I don’t like the loud colour sections on headers against the stark white content backgrounds, it’s all too much.

      Despite fear of sounding snooty, material is bauhaus design without the authentic materials, and the design elements are so focused on purism of being “material” that they forget they could be straightforward.