Stories
Slash Boxes
Comments

SoylentNews is people

posted by martyb on Sunday July 07 2019, @02:35PM   Printer-friendly
from the anti-patterns dept.

Submitted via IRC for Runaway1956

Sometimes we take Web and user interface design for granted—that's the point of User Inyerface, a hilariously and deliberately difficult-to-use website created to show just how much we rely on past habits and design conventions to interact with the Web and our digital devices.

According to design firm Bagaar's blog:

Over the past decennium, users have grown accustomed to certain design patterns: positions, colors, icons... Rather than looking at a UI, users tend to act instinctively and take 90% of an interface for granted.

... But what happens if we poke all good practice with a stick and stir it up? What if we don't respect our self-created rules and expectations and do everything the other way around?

The resulting website is a gauntlet of nearly impossible-to-parse interactions that are as funny as they are infuriating. In one case, the colors for the male and female selection options in a personal info form are reversed compared to expectations: the white-backgrounded one is the selection, while the blue-highlighted one is the one you're not picking—and there's no non-binary option, either, of course.

The linked web site requires Javascript, or you can just look at the pictures and captions on Ars Technica to get a feel for the ghastly gauntlet in all its "glory".

For more viewing "pleasure", please see Web Pages That Suck and Mystery Meat Navigation.

Source: https://arstechnica.com/gadgets/2019/07/behold-the-most-intentionally-poorly-designed-website-ever-created/


Original Submission

 
This discussion has been archived. No new comments can be posted.
Display Options Threshold/Breakthrough Mark All as Read Mark All as Unread
The Fine Print: The following comments are owned by whoever posted them. We are not responsible for them in any way.
  • (Score: 5, Informative) by Nerdfest on Sunday July 07 2019, @02:54PM (9 children)

    by Nerdfest (80) on Sunday July 07 2019, @02:54PM (#864122)

    Still better than Lotus Notes.

    Starting Score:    1  point
    Moderation   +3  
       Informative=2, Funny=1, Total=3
    Extra 'Informative' Modifier   0  
    Karma-Bonus Modifier   +1  

    Total Score:   5  
  • (Score: 5, Informative) by melikamp on Sunday July 07 2019, @04:40PM (6 children)

    by melikamp (1886) on Sunday July 07 2019, @04:40PM (#864156) Journal
    This "web"site is a mere javascript app, and appears blank in actual web-browsers, just like all the other fatally broken sites out there. Perhaps we can distinguish between these two cases: pages that use conforming *html and are the part of what is originally called WWW, versus pages that load javascript apps into your computer, where you really are running a piece of software cobbled together in a pretty awful, but general-purpose programming language.
    • (Score: 2) by Mer on Sunday July 07 2019, @05:17PM (1 child)

      by Mer (8009) on Sunday July 07 2019, @05:17PM (#864167)

      I'll take a site that's just a js app over a site that's just flash any day.

      --
      Shut up!, he explained.
      • (Score: 3, Informative) by kazzie on Sunday July 07 2019, @06:01PM

        by kazzie (5309) Subscriber Badge on Sunday July 07 2019, @06:01PM (#864177)

        Unless it's homestarruner.com - that one is fine in Flash.

    • (Score: 2) by RS3 on Sunday July 07 2019, @08:02PM

      by RS3 (6367) on Sunday July 07 2019, @08:02PM (#864204)

      Well, not quite, js isn't the whole story, css is a big chunk. I often (usually?) browse with Old Opera (not chrome, people, Presto - v12.18) with js OFF. Initially it comes up blank blue, but change "view" to "user mode" (turns off css) and you get some stuff, but equally messy.

      They're pulling in these 3 style sheets:

      1) https://fonts.googleapis.com/css?family=Poppins:900 [googleapis.com]
      2) https://fonts.googleapis.com/css?family=Nunito:300,300i,400,400i,600,600i,700,700i [googleapis.com]
      3) https://userinyerface.com/app.css [userinyerface.com]

    • (Score: 3, Funny) by Joe Desertrat on Sunday July 07 2019, @10:18PM

      by Joe Desertrat (2454) on Sunday July 07 2019, @10:18PM (#864230)

      It just appears as a blank blue screen to me. Is it hosted on a Windows server?

    • (Score: 2) by maxwell demon on Monday July 08 2019, @07:10AM (1 child)

      by maxwell demon (1608) Subscriber Badge on Monday July 08 2019, @07:10AM (#864383) Journal

      I don't know about your browser, but mine doesn't show it completely blank. It shows a big red bar on the top with the word "Yes" in its center, below that a hyperlink to a Google Analytics JavaScript file, and at the bottom left a logo link.

      Also, what do you complain? It is an intentionally badly designed web page, and what is the hallmark of bad design, if not a site that only works properly if you have JavaScript enabled?

      --
      The Tao of math: The numbers you can count are not the real numbers.
      • (Score: 2) by dry on Tuesday July 09 2019, @04:55AM

        by dry (223) on Tuesday July 09 2019, @04:55AM (#864857) Journal

        Here, I get what you see until I enable JavaScript, then it is just a blue screen. Slightly older version of SeaMonkey

  • (Score: 2) by choose another one on Sunday July 07 2019, @04:50PM (1 child)

    by choose another one (515) on Sunday July 07 2019, @04:50PM (#864159)

    Yep, back in the old days when we had the now defunct iarchitect.com hall of shame they had an entire section on Notes because it was so bad. I used to think that was as bad as it got, and was thankful I never had to use Notes for a living. Then we got switched to SAP for admin. That is a whole 'nother circle of interface hell.

    I don't know what happened to the iarchitect.com guys, possibly they just gave up on life when "the Web" took over UIs - but there are mirrors of the site in various places.