top | item 35567285

Replying to comments about our web page design

282 points| nhanb | 2 years ago |research.exoticsilicon.com

203 comments

order

nkrisc|2 years ago

Couldn't actually read for very long. The content scrolling over the static background image gave me motion sickness.

The 1980s theme was the only one I could stand, and the 1990s theme appears to be the same as the Tropical Days theme. All the ones with the background are essentially unusable for me.

It's their site, they can do whatever they want, but it's a bit silly to act like there's something wrong with anyone who has a problem with it. For example, in the default theme the yellow text (#FFFF00) with the pink highlight (#FF00FF) fails WCAG contrast requirements across the board.

Maybe the really don't care whether everyone has an easy time reading their site or not, and that's their choice, but I find the snark about it off-putting. It's not difficult to design a site that's easy for everyone to read.

> But anyway, most of the material published on our research website is also available in gemtext format via our gemini server.

Might be the only way I'd read this site.

hairofadog|2 years ago

> I find the snark about it off-putting

Same. I think this is one of those things where they were having some fun, and then some people on the Internet overreacted with great hyperbole, and so they're issuing this response to those people, but I'm sitting here reading it and it feels aggressive, and I think, "Wait, what did I do? I'm just sitting here not bothering anybody", and it begins to feel like a low-level conflict. I think a lot of internet discourse is like that, unfortunately.

catapart|2 years ago

Aye. Big "we have a developer that knows CSS" vibes, rather than "we have a designer" energy. Feels like someone should have told them the pitfalls of chasing a design that was hand-crafted for a specific format (print media; magazines, specifically), or at least why the choices that were made for that medium were made, and why they may cause issues in this medium. For that kind of stuff, though, you need someone who has a deep knowledge of design, rather than just a high skill at implementing designs.

Of course, with such an obviously high skill at design implementation, they did plenty enough to be perfectly fine for most use-cases, so it's hard to be too hard on them about any of their choices. Everything works just fine. And to ignore complaints that ignore your design choices is a fine disposition, as well! No reason to bother with people who aren't interested in your vision and don't contribute.

But to snark about the complaints, as if there's nothing you could do better? Smacks of an aloofness that is an off-putting characteristic for an organizations purporting to do research.

lenkite|2 years ago

Lol, this is the first website in a long while that made me feel sick after scrolling for a while. I need to show this to the folks in office and see who pukes or wipes their head.

Looks like we need to "seek professional medical advice"

photochemsyn|2 years ago

On Firefox, you can just prepend "about:reader?url=" to any web page and you get the plain-text reader view. There's apparently a config setting in the userChrome.css file to make reader available like this on all sites.

Poppys|2 years ago

Playing Devil's advocate, if the themes are inaccessible, the user can always pick another one. Monochrome might provide the contrast ratio you want.

MavisBacon|2 years ago

Per original link

>>Arghhhh! Your pages give me a headache, and/or eyestrain.

>Stop using the site immediately and consult a qualified ophthalmologist. Seriously, no static display on a modern and correctly adjusted VDU such as a computer monitor or phone screen should ever be inducing headaches or eyestrain in a healthy individual when properly used for reasonable time periods, and with sufficient breaks. If it is, you may have an underlying health condition which has otherwise gone un-noticed.

this statement basically implies that you have no intention of creating a website that is accessible to all users, and to all of those users with cognitive, vision, or neurological issues: "tough luck, go see a doctor!". Though I understand the goal here in terms of style and this page is indeed WCAG friendly enough in terms of some of the most obvious success criteria- this website is an objective nightmare for those with a variety of cognitive disabilities.

jrm4|2 years ago

I find it wildly ridiculous that we've more or less abandoned the practically simple idea of "the web is text, so just let people render the text how they want in their browsers."

Yet another reminder of the overblown nature of UX/UI in general. Given the current push for accessibility, seems like "make the text accessible" should be the goal above all else.

falcolas|2 years ago

I have to admit, there's a lot of crap on this page. But...

They do provide reasonable contrasts for all text on the page.

The text is a reasonable size.

Which is honestly better than most websites, especially technology sites.

