10 votes

Samification of the current Web

Hello I hope you all have a good [insert time of Day] !!!

Maybe a bit of background about me:
(25 Age idk if that is relevant, but it could be interesting how other age groups see that)
I really like unique stuff. If it's design or clothes or web design or whatever you might think of. I have been working privately on my own website, and I built it almost from scratch. I really like unique-looking websites, and I also like the 2000s era style of design (not only limited to web-design).

I have been noticing a lot of websites that they look more and more the same. The same structure, design, similar colors, similar pictures etc, etc...

And I think this is just very boring and it just feels like more and more the web isn't made for us humans. It feels everything is being more and more optimized either for SEO (Search Engine Optimization) or for AI scrapping. And I feel like being alienated from using the internet (Yes, also sadly that's the case in many other areas).

And I asked some people and what they basically told me is that they like that everything looks the same and everything feels the same. Since they can go on every website and understand the layout and know how to navigate every website.

So I wanted to ask what is your opinion about this topic?
Do you care what the Internet looks like? Do you mind that everything looks same~ier?

12 comments

  1. [6]
    creesch
    Link
    Ideally websites are unique with their own styling, identity and quirks. Having done a lot of webdesign in the early 2000s I also do miss the real identity even corporate websites had back then...

    Ideally websites are unique with their own styling, identity and quirks.

    Having done a lot of webdesign in the early 2000s I also do miss the real identity even corporate websites had back then compared to now.

    Having said that, for some contexts there is a real benefit to websites being very similar. Specifically for navigating corporate websites it is nice to not have to entirely guess where to find something or to figure out how to navigate that particular website.

    For personal websites that doesn't matter as much and I love coming across websites crafted by hand and love. Though, the only thing I wish people would remember is that for long form context there are some good practices for line width, font types and readability in general. It's a shame to come across a well written blog and struggle to read it comfortably.

    Edit: I might go in a bit more detail later. Wrote this on my phone while on a train.

    Edit2: Had an excellent day btw, thanks! Hope your part of day is also going well!

    6 votes
    1. [5]
      ShroudedScribe
      Link Parent
      Do you have any links or other resources, or even just an example for this? It's always good to get more insight into readability, especially because I know it goes beyond accessibility.

      the only thing I wish people would remember is that for long form context there are some good practices for line width, font types and readability in general. It's a shame to come across a well written blog and struggle to read it comfortably.

      Do you have any links or other resources, or even just an example for this? It's always good to get more insight into readability, especially because I know it goes beyond accessibility.

      3 votes
      1. [4]
        creesch
        Link Parent
        I'd argue that it is closely related to accessibility as well. Anyway, as far as your request for resources go, I had a crack at finding good neutral resources about it. The problem is that a lot...

        I'd argue that it is closely related to accessibility as well. Anyway, as far as your request for resources go, I had a crack at finding good neutral resources about it. The problem is that a lot of the advice has been studied a bunch and has been around for a while. Since then been co-opted by seo driven websites, UX bureaus, etc who parrot this advice as their own to attract people googling on it it. Which made finding resources that do not look sus harder than I thought.

        Having said that, I did manage to track down higher quality resources. There are two main principles I often encounter I'll mention specifically which are line length and font choice. But, there is a lot more to readability on websites like font size, line height, contract and much, much more. So I'll also link to a variety of other resources as well.

        Line length (or width if you will)

        Line length has a minimum and maximum size that allows most people to comfortably read text. This range is roughly between 50-70 characters per line. For resources:

        • This stack exchange thread has some decent responses about the matter.
        • As I mentioned it is closely linked to accessibility, so it is not surprising the W3C WCAG also contains something about it stating"Width is no more than 80 characters or glyphs (40 if CJK)."
        • A bunch of the resources I will cover below also echo a variant of this rule. I didn't link them here since they go in many more aspects of typography as well.

        Font choice

        Sans-serif fonts generally speaking are easier to read on the widest range of screens. Having said that, on modern higher dpi screens Serif fonts generally are considered to be equal. Monospaced fonts are rarely a good choice as they reduce legibility for most people. The exception here might be people who work a lot in terminals and code editors who are used to monospaced fonts and people with dyslexia who sometimes have an easier time reading text in monospaced fonts. While not exciting, when in doubt Arial is the safest choice ;) Resources:
        - Stack exchange thread on monospaced fonts

        Other resources.

        TL;DR?

        • Set a max width on your lines of roughly 60-70 characters. With css there is no exact way to achieve this but using 40em as the max width will get you close, 70ch will also work and is newer.
        • Don't use monospaced fonts for long form text. If you insist, provide a toggle for people who are not programmers or dyslexic.

        Edit:

        @TaylorSwiftsPickles is this what you meant by me being able to talk about this stuff at length? :P

        3 votes
        1. [2]
          TaylorSwiftsPickles
          Link Parent
          More or less. We've had our fair share of discussions regarding web development on our ✨very inefficient IRC channel✨ so you did seem like the right person to ping on this thread, and I trust your...

          @TaylorSwiftsPickles is this what you meant by me being able to talk about this stuff at length? :P

          More or less. We've had our fair share of discussions regarding web development on our ✨very inefficient IRC channel✨ so you did seem like the right person to ping on this thread, and I trust your judgement :P

          1. creesch
            Link Parent
            Talk about irc, I recently got a client running again to join some old channels and still have it. I found out that libera.chat has an unofficial #tildes channel. No clue who registered it, since...

            Talk about irc, I recently got a client running again to join some old channels and still have it. I found out that libera.chat has an unofficial #tildes channel. No clue who registered it, since it is now empty but I am hanging around there now for anyone who feels nostalgic about irc :P

            1 vote
        2. Protected
          Link Parent
          I'm feeling a little called out (Yes, this is how I talk/write now. I'm like Discworld's Death takes up coding.)

          people who are not programmers or dyslexic

          I'm feeling a little called out
          
          (Yes, this is how I talk/write now. I'm like Discworld's Death takes up coding.)
          
  2. [2]
    TaylorSwiftsPickles
    (edited )
    Link
    I have to preface this by stating that, as we're on tildes, you're going to get a somewhat biased response simply due to fact that tildes primarily "draws in" specific types of people that in many...

    I have to preface this by stating that, as we're on tildes, you're going to get a somewhat biased response simply due to fact that tildes primarily "draws in" specific types of people that in many ways differ significantly from the average internet user. For instance, check out this post: https://tildes.net/~tech/1pkd/one_million_screenshots

    That aside - yeah, I very much do empathise a lot. I also really like unique stuff in general, and I am especially pretty annoyed at the fact that the majority of the web (especially corporate web) looks so identical. The latest annoyances for me concerned some sites I'm using in the fashion sector.

    There are some very good arguments and technical reasons as to why everything looks the same right now - which I assume @creesch might get around to as he knows those things a lot better than me¹ - but even so, I'm very strongly opinionated about this topic; I genuinely want every corporate (and also every non-corporate) site to look very different and actually show off its identity, even if they do end up converging on some "conveniences". Then again, my partner would say I'm very strongly opinionated about way too many things. Though, I certainly am not fond of whatever https://pierre.co/ has going on, so maybe let's not go that way. That said, in my experience, the old WWW style more or less died as soon as "being constantly connected to the internet" became obiquitous. Having been around on the interwebz since the early 2000s, the "decline" was really noticeable to me in the early 2010s when android went mainstream in my area but could be traced back to the late 2000s overall.

    Then again, I'm alienated by almost all technology nowadays. I don't like where almost any consumer (or enterprise) technology has been heading towards since, idk, the mid 2010s, and it's only been getting worse and worse. Which, in turn, means I've only become more and more of a "luddite" as time went/goes on. There are some exceptions I genuinely like a lot - especially self-checkout machines in stores, which I love - but, overall, sometimes I genuinely feel like I'm practically becoming a "hermit" in terms of actually using the internet. For example, let's take a peek at my app history on my phone. My top app, on the regular and with a big difference vs anything else, is Signal. My second and third most used app alternate between Three Cheers For Tildes & Firefox Focus, with the latter mainly just being used almost exclusively for reading things posted on tildes + googling random things. Any other app on my phone is almost never used. And I don't use my laptop much at this point either, unless I'm having a call, I wanna order something, or I'm joining the tildes MC server (rip).

    1 (edit): Turns out @PierogInTheButt got into that topic before @creesch did ;)

    3 votes
    1. creesch
      Link Parent
      Oooh that is what you meant, I remember talking about it now a while ago. I'll reply to @PierogInTheButt with some additions.

      Oooh that is what you meant, I remember rantingtalking about it now a while ago. I'll reply to @PierogInTheButt with some additions.

      1 vote
  3. [2]
    PierogInTheButt
    Link
    I think a big reason why so many websites look the same is what web development has became. Everyone uses the same frameworks, design systems, libraries or pre-made UI components, which makes...

    I think a big reason why so many websites look the same is what web development has became. Everyone uses the same frameworks, design systems, libraries or pre-made UI components, which makes things faster to build (and cheaper) but also very standardized. Personally, that’s what made me lose interest in getting into web development commercially as it didn’t feel as creative as I imagined it would be. I felt more like using specific patterns rather than actually making something unique.

    And honestly, that's not exactly connected to your question but I think Android applications are even worse when it comes to that. I realized this during a mobile app development lesson at university, where it found out how strongly Google pushes Material Design. It standardizes almost everything you can think of, which is good for performance but in my opinion it leaves very little room for real creativity.

    3 votes
    1. creesch
      Link Parent
      Yup, this is a trend that started a while ago with frameworks like bootstrap around 2010ish and has continued ever since. It makes it extremely easy to scaffold a basic UI but since you are...

      Yup, this is a trend that started a while ago with frameworks like bootstrap around 2010ish and has continued ever since. It makes it extremely easy to scaffold a basic UI but since you are effectively using pre-fab components the end result is that a lot of these websites look very similar.

      These days bootstrap isn't nearly as popular, it has been replaced by things like tailwind where the effect is amplified and possibly made worse in many ways.

      The underlying reason is of course fairly simple, cost. It is quicker to make websites like this, you need fewer expensive designers, it is easier to train front-end devs on these tools, etc, etc.

      1 vote
  4. [2]
    indirection
    Link
    Today most mainstream sites look similar, but there are plenty of oddly-formatted niche sites. There's the "indie web" (ex: indieweb.org, neocities.org, melonland.net) which emphasize Web 1.0...

    Today most mainstream sites look similar, but there are plenty of oddly-formatted niche sites. There's the "indie web" (ex: indieweb.org, neocities.org, melonland.net) which emphasize Web 1.0 style, and old sites that are still updated and haven't been redesigned. There are also new-style sites that still do something to try and "stand out", like hermes4.nousresearch.com, although they get lots of criticism (ex: that site for hogging memory, other sites for scrolljacking or being hard to read, generally along "just show me the content").

    I think it's unfortunate that mainstream taste is what I'd call "bland", but if most people prefer that, I think it's not worth caring about. What we should care about is finding our own groups with interesting taste. The nice thing about the web is that random people can publish almost anything they can create, and you can visit almost any site. There's nothing really stopping groups like the indie web from becoming mainstream except that the mainstream audience doesn't notice them, and when it does doesn't find them worthy of attention/contribution.

    2 votes
    1. ShroudedScribe
      Link Parent
      While not necessarily "new," I would put apple's product pages in this category as well. For the iPhone Air product page, as an example, you'll see many different animations and such as you...

      There are also new-style sites that still do something to try and "stand out"

      While not necessarily "new," I would put apple's product pages in this category as well. For the iPhone Air product page, as an example, you'll see many different animations and such as you scroll. Perhaps the most "Apple" one to me is having the phone image rotate as you scroll past it.