assembled in 2016-2017
- Manifesto for Lightweight Web Pages
- Design By Writing
- Create a Comfortable Reading Experience
- Battle Web Page Bloat
Most weeks, I find new and old web posts, related to this subject. These pages are mainly a dumping ground for links, excerpts, and quick thoughts.
- Web Reading UX Etcetera
- Web Reading UX Etcetera Part 2
- Web Reading UX Etcetera Part 3
- Web Reading UX Etcetera Part 4
- Web Reading UX Etcetera Part 5
- Web Reading UX Etcetera Part 6
storing links for page number 7 ...
aug 16, 2017 https://news.ycombinator.com/item?id=15027715
Most content websites have become such a massive crapfest of ad-bloat, bad UX, huge page sizes and general usability hell that it's nigh impossible that I'd be able to reach the actual content of a non AMP site in the first 5-10 seconds of clicking on its link. (On my phone that's an additional 1-2 seconds for registering the tap, and 1-2 seconds for navigating to the browser)
So say what you may, AMP (or FB Instant or its ilk) will prosper until the mobile web experience stops being so crappy.
First, no such thing as the "mobile web" exists. It's the web. Many times, people view the web with mobile devices, but it's the same web that can be viewed with desktop computers. Responsive web design permits sites to adjust the displays for different devices, but it's still the same web or http/https.
Second, the web experience, which includes viewing the web on mobile devices, is fine. The problem is not with the web. The problem is with how websites are designed.
This is a non-interactive text-only website. It shouldn't need anything beside HTML and CSS.
These text-only sites — which used to be more popular in the early days of the Internet, when networks were slower and bandwidth was at a premium – are incredibly useful, and not just during natural disasters. They load much faster, don’t contain any pop-ups or ads or autoplay videos, and help people with low bandwidth or limited Internet access. They’re also beneficial for people with visual impairments who use screen readers to navigate the Internet.
Proving, once again, that the web is not slow. Websites are slow because of how they are built. But these slow web design choices are probably governed by the media orgs' business models and by user experience people who design without empathy for the users.
More from the story:
There are many ways that news organizations can improve the ways they serve both low-bandwidth users and people with visual impairments by stripping out unnecessary elements and optimizing different parts of a website. To learn more, I reached out to front-end website designer J. Albert Bowden, who frequently tweets about accessibility and web design standards, to ask a few questions about how we might approach building text-only sites to help end users.
Kramer: I’m curious. What kinds of things can be stripped from sites for low-bandwidth users and people with visual impairments?
Bowden: Those are two very distinct user groups but some of the approaches bleed over and can be applied together. For low-bandwidth users: Cut the fluff. No pictures, no video, no ads or tracking. Text files are good enough here. Anything else is just fluff.
That's good web design advice for any-bandwidth users.
Typical user agents for those with visual impairments are screen readers, which rely on the foundation (literally HTML) of a website to interpret its content and regurgitate it back to the user.
Kramer: Is text-only the way to go? Are there ways to think about preloading images and/or other methods that might help these users?
Bowden: Text in HTML is the way to go here; you cover accessibility issues and SEO bots, while simultaneously also being usable on the maximum number of devices possible. HTML and CSS are forgiving in the sense that you can make mistakes in them, and something will still be rendered to the user. Browsers are built with backwards compatibility, so combining them all grants you the extended coverage. Meaning that basic sites will work on nearly any phone. Any computer. Any browser.
Hands down the best news site design of 2017. lite.cnn.io
That October 2017 Poynter story contained a link to a 2015 Poynter story.
Consider creating a text-only site. At a recent accessibility hackathon, I sat with visually impaired people who said that this text-only version of the NPR website was the best news website because their screen readers easily parsed the material.
You can also check your website to make sure that it’s usable for people with color impairments, like color blindness. Color Safe helps you choose colors that meet WCAG contrast thresholds, while the Color Contrast Analyzer simulates different forms of color impairment so you can learn which colors may work.
Oct 14, 2017
Another HN comment:
Plus, the web has become completely unusable without a script blocker.
A person responded with:
When you exaggerate like that, it diminishes your point. I use the web all day, every day and I have never installed a script blocker.
- "No one seems to be up in arms about slow websites. If AMP and others exist, there's a reason, and it might be more useful to respond to that than to respond to AMP." [yep. blame goes to the publishers for creating horribly bloated websites]
- yeah, as a user AMP is awesome. Dear website owners who wrote this letter: yes, amp has it's downsides but the reason we have amp is that the internet as a whole failed to make fast sites. [no, it's not the internet's fault. it's the publishers' fault.] you had your chance for the previous ~30 years, and it's clear you couldn't be bothered to make speed a priority. I'm glad you're angry that AMP is eating your lunch, because maybe you'll actually start trying to compete now. But you aren't getting my sympathy.
- Everyone is interested in getting customers with shitty 2G connections and tiny data caps, because there literally billions of these people and nobody wants to bet that they're never going to have money to spend on your services. If you pretend that all your users have net connections like the US, Europe, or parts of east Asia then you're going to end up as a small player in a balkanized internet. That's why all these companies are making aggressive investments and acquisitions in other parts of the world.
Testing and ranking website response time, using 3G testing at webpagetest.org.
https://www.webpagetest.org/result/180202_3D_c86d014ace02663a6ab00ddc688b82eb/ sawv.org - homepage From: Dulles, VA - Chrome - 3G 2/1/2018, 10:00:43 PM First View Fully Loaded: Time: 1.390 seconds Requests: 2 Bytes In: 9 KB 100 % of the download was HTML, which was 6,413 bytes.
My specifications were quite simple.
- A simple site to share texts and images
- A cheap site to consult on mobile
- Readable source code for people learning HTML and CSS
- A fun site to edit (as in 1997) where you can quickly add interesting features.