That said, it would be nice if they supported readers though, or directly linked to their "gem text" (pure ascii) site. Putting blame on the browsers for the site's design choices is lazy.

ogurechny|2 years ago

Actually, a site that is structured well enough to be usable in text mode browsers is already more accessible to all users than most of the “beautifully” designed examples.

There's a different kind of incapacity involved: incapacity to control your device and software to have them suit your needs. The reply assumes that user has no other option except to drool and stare at what website author chose.

mouzogu|2 years ago

same thing for all these apps/websites with dark mode only.

spotify, steam, epic and many more.

big diff between profit/trend driven design and philosophical/practical design.

nhanb|2 years ago

I've always liked ExoticSilicon's design, but not until this post did I realize their smart bit of CSS for default font size:

  font-size: min(max(1em, 1.3vw), 1.3em);
Which explains why it looks just right on my high-DPI Chromebook even though I haven't configured a big enough default font size for the browser.

This is going to be the default font-size for all of my websites now (preceded by a fallback for maximum compatibility of course).

account42|2 years ago

I absolutely hate this. Viewport width has nothing to do with DPI and should not affect the font size. I didn't get a larger monitor just so that everything can waste more space with giant text.

eajakobsen|2 years ago

If you want it to be even more readable you could do the following:

    font-size: clamp(1em, 1.3vw, 1.3em);
I would also consider using `rem` instead of `em` incase you want to use it anywhere other than the root element.

catapart|2 years ago

Design proof that being "unique" doesn't mean "good".

