Live data from Hacker News

How to make your responsive mobile website hurt my heart

elsyms.com

11–20 of 28 posts

Re: How to make your responsive mobile website hurt my heart

#11
Maybe it was covered in this article and I just don't know the technical term for it, but my biggest pet peeve is when a page is taking forever to finalize the load, but the text is all there so I scroll down and start reading. The page then pops me back to the top of the page and I think it's finished so I scroll back down to where I was and continue reading, only to have it pop me back up to the top AGAIN because it wasn't finished after all.

Re: How to make your responsive mobile website hurt my heart

#12

Maybe it was covered in this article and I just don't know the technical term for it, but my biggest pet peeve is when a page is taking forever to finalize the load, but the text is all there so I scroll down and start reading. The page then pops me back to the top of the page and I think it's finished so I scroll back down to where I was and continue reading, only to have it pop me back up to the top AGAIN because i…

My favorite related issue is when, during the 800 milliseconds it took my brain to activate the muscles required to precisely tap on a 12-pixel-high link, the position of the screen has shifted and I end up tapping something entirely else.

Re: How to make your responsive mobile website hurt my heart

#13

Maybe it was covered in this article and I just don't know the technical term for it, but my biggest pet peeve is when a page is taking forever to finalize the load, but the text is all there so I scroll down and start reading. The page then pops me back to the top of the page and I think it's finished so I scroll back down to where I was and continue reading, only to have it pop me back up to the top AGAIN because i…

My favorite related issue is when, during the 800 milliseconds it took my brain to activate the muscles required to precisely tap on a 12-pixel-high link, the position of the screen has shifted and I end up tapping something entirely else.

god this has happened to me _way_ too often. No, I did not mean to click that add, I meant to click the button that somehow shifted positions on me when I pressed my thumb down on the screen.

Re: How to make your responsive mobile website hurt my heart

#14
post #10

Why having webfonts at all? Every computer and mobile phone has tons of fonts already installed. Your fonts definitely don't look better. Please don't waste my bandwith with it. Why do you make mobile sites that can't be zoomed? This is so annoying. Then sometimes zooming is possible but the sticky headers/footers also zoom and hide the actual content.

> Why having webfonts at all? Every computer and mobile phone has tons of fonts already installed. Your fonts definitely doesn't look better. Please don't waste my bandwith with it. Designers are really in love with using literally any font that's not a system font and will throw a fit if they can't do that. It's all because branding , or something. As a user I hate that crap. Quit wasting my disk and bandwidth with…

Corroborating anecdote: somehow the Amazon Ember font is really important for branding here at Amazon. It's a very big deal when our ads don't use it.

Though to be fair, as an ad block user, I can't actually be totally sure that the font wouldn't have a positive effect on my ad engagement.

Re: How to make your responsive mobile website hurt my heart

#16
post #7

Please add mystery-meat navigation to the list. It's so painful. I have no idea what those icons do and can't 'mouse over' like a desktop.

But the usual iconograpics are too limiting, we made our own based on the communication types misheard from my psych class and or yoga instructor. The left swirl inherently represents the earth, gravity, lovehug force, thats intuitively the 'Buy' button, but we call it 'Economic Actualization'. While right spinners are clearly the universal sign for the expansive nature of the universe, so thats our facebook link. Its all so obvious!

/s

Re: How to make your responsive mobile website hurt my heart

#18
post #7

Please add mystery-meat navigation to the list. It's so painful. I have no idea what those icons do and can't 'mouse over' like a desktop.

Seriously, what's wrong with the word "Menu"? It barely takes up any space.

Just put 菜单 and be done with it, right?

I think a large part of the push for icons is awareness that not everybody reads English.

Re: How to make your responsive mobile website hurt my heart

#19
> If the web page has some sort of carousel without lazy loading, it wouldn’t take long to use up 10% of somebody’s 1GB allowance.

If you do use lazy-loading, please be sure to do so in a way which works without JavaScript enabled (sadly, this is very uncommon). Mobile users are free to use browsers which load images on demand (indeed, I remember that approach from the 1990s), or perhaps browsers could agree on a standard for different resolutions of images, but breaking the Internet (which is what requiring JavaScript to view content is) to save some people some bandwidth is IMHO a bad idea.

https://www.robinosborne.co.uk/2016/05/16/lazy-loading-image... looks like a nice technique.

> Render as much server-side content as you can.

> Reduce/remove the third party dependencies you have on your pages.

> Lazy load images whilst maintaining page layout.

> Stop hacking fixes for your mistakes with Javascript.

All good advice, particularly the last bit.

Re: How to make your responsive mobile website hurt my heart

#20
post #10

Why having webfonts at all? Every computer and mobile phone has tons of fonts already installed. Your fonts definitely don't look better. Please don't waste my bandwith with it. Why do you make mobile sites that can't be zoomed? This is so annoying. Then sometimes zooming is possible but the sticky headers/footers also zoom and hide the actual content.

> Why having webfonts at all? Every computer and mobile phone has tons of fonts already installed. Your fonts definitely doesn't look better. Please don't waste my bandwith with it. Designers are really in love with using literally any font that's not a system font and will throw a fit if they can't do that. It's all because branding , or something. As a user I hate that crap. Quit wasting my disk and bandwidth with…

The reason designers use them is because 95% of their userbase values form over function.

You're obviously in the 5% which values function over form, but surely you can understand most people want things to look pretty, plus the company wants to have a cohesive brand.

I used to be a function-over-form advocate but was converted somewhere along the line after working with some awesome designers, doing lots of a/b testing and talking with the end user.

Both form and function are equally as important as each other.

Post reply on HN