4 ms·

This “well designed” page is so hard to read on mobile

by ronyfadel 4y ago

turnsout 4y ago
To be fair, it's from 2012, so it's missing out on a literal decade of mobile web design.
- MonkeyMalarky 4y ago
  Even then, it's over designed? Is that a thing? Kind of like an over produced song.
- sparrish 4y ago
  But one of the design principles is "Long Lasting" "It avoids being fashionable and therefore never appears antiquated. Unlike fashionable design, it lasts many years – even in today’s throwaway society."
  - yodon 4y ago
    The units conversion app shown on the page is particularly pretentious and poorly aligned with user needs. Everything about it is there to say "look at me" and "see how fashionable I am in the eyes of 2008 tech fashion." None of it is there to make the app easy or fast to interact with, nor is any of it there to make the results of the units conversion easy to read or use. The fact that the page designer chose this image to explain what good design is lays bare that the emperor truly has no clothes here.
  - hbn 4y ago
    In terms of aesthetic choices, I think the design does hold up quite well. In 2011, 6% of internet traffic was mobile, compared to 56% in 2021 (according to the first Google result I clicked) I wouldn't say not having a mobile-responsive design back then was entirely a design failure. I recall in the early days of smartphones, the vision for mobile browsers was they were "desktop class" and would display pages exactly like how they are on desktop. Look at Steve Jobs' original Safari demo during the iPhone reveal. Everyone was blown away by the full desktop experience of The New York Times and Amazon. This website was a few years into the iPhone revolution, but it was early enough into the mobile responsiveness era that I don't think it takes away from their point. The current design could be adapted to a mobile responsive page without needing an overhaul of the existing design language.
    - tambourine_man 4y ago
      I agree with most of what you said but the iPhone was released in 2007. This was released in 2011.
      - turnsout 4y ago
        Yeah, the "mobile-first" movement didn't happen overnight—and ironically, because of Steve's influence, it took the longest for people who latched on to the ethos behind the original iPhone Safari. Just look at Gruber—Daring Fireball still isn't mobile-optimized.
        tambourine_man 4y ago
        4 years is not overnight. And Gruber's CSS has more to do with his obsessive to a paralyzing degree nature, than to sticking to whatever was said in a keynote 15 years ago. Besides, double tapping a paragraph zooms into what becomes a good reading experience on mobile. It’s that dangerous “good enough”. He obviously should update his site and ditch Verdana, we have better fonts and screens this days. But, if anything, it’s a testament of how good the original design was that it stood the test of time and what was designed for IE5/6 on 800x600px screen is still good on an iPhone 12.
        tambourine_man 4y ago
        And we’re all using this orange website that was definitively not conceived as mobile first. More like mobile barely.
        turnsout 4y ago
        Eh, it took the mobile web until at least 2014 to get some momentum. As someone who was designing websites in this era, 2011/2012 was still the early days. "Smartphones" were still trickling out to the general population. A mobile-friendly site was considered a "nice-to-have." The screens were so much smaller back then—it was reasonable to assume people would jump to a laptop/desktop to read a longer article like this. I don't know what's going on with Gruber—at this point it feels like he's made an almost religious choice to never add another line of CSS. LOL
  - bioemerl 4y ago
    Something that is long lasting can be a bit dated by the time it's ten years old, given how fast tech can move.
    - turnsout 4y ago
      Yes! Dieter Rams came up with those 10 principles, but I doubt he still listens to music with the wall-mounted reel-to-reel tape player he designed (though it's still beautiful). In fact, the reel-to-reel probably felt dated within much less than 10 years.
defanor 4y ago
To be fair, it's hard on a desktop too, and with JS off the diagrams are hidden. I've clicked mostly to ensure that yet another website dedicated to design has a bad design.

This “well designed” page is so hard to read on mobile

turnsout 4y ago

To be fair, it's from 2012, so it's missing out on a literal decade of mobile web design.

MonkeyMalarky 4y ago
Even then, it's over designed? Is that a thing? Kind of like an over produced song.
sparrish 4y ago
But one of the design principles is "Long Lasting" "It avoids being fashionable and therefore never appears antiquated. Unlike fashionable design, it lasts many years – even in today’s throwaway society."
- yodon 4y ago
  The units conversion app shown on the page is particularly pretentious and poorly aligned with user needs. Everything about it is there to say "look at me" and "see how fashionable I am in the eyes of 2008 tech fashion." None of it is there to make the app easy or fast to interact with, nor is any of it there to make the results of the units conversion easy to read or use. The fact that the page designer chose this image to explain what good design is lays bare that the emperor truly has no clothes here.
- hbn 4y ago
  In terms of aesthetic choices, I think the design does hold up quite well. In 2011, 6% of internet traffic was mobile, compared to 56% in 2021 (according to the first Google result I clicked) I wouldn't say not having a mobile-responsive design back then was entirely a design failure. I recall in the early days of smartphones, the vision for mobile browsers was they were "desktop class" and would display pages exactly like how they are on desktop. Look at Steve Jobs' original Safari demo during the iPhone reveal. Everyone was blown away by the full desktop experience of The New York Times and Amazon. This website was a few years into the iPhone revolution, but it was early enough into the mobile responsiveness era that I don't think it takes away from their point. The current design could be adapted to a mobile responsive page without needing an overhaul of the existing design language.
  - tambourine_man 4y ago
    I agree with most of what you said but the iPhone was released in 2007. This was released in 2011.
    - turnsout 4y ago
      Yeah, the "mobile-first" movement didn't happen overnight—and ironically, because of Steve's influence, it took the longest for people who latched on to the ethos behind the original iPhone Safari. Just look at Gruber—Daring Fireball still isn't mobile-optimized.
      - tambourine_man 4y ago
        4 years is not overnight. And Gruber's CSS has more to do with his obsessive to a paralyzing degree nature, than to sticking to whatever was said in a keynote 15 years ago. Besides, double tapping a paragraph zooms into what becomes a good reading experience on mobile. It’s that dangerous “good enough”. He obviously should update his site and ditch Verdana, we have better fonts and screens this days. But, if anything, it’s a testament of how good the original design was that it stood the test of time and what was designed for IE5/6 on 800x600px screen is still good on an iPhone 12.
        tambourine_man 4y ago
        And we’re all using this orange website that was definitively not conceived as mobile first. More like mobile barely.
        turnsout 4y ago
        Eh, it took the mobile web until at least 2014 to get some momentum. As someone who was designing websites in this era, 2011/2012 was still the early days. "Smartphones" were still trickling out to the general population. A mobile-friendly site was considered a "nice-to-have." The screens were so much smaller back then—it was reasonable to assume people would jump to a laptop/desktop to read a longer article like this. I don't know what's going on with Gruber—at this point it feels like he's made an almost religious choice to never add another line of CSS. LOL
- bioemerl 4y ago
  Something that is long lasting can be a bit dated by the time it's ten years old, given how fast tech can move.
  - turnsout 4y ago
    Yes! Dieter Rams came up with those 10 principles, but I doubt he still listens to music with the wall-mounted reel-to-reel tape player he designed (though it's still beautiful). In fact, the reel-to-reel probably felt dated within much less than 10 years.

defanor 4y ago

To be fair, it's hard on a desktop too, and with JS off the diagrams are hidden. I've clicked mostly to ensure that yet another website dedicated to design has a bad design.