I have googled the letter "n" countless times just trying to visit news.ycombinator on firefox android...
And now you're the world's leading expert on n
Front end developers: stop moving things that I’m about to click on
51–60 of 365 posts
Re: Front end developers: stop moving things that I’m about to click on
#52The current version of the Amazon Prime Video app (and maybe also the HBO Max app?) on Apple TV has one of the worst examples of this I’ve ever experienced. In their featured listings, they should cards of shows/movies in what is basically a portrait view. When one of the cards becomes active, after a second or two it becomes wider and its content and background image changes and the cards to its right are pushed out…
I HATE all the video apps I use - the one that drives me up the wall the most is that I know they have a horizontal UI - I can see it on my TV - but on the phone you HAVE to browse in vertical, and play videos in horizontal.
WHYYYYYYYYY
Re: Front end developers: stop moving things that I’m about to click on
#53Yes, just please ...
Re: Front end developers: stop moving things that I’m about to click on
#54I agree and don't like Web pages that are complicated, require time, clicks, and effort to learn to use, have page content jumping around, cover the page with images requiring the user to stop what they are trying to do, change the window size and magnification, find a way to get rid of the image and do so, return the window size and screen magnification to what they were, and get back to the reason they came to the Web site.
In my startup, uh, I'm on good terms with our front end developer and we agree on Web page design techniques:
So, no popups, pull downs, overlays. Nothing on the screen jumps around or moves. Large, relatively bold fonts and high contrast.
Always have both vertical and horizontal scroll bars.
No warnings or requests to permit the site to use cookies -- the site makes no use of cookies.
Hmm, maybe someone somewhere, maybe the EU, will make a big stink that we have not asked users to let us use cookies. Sounds like a good source of publicity until finally we end the stink explaining that we use no cookies and are not required to get approval for NOT using cookies!
The site HTML makes nearly no use of JavaScript.
Users don't login.
Users are not asked to spend money or up click on some popularity counter.
The server cores generate each Web page quickly, and each page sends for only about 40,000 bytes. When we convert the storage for our SQL database from rotating disk to solid state memory, the page generation will be significantly faster. Net, the site is responsive.
The pages and user interface are based on just the HTML controls with one line text boxes, push buttons, links where each link is a single word in the Roman alphabet in English with a simple meaning -- page design techniques very familiar to likely 2+ billion people.
Ah, we don't expect 2 billion devoted users right away and will be pleased with 1+ billion!
Re: Front end developers: stop moving things that I’m about to click on
#55Honestly, everyone knows this. If you're creating sites that do this in 202X you're just being willfully ignorant/lazy. There are plenty of component libraries for rendering placeholder components in the popular frameworks, react has the suspense API etc etc for exactly problems like this.
When it comes to ad links I've always wondered if it's ignorance or done deliberately to make you click on the ad.
It also has to do with the ad networks. For example with Google adsense, they really encourage you to use responsive ads:
"You can use responsive ads to provide a great user experience on your pages. They look good on desktop, tablet, and mobile devices. "
But when you use a responsive ad, google can dynamically decide the height of the ad. They don't want you use use a fixed height container:
"The parent container has fixed or limited height. Responsive ads should not be placed inside containers with a fixed or limited height, as they may be taller on some devices or browsers. If you need to limit the height of your responsive ads, you’ll need to modify your code and use CSS media queries to set the height of the parent container."
https://support.google.com/adsense/answer/9183362?hl=en&ref_...
https://support.google.com/adsense/answer/9183362?visit_id=6...
Re: Front end developers: stop moving things that I’m about to click on
#56I agree that this is extremely annoying. It happens to me all the time with the iOS keyboard suggestions. For websites, Google calls the Cumulative Layout Shift (CLS) and it’s one of the Core Web Vitals they use for measuring website performance. https://web.dev/cls/
Which is ironic considering Google search results do exactly this with suggestions after the page finishes loading.
I came here to check that someone had mentioned this and I’m not the only one. No clue how the article didn’t mention this because I get burned by it daily
Re: Front end developers: stop moving things that I’m about to click on
#57Google search result suggestions beneath hyperlinks is one of the worst at this. Was happy to see this article
Re: Front end developers: stop moving things that I’m about to click on
#58Earlier quoted context omitted.
Or McMaster Carr. RS, with it's laggy backend (I assume, as their recent UI shinification didn't change it: it was bad before) could learn a lot from them. Then again, McMaster Carr want you to use an app on mobile and the new RS site works on mobile quite well, with the lag more hidden by the inefficiencies of mobile browsing in general.
McMaster Carr is one of the greatest websites there is. It's incredibly easy to find just about any kind of hardware.
One of the greatest features: when you download a 3D model file, you get the file, not a zip file containing the (single) file.
Re: Front end developers: stop moving things that I’m about to click on
#59Way back when I first started learning to build web pages [when HTML4 was just a glint in Tim Berners-Lees eye], it was conidered bad form not to prvide a 'width' and 'height' attribute for an image you were placing on the page. Because if you provided these, the browser would know how much space to leave for the image to occupy after it had downloaded [this was back in the dial-up modem days. So images usually loade…
This - "Cumulative Layout Shift" - is part of Google's Core Web Vitals - https://support.google.com/webmasters/answer/9205520?hl=en - so if people are doing that, they're going to be penalised by Google. (Although probably only a bit, given the number of other factors that go into search rankings).
Re: Front end developers: stop moving things that I’m about to click on
#60Oh, it gets better. On Android (at least, LG-flavored one — never used any other android phone) I have an issue with inter-app "Share" button popup. It somehow manages to re-shuffle all the suggestions (apps/recipients) exactly in the same amount of time that is natural for me to spend before clicking on the desired contact. Which several times made me send something to a wrong person, which resulted in extremely awk…
I'm on Samsung and it doesn't re-shuffle as you're looking at it, but it's in a different order every time.
It's so irritating if you're doing the same operation many times, ie sending the same picture to multiple people separately.
Also the share menu has a different layout according to what app you're using. I understand that it's up to the app developer to get fancy with it, but it would be really nice if you could have a setting for "use standard share menus", or something like that. Or even better if there was some way you could make it be the same every time, like choose your favorite apps to share to.
It's unbelievable that these billion dollar companies can be satisfied letting this garbage represent their product.
I'd make sure to fix these if it was my hobby project, let alone a "finished" product that's on sale by a giant multinational.