I'm certainly glad they like what they've built. But it breaks a lot of design concepts that help with UX (some in micro ways that aren't really noticeable without the aggregate effect). The "max character width" is a really valuable thing for "readability". But why bother with learning design when you're using all of the TECHNICAL specs 'exactly as specified'. Why bother with design responsibility when you're already absolving yourself of technical responsibility ('it should not be our job to work around bad tech...').

Of course, the most galling thing is that they're not actually using the spec, as it is specified. Using `section` tags everywhere is inappropriate. They are meant to break up content in the `article` tag.

But, okay, whatever; you're going to cling to the spec but still ignore the parts of it you don't like. Fine. Like they said, it's not causing screen-reader issues, so who cares, right? Except that they ALSO don't use the `header` tag within those sections to denote what is clearly a header. Not a "heading" (h1-6, used for breaking up paragraphs in articles), maybe, since it's not in an article and that can cause funky screen-reader performance, but there's no reason to NOT use a `header` tag. This use case is literally what it was made for; giving a generic header that you can style and make accessible on your own. So why use a `section` tag erroneously, but then eschew using the `header` tag for the exact purpose you need? (why use it? screen readers/accessibility)

Nothing in this seems like "well-considered design". Rather it seems like "good enough, and how I like it." Which is a perfectly wonderful way to design and run a website! It's just kind of shitty to then go write an entire article telling anyone who misunderstands your uniqueness for a different flavor of uniqueness that you are actually doing everything exactly right and that anyone who dislikes your site should take their "problems" elsewhere. A fine enough attitude, if you're in to that kind of gatekeeping, but I've never found it compelling or endearing.

toomanyrichies|2 years ago

> It's just kind of shitty to then go write an entire article telling anyone who misunderstands your uniqueness for a different flavor of uniqueness that you are actually doing everything exactly right and that anyone who dislikes your site should take their "problems" elsewhere.

"Am I so out of touch?

No. It's the children who are wrong."

-Seymour Skinner, "The Simpsons"

msoad|2 years ago

Let me out-snob you and say those are called elements not tags.

pflanze|2 years ago

This site eats about 50% CPU on Firefox (on an older laptop) for every page that is open at the same time, and it continues to eat 50% after closing all pages. It doesn't use JavaScript and no visible CSS animations, so what is it? Apparently, the favicon! Which, as explained on the linked page, "is SVG, (with S.M.I.L. animation)". Since the favicon is still listed on the list of favourites on the browser start page, it continues to eat CPU... until clearing the browser history.

twawaaay|2 years ago

"Ask Firefox developers"

unosama|2 years ago

Another perk of staying on Firefox 83.0, the favicon doesn't even load!

prmoustache|2 years ago

- On edge on linux (yes) cpu process usage increase as well, but not as much.

- On chromium cpu usage do not evolve but it is not animating the favicon.

If you want to disable it on firefox and are using ublock origin, you can do so by going to the ublock origin dashboard --> My Filters and add the following line:

||research.exoticsilicon.com/images/icon.svg

schnable|2 years ago

Ask the Firefox team this question!!!!!!!

whalesalad|2 years ago

you just need a bigger cpu, so that the site uses less.

kyleyeats|2 years ago

I love the indignation over being accused of 90s web design when they are actually in fact inspired by 90s print design.

kloch|2 years ago

Yes. Their design reminds me of WIRED magazine from the 1990's, not at all like web pages from the 1990's.

petercooper|2 years ago

That's it, I've completed the Internet. This is my new favorite page. The aesthete in me may bristle, but the pragmatist agrees. There are many ergonomic and UX concerns to consider when designing things, but I think they make their case very well and I didn't find it a problem to read at all.

pas|2 years ago

the background distracts too much, but otherwise it's pretty readable.

ryandrake|2 years ago

Call me old fashioned, but web sites that overdo the CSS and assert a strong design opinion just kind of annoy me now.

I wish we could go back to a WWW where the browser was the user agent and the user was the authority on text size, font face, colors and so on. Browsers have devolved from applications allowing users to browse hyperTEXT into these free-for-all canvases for web designers’ creativity.

Technically this should be solvable by using the browser’s “no styles” feature, but many web sites seem to be careless with the structure of their HTML such that “no styles” isn’t even readable.

I know this ship has sailed and my opinion is a fart in the wind at this point, but the web could have turned into a nice, fast, consistent way to publish structured and linked TEXT, but instead we got this “Remote Photoshop for Web Designers.”

prmoustache|2 years ago

> I wish we could go back to a WWW where the browser was the user agent and the user was the authority on text size, font face, colors and so on.

This is still the case.

Your browser allows you to choose which font and size you want to use, as well as editing the css loaded on a tab and most browsers have extensions available to automatically load the css of your choice for a particular site.

The fact is that you choose not to use that freedom.

manuelmoreale|2 years ago

I'd argue there's a good middle ground to be found between the two extremes. We should style without overstyle.

KronisLV|2 years ago

Tried out all of their themes on the welcome page, which seems like a nice showcase of what's available when you switch the themes: https://research.exoticsilicon.com/welcome

Here's the aspects that I personally enjoyed:

  - Tropical nights: this feels like a pleasant theme on the eyes, almost like an IDE dark mode
  - Nitrate memories: another theme that feels fairly readable, with the contrast being okay in *most* places
  - Light pastels: this one dials down the colors a little bit so they're not as distracting
That said, when most of the web looks more or less the same way, it feels like this site stands out too much and the design detracts from the experience, in my eyes. For example, opening the page linked in this post, you're confronted with colorful shadows, titles (the questions) in a serif font that's not as bold as the answers that come in a sans serif font, a static background for when you scroll the content that's an image that you can't quite read.

I'd probably just have a chuckle about the quirky design and go browse other sites that might have the information that I'm looking for, due to my eyes scanning them more quickly and easily, much like you'd look at data in a spreadsheet (sans annoying pop-ups and other dark patterns that web is plagued with). But you know what? Their website design is none of my business, it's fine for them to make their own choices and run it how they desire, even if some of the answers on this particular page are a bit on the nose.

Can't say whether we'd benefit from more or less of that, in general, though.

rektide|2 years ago

I really really miss the multi-skinned website thing. Having multiple personalities for your site was such just a rip roaring cool thing. That whole idea of a site being an experience has gotten simmered away. In many cases that reduction of friction is due & appreciated, but there's something to be said for having a bit of an experience too, even if it is a kind of shallow/transactional bit.

My first webshack internship had a nice website with like 20+ very slick early web designs folks could switch between. So cool.

There's the Css Zen Garden, a set of html elements to practice your design chops on. That was so the spirit of web design, highlighted so powerfully how bodaciously rad having html structured information & css styling as separate entities was, rather than as almost all UI toolkit do having the two concerns more intermingled. Zen Garden Forever. https://www.csszengarden.com/

JohnFen|2 years ago

> That said, when most of the web looks more or less the same way, it feels like this site stands out too much and the design detracts from the experience, in my eyes.

The site's design is not to my taste -- but I seriously love that it doesn't look like almost all of the rest of the web.

Most of the web all looks the same. I applaud Exotic Silicon for pushing back against that.

pmontra|2 years ago

Well, the current trend of gradients in text colors (usually purple to blue) is something we were told not to do in the 90s, because it would make our sites look like cheap videogames from the 80s. We would be doing it with GIFs.

However inventing something new is really difficult especially after the space of the ideas had been explored for a long time.

As for fashion, once you exhausted all the variations of the current fad you have to start again with an old one, with a twist. The result is that all those new web sites look old to me.

Exoticsilicon looks really old.

Waterluvian|2 years ago

It is the year 2031 and every website that didn’t adhere to modern design “sensibilities” has been hunted down and summarily executed…

…well, almost every. Exotic Silicon is still at large, last seen in the vicinity of the 46 block.

midenginedcoupe|2 years ago

Reminds me of Lings Cars: https://www.lingscars.com/

Not a niche or hobbyist website, but a genuine car leasing company. Who's owner deliberately styled the site like this to act as a differentiator in a crowded market. It's certainly unique, I'll give them that.

xeetzer|2 years ago

This one is actually great though.

awb|2 years ago

> You can trust me… I am Ling! Hope you enjoying your visit to LINGsCARS.com

Sometimes marketing is so bad it’s good

prmoustache|2 years ago

That website is just perfect.

ricardobayes|2 years ago

Wow that average time to respond timer is nice, wish more sites did that.

rchaud|2 years ago

What's most shocking about this site is that they added a mobile layout in 2022. Before it was desktop-only.

8ig8|2 years ago

> You agree not to use the content to train AI systems or machine learning systems.

https://research.exoticsilicon.com/terms

First I’ve seen that.

capableweb|2 years ago

Seems unlikely to be enforceable as "overly expansive", as someone could surely argue our brains are just AI and/or ML but in organic form. Does that mean I'm not allowed to learn from the website?

asddubs|2 years ago

I think the one thing that strains the eyes a bit about the layout (besides people just using it as a metaphor for saying they don't like it) is that a lot of their themes use text shadow on all of the text, which makes it look slightly blurry, which in turn makes your eyes strain trying to focus on it.

davidmurdoch|2 years ago

They address this and tell you your browser is broken. But also that if you are using a non-broken browser and it's still hard to read for you then that's on purpose, they want it to be hard to read for you, because their content is for healthy people only.

gbromios|2 years ago

I deeply, un-ironically respect their ethos and their hideous, distracting color scheme

frankfrankfrank|2 years ago

Can’t really argue with most of their logic. The site is fast and responsive. I did get a sense that most if the criticism is really based on anxiety about the authors own position, i.e., a buzzword internet startup type is of course going to feel panic if it is highlighted that their fancy designs and site that is heavily reliant on violating people’s privacy and security bogs down the site and the whole internet with it. It’s typical crabs in a barrel nitpicking.

And yes, I realize I just upset many sensibilities here.

have_faith|2 years ago

The only thing the design needs is a max width on the paragraphs for large screens.

blowski|2 years ago

I suspect they would reply with "resize your browser window".

punyearthling|2 years ago

I say this as an accessibility specialist - I think this site is fine. The authors have made a site that brings them joy and if they see customers dropping off and are fine with it, that’s OK.

For folks complaining of headaches or eye strain, browsers come equipped with forced-colors mode that enable you to choose your preferred color scheme.

QuadrupleA|2 years ago

I think it's cool! I applaud them trying something different. There's too much groupthink and too little creativity / humanity in modern design - 90s mainstream UIs, for all their faults, at least had a little fun and soul.

jamesandthewolf|2 years ago

Ha I actually kind of like this design its a bit different but works, I think the only thing that I might say is the reading length is a bit long maybe limiting to a set width in terms of length as its difficult on large screens to read across the full page but other then this not bad.

Have you tried that thing Bionic Reading it could be interesting for people to just digest the text further and quicker if that is the end goal but anyway its interesting I really do like it to be honest

eitland|2 years ago

Bookmarked for inspiration. This was seriously refreshing even if I hope most corporate websites won't copy it.

Not everything needs to be hard and not everything needs to be dull.

FridgeSeal|2 years ago

Honestly the design is a breath of fresh (tropical) air. And the scrolling is sooo smooth.

unosama|2 years ago

Irony has gone too far when you're writing an article explaining how your ironically bad and retro web design is good, actually.

marcosdumay|2 years ago

I'm not sure. It's only a problem if they expect anybody to actually read it.

unsupp0rted|2 years ago

> If you insist on trying to use ‘reader’ mode to view our webpages, then you are simply creating your own problems.

AstixAndBelix|2 years ago

>progressive

nothing progressive about this design. just call yourself peculiar instead of giving this veneer of betterment

paulcole|2 years ago

> just call yourself peculiar instead of giving this veneer of betterment

A leader in the clubhouse for the Accidental HN Slogan of the Year award.

Veen|2 years ago

The widespread adoption of this credo would improve modern life immeasurably.

fatih-erikli|2 years ago

I like how the bird levitates towards banner in homepage

iudqnolq|2 years ago

It's disgusting for them to say their site should be fine for a healthy individual and that's enough. Not everyone is healthy! And if you're unhealthy and visit a doctor you often won't be instantly cured.

> Since admitting that you didn't realise the theme selector was there would make you look silly in front of people you don't even know

The theme selector is a link in the footer. It's probably the most subtle thing on the entire page. And it's not like they're using the rest of their real estate efficiently. I think it's fair to infer they prefer people don't realize they can change the theme until they've been annoyed.

3np|2 years ago

From the top of the front page, the first section leads to half a screenful informing you to choose a theme. It's the first and most prominent showed to new visitors, promoted on top of the front page.

ripley12|2 years ago

Good for them. It’s a fun website design and a breath of fresh air.

People who complain about offbeat-but-still-readable web design are killjoys who indirectly contribute to the sterility of the modern internet.

j-bos|2 years ago

I really like the site and the qa thread. A criticism: The site/theme info footer is off center to the right on Samsung Galaxy browsers (ff, chrome, etc), hiding half the footer text.

phforms|2 years ago

The only thing that really annoys me about this website is the fixed vibrant background images that interfere with the text. Otherwise, I find it quite refreshing to see something different. I have seen much worse typography on “professional looking” websites tbh.

However, it is not the most accessible of websites and I certainly wouldn’t want to have e.g. Wikipedia be designed like this (oof), but I don’t mind the occassional quirky rebellious web design adventure.

layer8|2 years ago

The one thing I would change, which only the 1980s theme fixes, at the cost of monospace text, is to make the background non-scrolling (or, rather, non-fixed).

than3|2 years ago

If the site text is not easily readable by anyone, you are doing something wrong.

This is like saying, we want to make our site progressive, so we'll embed a bunch of things in a magic eye, and the people reading can do free-viewing for that steroscopic effect.

Nevermind the simple fact that roughly 10% of the global population is color blind and as a result will biologically never be able to see it if the colors are wrong.

sethammons|2 years ago

> my designs draw from styles and concepts typical of 8-bit computer magazines in the late 1980s and early 1990s

I think they channel the feeling quite well

renewiltord|2 years ago

Haha, this is great. Present as you will. Don't enslave yourselves to the refinement culture horde. It's okay.

lukefore|2 years ago

Hacker News should hire them for a refresh.

efields|2 years ago

This is good website.

captainpiggies|2 years ago

Ok, we get it, your website's design is basically bad on purpose, and it probably generates a lot of free pr exactly because it is bad and because it's novel. However, I can assure you that my eyes are perfectly fine, but your website still makes me nauseous.

rwky|2 years ago

The 80s theme is my favourite, IMHO the easiest to read (and looks like my terminal)

dagorenouf|2 years ago

The contrarian approach generates free marketing and serves as a filter to pain-in-the-ass clients who will nitpick about everything. Well played.

hankmander|2 years ago

Beautiful! Finally somebody taking the best of old and new and the result is something different!

xyproto|2 years ago

I think this is AI generated, because of obvious mistakes like listing elements of 90's web design which includes "sans-serif" and then in the next paragraph insisting that no 90's web design elements are used, while all the headers uses a sans-serif font.

nhanb|2 years ago

You misread. They said the opposite:

> Websites in the, (late), 1990s were characterised by many things, but a typical list might include:

> - Serif fonts

danuker|2 years ago

You'd probably get a reply that sans-serif fonts were invented in ancient Greece.

JohnFen|2 years ago

Wow, the people running that website are pissed.

rektide|2 years ago

The whole website is playful as fuck.

This 100% felt like more playful teasing. At the expense of those who refuse to have a good time, who can't roll with it, who let themselves be tattered by tiny things.

It just going on and on and on just keeps highlighting how in depth & considerate & thoughtful they really are & keeps bringing out the joke more, about how hilarious & fun it is & how great it is to have such an amusing conversation piece.

This page is their moment of glory, a secret shrine to how awesome they are. The hurf-burf "this isn't 90's web design!" being way over precise & technical about the matter was a hilarious example of them just being here to have fun & be smart about shit.

rolph|2 years ago

in many cases, i turn off the page style. this is one of them.

if i really feel i need the info and de-styling wont work, then i read the source.

if to no avail, i go elsewhere.

JohnFen|2 years ago

> i read the source.

You mean I'm not the only one who does this?? I think I end up doing that on about 25% of the websites I hit.

h2odragon|2 years ago

Their "80s theme" should be more widely used

ezconnect|2 years ago

My online gripe is I can't use reader view.

rpgbr|2 years ago

Nice explaining, yet terrible web design.

grokkedit|2 years ago

does anyone know what's the string above the "NO CARRIER" written at the bottom of the page?

pwg|2 years ago

Kind of looks like an attempt at simulating the "modem dropped because someone picked up an extension phone while modem was connected" result. There was often a burst of random characters like that when the link went down due to "external causes".

koromak|2 years ago

Wondering that too. Its not an obvious encoding to my eyes.

mikecoles|2 years ago

Mom picking up the phone and dialing Aunt Madge?

activitypea|2 years ago

They want the Cruelty Squad audience

jpswade|2 years ago

Comes across as awfully defensive... Is this a satire website? I can't tell.

hgsgm|2 years ago

They are earnest trolls. They appear to be freelance contracting consultants, for people who need temporary work to solve a software problem. They don't care about being approachable or having a readable website. They do care about looking like smart edgy programmers, presumably because they only want to be hired by people who like smart edgy programmers. But I couldn't find how to hire them, so the whole thing may just be a goof for one person's personal hobby tech blog.

nathias|2 years ago

very cool, I like it

zagrebian|2 years ago

> Stop using the site immediately and consult a qualified ophthalmologist. Seriously, no static display on a modern and correctly adjusted VDU such as a computer monitor or phone screen should ever be inducing headaches or eyestrain in a healthy individual when properly used for reasonable time periods, and with sufficient breaks. If it is, you may have an underlying health condition which has otherwise gone un-noticed.

So they’re saying that they’re aware that their website is inaccessible to some people with certain health conditions, and they don’t intend to do anything about it.

That’s like if a grocery store with a staircase at the front door put up a sign that says, “If you have trouble climbing these stairs, consult your doctor. No person with healthy legs should have trouble climbing these stairs. You may have a health condition.”

I mean, thanks for the advice, but you’re still excluding people.

flappyeagle|2 years ago

This is not a grocery store. It’s a niche enthusiast website.

It’s supposed to be fun. Many fun things “exclude” people. Sports for instance. Music. Painting. There might be accessible versions. There are also inaccessible ones that trade off artistic expression over other factors. The internet is a big place. There’s room for all of it.

pmelendez|2 years ago

The tone of the website has a very tongue-in-cheek tone to me. Taking it seriously is like doing journalism research using The Onion.