• Lab
  • AndroidForMobile Foundation at
    The long, complicated, and extremely frustrating history of Medium, 2012–present
    ABOUT                    SUBSCRIBE
    April 30, 2018, 10:31 a.m.
    Mobile & Apps

    Maybe to be at our best on mobile, publishers should think back to the web’s early, visually spare days

    Girlboss redesigns its site to be as mobile-friendly as possible, hearkening back to the web’s first iterations in the name of speed.

    Last week marked the of the 1.0 release of , the first important web browser, the one that led to…well, everything else that’s happened online in the past quarter-century.

    (Weird to see “World Wide Web” be listed as just one of the various systems Mosaic could work with — and only in third place!)

    Mosaic looks comically basic today, of course, with its default grey background, utter lack of layout (even <table> was a ), and general aesthetic case of the blahs. But from such starts spring miracles.

    Seemingly unrelated: The website — “ to redefine success for millennial women by providing the tools and connections they need to own their futures” — . I know this because Girlboss editor-in-chief and COO (and past AndroidForMobile Lab Predictions contributor) emailed me, not because I am Girlboss’ target demographic (I am not).

    There are a number of interesting things about it (), but I want to mention the one that got my early-web-nerd radar a-blooping. From Neha’s email:

    Ultimately, this is a move toward color-bad-font-soaked maximalism on the design side countered with digital minimalism on the performance side, using only system fonts, with every design decision made to support the fastest possible mobile experience, and with a strong commitment to creating the right experience to support our content mission of making a few great pieces each day that are entirely original (no aggregation, no 150-word write-around, etc) that is meant to truly add value to each user’s daily life.

    Emphasis very much mine. System fonts! One of the many limits of Mosaic back in the day was that you couldn’t specify what font a piece of text would appear in ( until ). And when you could specify a typeface, you had to rely on whatever the end user had installed on her device — fonts like Palatino, Gill Sans, Monaco, Ariel. (It was a big deal in 1996 when Microsoft , which came to dominate the next decade of web design: Georgia, Verdana, Impact, and yes, Comic Sans.

    Eventually, custom web fonts became a thing, especially after the in 2009. Soon it was easy to use whatever font you wanted. Which was wonderful! today. But it also contributed to page bloat, including slow download times on mobile. One recent test found that loading a custom font from Typekit could add almost a full second to page load — and that’s on a fast desktop connection. Switch to mobile and those lag times blow up: that found a news site was adding 10 seconds of load time on a fast 3G connection, thanks to custom fonts.

    With 70 percent or more of many news sites’ traffic coming from mobile, it’s worth re-examining some of the design choices that might have made sense on our iMacs, but don’t on so-so South American 3G.

    Which is why I thought Girlboss’ redesign was noteworthy: Using system fonts means no added download time, no extra data used, and a look designed to blend it with the device you’re using. The current top headline on Girlboss will render in Future, Franklin Gothic, Segoe, or generic sans-serif, depending on where you’re viewing it. One lower down will show up in Optima (!), Candara, Calibri, Trebuchet, or generic sans-serif.

    I confess this is an idea I have an irrational love for (and have since , if less ambitious, in 2015):

    You can certainly have opinions about the aesthetics of Girlboss’ design. (I haven’t seen this much Futura Condensed and Optima since laying out my college paper in circa 1994. Then again, for a while now.) But whatever your opinion, it’s a clear choice driven by user experience — namely, getting to a fast download. I asked Neha what else was mobile friendly about the redesign: “No interstitial [ad] units, live text wherever possible [as opposed to images of text], limited third-party beacons [adtech, ugh], no right rail ad unit to design around, no bells and whistles that go beyond the essentials — all of the personality added in here comes from color, a mix of fonts, and of course the actual content.”

    A big part of the appeal of the various distributed-content platforms — Facebook’s Instant Articles, Google’s AMP, Apple News — is that they promise to correct the garbage experiences so many news websites offer their readers on phones. Each of those could be a good choice for a particular publisher in a particular situation.

    But I’d rather that news sites focus on cleaning up their damned websites. All else equal, you’d rather your readers come directly to you than through a tech company’s algorithms; the experience you offer your website’s readers should be the best one they can get. The Girlboss redesign realizes that — and maybe we really should go back to the web’s past for inspiration.

    POSTED     April 30, 2018, 10:31 a.m.
    SEE MORE ON Mobile & Apps
    Join the 50,000 who get the freshest future-of-journalism news in our daily email.
    The long, complicated, and extremely frustrating history of Medium, 2012–present
    “A beautiful space for reading and writing” and pivoting.
    Instead of helping Canadian news startups, a new government subsidy will only prop up failed models
    “We don’t need a handout. But a policy that actively disincentivizes new media outlets from launching and growing to serve the information needs of Canadians is bad policy.”
    Canada’s new journalism subsidies will pick winners and hurt startups
    “The program assumes any subject that doesn’t fit its narrow criteria isn’t worthy of support. It speaks to a fundamental misunderstanding of all the important roles that journalism fills in our lives.”
    別れさせ屋 沖縄県