I found a few bugs: It only has one JS file, and that isn't even 3KB. Needs to be at least 3MB. uBlock only blocks 2 items, not 30. It doesn't have infinite scroll, a sticky header, a fake chat window that pops up and says, "Shana from support is here to answer any questions"... Oh, and the back button still works.
I was in the AWS control panel yesterday and it popped a modal at me and I habitually swatted it so fast before I realized “Oh snap, I’m in my AWS account - that might have been something important” and had no way to get it back. Page refreshes didn’t regenerate the modal.<p>Sad that I’ve turned into one of Pavlov’s dogs and that very reasonable methods of increasing functionality have been abused so much that they are no longer useable.
Good grief. I didn't last more than 6 clicks or so. This is in the "so real it hurts" category.<p>The only thing you've got wrong is page load time and overall responsiveness. This needs at least a couple more MB of JS.<p>Good work.
I thought it was a list of some unqiue interesting websites in 2018 and robotically started dismissing these things until i started getting a little furious when it hit me. Good work, it definitely fooled me.
I'm not certain this is 2018. I saw the words and letters immedately instead of gray rectangles showing me where words and letters could be before being shocked by the appearance of the actual words and letters.
Oh god. This is so accurate. I think the GDPR is overall a good thing, but I wish they'd encoded respecting browser sent preferences into law, rather than requiring a user-visible prompt everywhere.
Almost perfect, actually needs the following:
Needs to be material UI but poorly implemented so it's really slow.
Needs a "do you have time for a short usability survey?"--bonus points for stacking it <i>on top</i> of the cookie notification.
The "got it" button on donate/adblock needs to shame the user more.
There needs to be an on-hover action for some of the buttons that causes an alert to push the about-to-be-clicked button down so the user accidentally navigates away, then, when they navigate back, have to re-do the process.
I was exposed to this idea a few days ago via this tweet: <a href="https://twitter.com/burgervege/status/1053557632265527296" rel="nofollow">https://twitter.com/burgervege/status/1053557632265527296</a><p>I enjoy the result of releasing this experience into the wild.
As a publisher of the medical technologies news website (since 2004), I can tell you that what we have now is monopolized internet.<p>Few entities, like Google and FB, took over the internet and crafted the landscape to their advantage. They monopolized ads revenue, search traffic, and more importantly, they are actively spying on the general public, taking away any possible advantages from publishers. The result is a dearth of advertising money for publishers and regulations aimed at destroying any attempt to take over these behemoths.<p>When was the last time you saw GFPR notice on Facebook or Google? Do you think publishers enjoy having "Please Donate" pop-ups? When was the last time you heard of investment rounds in online publishers?<p>In the olden days we had websites and blog networks being born, Gawker, Weblogs Inc, TechCrunch network, political networks, etc etc. And what do we have now? Central stations with fake news shenanigans and retarded memes. While publishers, including your local newspaper and your favorite websites, are struggling. And that's the story behind all these popups.
There is a tweet going round with a similar (but more glossy) video<p>"Every website in 2018" by @darylginn<p><a href="https://twitter.com/darylginn/status/1053646859686809600" rel="nofollow">https://twitter.com/darylginn/status/1053646859686809600</a><p>edit: which is something to do with the 'UX Live' channel on telegram which OP also mentions
Totally unrealistic. It loaded way too fast. It should have: weighed 12MB, taken 10 seconds to render properly on 4G, text jumping wildly around the page while it did, and have slowed my pocket supercomputer to a stuttering mess everytime I scrolled.
One that I "like" the most is the "We'd welcome your feedback" popup that appears the moment I open a website...like how am I suppose to give you any positive feedback if you are preventing me from using your damn website in the first place!
Since pretty much every engineer under the sun knows this experience sucks, how can we attribute this to anything other than the rise of MBAs running the show?
Drives me nuts, click a link to read an article, get 2 sentences in and then:<p>"Want more content like this in your inbox?"<p>I may have considered it if you allowed me to actually read the content first, but I certainly don't now.
Would've been good if, in spite of just being text and a few buttons, it had been built with react, redux, redux-saga and had some contorted webpack build resulting in five JS bundles.
Don't forget the JS library that senses your mouse position so that when you move your mouse up to the tab bar, it opens a final "Wait, don't go! Here's a free e-book, etc." modal on the page.
Related reddit thread from 2 days ago, on the video that inspired it:<p><a href="https://www.reddit.com/r/funny/comments/9q22c2/every_website_in_2018/" rel="nofollow">https://www.reddit.com/r/funny/comments/9q22c2/every_website...</a>
I would change that second to last screen to be about browser compatibility. A site being down/broken happens, no matter what year it is. But the fact sites like BofA do not support a common browser like FireFox I feel is much more in line with the other nonsense in this demo.
I used to make sites when i was a kid in the 90s. i want to get back into webdev but without all the complicated stuff. How can i make an html only site? any site builders like dreamweaver in 2018?
Chrome and the other browsers should be slapped actually. Of all the popups the one that annoys me the most is the chrome (I'm assuming other browsers do it too) thing that tells you to run things in the background or web workers or notifications or whatever it's doing.<p>That should never have been architected that way. It annoys me the most because its the freaking browser that is being an annoying little shit. My browser shouldn't be part of the problem it should be the solution.
So the real question is, what are the webdevs of the world going to do about it? My guess is nothing. I can't blame them really, for everyone there is a number that is greater than their sense of shame, but at least they could stop pretending that the web is some brilliant platform that will lead computing into a new golden age.
You know who has the worst intrusive popups? Stack Overflow. First, if you are logged in but haven't visited in a while. They put a position fixed huge bar on the top reminding you that you haven't been to the site in a while. I hated that popup.
The depressing part is that this is an understatement.<p><pre><code> - please turn off ad blocking
- GDPR: Consent to all these things: y/n (N)
- --scroll
- -- choose from 6 confusing choices
- -- back
- -- try again
- --</code></pre>
Now hang on, that can't be right - I didn't once get a Google overlay asking if I've ever bought a gift card for myself instead of someone else (seriously Google, has your data analysis not yet shown you I'M NEVER ANSWERING YOUR QUESTIONS). Nor even an autoplaying video with a five-second countdown timer that expires before you can get done with the click-throughs and aim the mouse at the one-pixel-wide target that will stop it playing.
The ad blocker and donation sections hit particularly hard for me, as I've tried to make several web apps/games (like editfight.com) that didn't have a clear monetization path, so I experimented with applying for ads, which Google rejected as the site was too unimportant, and with asking for donations, which backfired as the community was small, so it just appeared as me personally being greedy to the users.
Doesn't have lots of mb of media and javascript files. Doesn't start playing video. Doesn't use ridiculously large fonts. Doesn't display a myriad of links with clickbait pictures and titles. Loads fast and doesn't make my laptop CPU with 4 cores sweat.<p>In a good sense, that was actually not bad for a 2018 website.
Has anyone thought about adopting the permission management on phones to solve such kind of issues?<p>Use NLP to modularize the T&Cs and create some sort of authorization system to manage consents to various setups so we don't need to do it over and over. Plus, it could be an unique identification system!<p>Just be sure to decentralize it.
First website, while at work:<p>> You Can't Visit This Website<p>> According to the California Law §28, Hague Convention and > Maritime Law, we can't show the content of this website to > people who have not reached 18 years age.<p>I'm not sure what it was but I'm glad I didn't click that I was over 18.
This isn't so bad. Maybe it's because I'm used to an onslaught of interruptions and I automatically dismiss them. What hits me the most is when I'm halfway through an article and then the interruptions re-appear. You're never comfortable in your browsing.
Ha ha, ironically that is much nicer to use than most "real" 2018 websites. For example: news.com.au / dailymail.co.uk I dare you to try those naked with no ad blocker. Or dare I say reddit.com on mobile.
I've started blocking a bunch of these sites from my searches using uBlock Origin. I don't even use websites that aren't someone's blog anymore because I'm sick of the trendy bs.
As someone who is trying to run a website, I try and avoid these pitfalls - just not sure how to actually survive/compete in a world where this stuff you hate is where the bread and butter is.
The back button wasn't broken, I didn't get a disbale adblock notification, or a pop-up when trying to close the tab. Definitely not 2018 enough /s
This clearly wasn't created by someone at Yelp; it didn't show deceptive reviews asking me to download the Android app every time I visit a page.
Things missing:<p>* (weird) scroll animation effects, like paragraphs appearing out of nowhere etc.<p>* Disqus/other comment section loading (with screwing other elements position)
Are there any websites that <i>don't</i> use cookies?<p>Maybe the browser should have a global disclaimer that all websites use cookies unless otherwise stated.
Url changed from <a href="https://github.com/Bloomca/website-in-2018" rel="nofollow">https://github.com/Bloomca/website-in-2018</a>, which points to this, which makes the point rather more effectively.