• u/lukmly013 💾 (lemmy.sdf.org)@lemmy.sdf.org
    link
    fedilink
    English
    arrow-up
    206
    arrow-down
    2
    ·
    1 year ago

    A highly compatible design with no ads, unnecessary images, videos, animations, scripts that goes straight to point delivering you exactly the information you need and nothing else? Something that’s easily accessible even with old feature phones allowing older people to get information easily?
    Simply something that loads instantly and just works?

    Who would want that?

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

      Found the backend dev. “CUT THIS AESTHETICS NONSENSE! GIMME THE VARIABLE CONTENTS ALREADY! WE’RE 3.54 NANOSECONDS BEHIND!”

      • Dasnap@lemmy.world
        link
        fedilink
        arrow-up
        38
        arrow-down
        1
        ·
        1 year ago

        Frontend: “Come on, this needs at least some flair. This isn’t the 90s.”

        Throws React at it

        • voxel@sopuli.xyz
          link
          fedilink
          arrow-up
          4
          ·
          edit-2
          1 year ago

          yeah, just css is enough.
          you don’t need js unless you need to fetch data dynamically.
          you can do all of your animations, dropdowns and transitions in css.
          like this menu i made. no js in sight.

          https://streamable.com/4ba0gg

          also fully accessible and you can tab right into it without clicking enter or whatever
          (and respects prefers-reduced-motion)

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

      Those are very valid points, but the complete lack of UI and UX design doesn’t make it the best. Just some basic things will suffice.

      • less redundant wording
      • critical info formatted to be on the same visual line
      • some simple icons added which roughly represent the info
      • a basic design (header, centered box with info, easy on the eyes colors)
      • basic responsiveness to support most devices
      • bigger font sizes for the critical info could further help visually impaired people

      That would make the info quickly and easily digestible, even at a glance, for most people on most devices.

      I get the point, but I wanted to show that well designed frontends make using the web easier for people with human-tailored designs. Of course, over-the-top artsy visuals, dark patterns, defiant handling of cookie policies, invasive data collection and corporations doing corporate stuff make the web annoying, difficult and unsave to use for humans. I think we need to differentiate between those.

      • ErwinLottemann@feddit.de
        link
        fedilink
        English
        arrow-up
        13
        arrow-down
        1
        ·
        1 year ago

        basic responsiveness to support most devices

        Dude, that is the mother of responiveness. It literally supports all the devices.

      • tetha@feddit.de
        link
        fedilink
        English
        arrow-up
        0
        ·
        1 year ago

        Entirely true.

        I’m currently working on a little project that’s interesting to me (a low-spoiler walkthrough system for adventure games) and after a lot of back and forth, I decided to cut all of JS out of the picture. Just get rid of all of it, and do good old 90s server-side rendered HTML with modern CSS placed on top of it.

        And that’s, honestly, a joy. The first draft of a page looks like the first screenshot, then you add some semantic classes to the html and throw some simple CSS at it and it looks acceptably neat. And I could get rid of so much janky toolchain I just fail to understand.

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

      No one who is going to pay you wants that. All they care about is user engagement.