Mobile web design: The reign of morons, indeed
jwz.org
jwz.org
.. it launches the App Store application, presumably trying to get me to go download their custom app. Which is undoubtedly just a wrapper around a WebKit view of this exact same web site, except with more surveillance built in.
Actually the app store version of that magazine uses a custom display view that parses a JSON structure that itself is created by a parsing tool for InDesign files. It's the same structure used by a few other well-known published apps and I inherited that project while I worked at a company called ScrollMotion in NYC. The content package for each magazine ends up being around 500MB to 1GB! Mainly insanely large image files. It does usually include some things like games and embedded videos. But the main reason it wasn't web-based was a requirement for offline viewing. Content is pre-cached.
Just wanted to add that. It was a very early platform and we went on to create a much better one with an HTML5 content creator that could create much smaller packages, but that one is AFAIK, still a legacy app. It's now under the control of Hearst.
To clarify even further: We used a custom URL scheme that could signal that the content was local. Then they could also use a regular web address if they wanted.
So jwz's use case is that he's an inbound link from a social media site, right? So Esquire is optimizing two things here: conversion rate to the downloaded app and amount of time spent on site. The first one is obvious -- people who have the app downloaded are going to spend much more time overall and are going to be more valuable; the second one is a bit trickier, since you play a balancing act between getting users to dive deeper into the publication while making sure they don't leave altogether. In this sort of case, it's pretty reasonable to assume that someone has either the data or intuition to say "Hey, if they're visiting our site from Facebook, they have a pretty big investment in trying to read the article than someone who Googled something vaguely related to the article."
(The same goes true from mobile, where audiences tend to be slower and more captive.)
So, if we understand the series of decisions that led us to such an experience, we then have to ask why were those decisions made? Clearly there's a backlash against this kind of thing -- nobody says "wow, what a great banner ad!" -- but its hard to argue against the financial straits of such a publication. Esquire doesn't have the circulation they used to, and its not a non-profit; they need to make money somehow.
Either way, its hardly fair to pin this on Esquire's web designer. Esquire's management, maybe -- or maybe the legions of people addicted to AdBlock, the legions of people who put a low -- and getting even lower -- value on content.
Now, everything is hinging on that assumption that people are vaguely competent over at Esquire. While it's entirely possible that such an assumption is invalid, I find its a more comforting one than the opposite assumption.
Esquire has a great print experience, but their web one, mobile especially, is awful.
I'm sure their lead print designer gets final say for what goes to press. If their web designer is caving in to every ridiculous demand of management, that's the fault of the designer, not management.
So either the lead "webmaster" has no idea what they're doing, in which case they should get a new job, or they know exactly what they're doing but are hamstrung by management, in which case they should get a new job.
There's ads in the print magazine, but they're in a format that doesn't run into absolute conflict with the content.
These are established companies with existing management structures. The owners / management controlling the brands will have briefed in a designer to implement all of these elements.
There priority will be leverage the audience of esquire, to allow them maximise the sales they can do via media buyers.
Audience development for sites like these, is often only minimally effected by design. Especially considering these are established brands. They already get the numbers, they dont need to earn them.
Web designers are just the people paid to put the designs together options together for management to choose from.
For all you know like the OP is trying to say, they might have done the hard math and decided that this is the way they want to say.
I'm not saying it is the best but rather they might be fully aware of what they are doing
and that, children, is how you know you've lost your soul.
Or it implies they have motivations perhaps not understood, which was the OP's point.
Hanlon's Razor doesn't say that if something isn't caused by stupidity or incompetence then it must be malice.
There are only two choices here. Either they want people to read their articles and are doing a bad job of it (incompetence) or they are luring people under false pretenses and preventing them from doing what they want (evil). There is no third way.
"Motivations perhaps not understood" is just a way of saying that we may not know why they're being evil.
Where does the false pretense come in? The popover crap?
Some anecdata: I just viewed that same article on my phone, an Android G2. Zero trouble. No font-size issues (though I could have upped the font size without zooming in the whole page; I'm amazed at sites that manage to prevent that).
No popover stuff. There was a smallish banner ad at the very top. I apparently got a page designed for a mobile device, because there was no sidebar stuff either.
Could this be an iPad issue?
Never mind "understanding the series of decisions that led us to such an experience". Look at the outcome, for crying out loud.
Nothing else matters.
Lots of other things matter, such as revenue.
Revenue in this case is tied to good user experience, specifically things like how long people stay on your site and whether they click the various links on it.
But you already know that. You're just arguing for the sake of arguing.
Russell: Well, why am I watching it?
George: Because it's on TV.
Russell: (pause) Not yet.
http://www.youtube.com/watch?v=ofOSlsNz5I8They manipulate and abuse us, we manipulate and abuse them. If we are supposed to be understanding of the self-interested reasons they manipulate and abuse us, can't we expect the same courtesy in return?
Instead of putting it all one page or even using an AJAX call to retrieve each list entry, the entries each load a new page, complete with ads, etc. A lot of these are butt slow in loading just one page, but hey, they just want those clicks.
So they manage to stretch one lame article into 10 page views, complete with 10x the ad revenue and 10x the latency for the reader. On mobile, this can be even more painful.
Its an executive decision designed to hinder use. They dont want you doing something obvious like reading content. They want you looking at all the other pages they have to offer where you also cannot read content.
They also think: "Wouldn't the world be nicer without these people who want to read our content over the internet."
And they also think "OK the guy who followed the link has an iPad so he isn't among the cheapest bastards of all those who follow links to our glorious magazine, so let's try to make them subscribe."
Anybody has any statistics that supports or disproves the above ideas?
The problem is, most developers/designers get saddled with tasks like this, and they think, "I fucking hate that I even have to do this in the first place -- why would I spend another goddamn second on it?" And they leave it the shitty experience that they know their superiors will sign off on.
Like any other job your results are only as good as the pride you put into it.
1. Redirecting to the mobile page after the desktop page loads, taking up to ten seconds before i can start reading the content
2. Using some clever swiping / panning mechanic that relies on javascript animation. Yeah, let's build the heaviest ui on the slowest platform, great thinking there.
3. Preventing panning side-to-side and then having content too wide for the page (got this today on arstechnica, cutting off the bars on a benchmark graphic)
4. Asking me to install an app via a popup. On a content-driven site this is never, ever, ok. No site visitor likes this, and it doesn't bring in revenue. It is indefensible.
5. Presenting less content on mobile and offering no clear path back to the full content. Dell does this, i couldn't find out hardware details of their laptops from my ipad. No details, no purchase.
Ofcourse, there are cases where a little attention to mobile goes a long way. My phone operator redesigned their flash-driven website with html5 ... where the primary navigation are dropdown menus triggered by hovering and half the content doesn't load on a mobile device.
Glass houses = unreliable source.
The man was a pivotal figure in writing the first modern web browser, it wouldn't kill you to show some goddamn respect.
I am sure the author is an intelligent guy who knows his stuff - but I just can't be bothered to read for more than a few paragraphs something that looks so G-d-damn awful. It really is a pain to look at.
jwz is a programmer. If you don't know the initials jwz, you should do some research.
On a side note, his site doesn't take away from he facts he presented.
With a green and black blog without any css3, what right does he have to comment on design?!
It's like we had a genius color-blind guy critique a Rothko painting.
No, not really. It's fairly easy to read. And while it might not be a super design by some standards, it doesn't bother anyone unless you want to be bothered by it. Contrast that with the site he's reviewing, where you physically can't read the content because the site explicitly prevents you from reading it.
> It's like we had a genius color-blind guy critique a
…website.
That's something you should do.
In any case, "I don't like these colors" is not a complaint comparable to "I literally can't read your article without being sent to an app store."
As to why the design is that way, it's a visual reference to how old CRT terminals once looked.
On the off-chance that you disagree, why do you think only designers can test the UX of a site?
But the point stands, don't hurt your users!
(even if you technically have a user/customer differentiation, the customer relationship is likely predicated on you having users)
Does rebranding ever go fully successfully? Maybe it's just too early for Pocket. Also, the fact that they market themselves as "Pocket (Formerly Read It Later)" can't help.
And because of how it is worded, it doesn't sound like a brand at all. I believe it has much less cognitive overload than "pocket".
Edit: to add, I see many of the most well-remembered services tend to become verbs at one point or another. So a verb, like "read it later", will probably be more easily successful among all the noun brands which are usually favored.
With that being said, yeah, being able to apply custom stylesheets to websites easily is great!
Much like everything Apple does, amirite?
> Read a tech magazine
Sounds unlikely.
> recently
Safari Reader debuted in 2010...
> that was so excited about this "amazing and ground-breaking new feature"
I believe you. Really.
> that I wondered if they had ever used Opera before.
Statistically speaking, probably not. Then again, they weren't missing out on much. Unless you like your websites rendered incorrectly.
I don't know what moves jwz to stick with green on black (yes, very retro chic, but we have colors now! Use them!), but his content (writing, whatever) I find at least occasionally of some value; without this bookmarklet, the nearly instantaneous headache would entirely prevent me reading what he has to say.
* The article is invalid because I find the author's website hard to read.
This is the ad-hominem fallacy and is not at all relevant to the correctness of his point.
* Don't blame the web designer, blame X
What is the role of a web designer? To design (hence the name) the experience of the user on the web (again, hence the name). The experience on the Esquire mobile site is very poorly designed. If higher-ups request more-visible ads and higher conversion rates for the app, there are ways to funnel this traffic without making the site difficult or impossible to use on a mobile device. This is the job of a web designer.
(If higher-ups are mandating the design itself, they have assumed the role of web designer and relegated the titular designer to simply a web design implementor).
This mobile website is poorly designed. Thus, by definition, it's the fault of the web designer. And nothing is going to change with finger-pointing or blame-passing or the victim mentality so blatantly evident in this comment thread.
This is the ad-hominem fallacy and is not at all relevant to the correctness of his point.
I don't think it's an ad-hominem to critique design of the site critiquing anothers' design.I think you have to state why you think the person is stupid and for it to be a valid reason to avoid the response. Sort of like you did with the recycle version of the statement.
I can provide empirical, qualitative reasons why recycling saves energy. Does the fact that I chucked a glass bottle into a trash can invalidate these reasons? No, it just makes me a hypocrite. It calls my character into question, but my facts stand apart from that. Thus, it is still an ad-hominem argument.
Of course, you toss out that attempt at salvation by implying that if someone higher up the chain dictates design changes then they become the designer but then I find that just as offensive as the author's original blame of the designer. You are saying anyone who makes design decisions is a web designer and I fully disagree with you there, because you are implying that anyone can be a web designer.
A web designer is not someone that makes design decisions based on anything but design principles to only toss it downward to some peon with crayons to take care of.
We don't know the story here, maybe the web designer is to blame or maybe not.
Plus, the popup is an usability problem, not a design problem.
Those are artists (photoshop pilots, pixel pushers), not designers. Unfortunately the term is so banalized it lost it's meaning, but strictly:
Design (noun): a specification of an object, manifested by an agent,
intended to accomplish goals, in a particular environment,
using a set of primitive components, satisfying a set of requirements,
subject to constraints
If it's not solving a problem, it's not a design solution. That includes providing the expected/desired experience to the user, which is often the case.http://www.jwz.org/blog/2013/09/hoping-that-the-monsters-don...
Horribly entertaining, maybe you don't like that sort of thing though.
You should submit that as its own article (the paper, that is).
But even with this said, I think it's important to note that designing a great Mobile Experience is no easy task. To me, it all starts with the Viewport, which is not necessarily an easy thing to understand. It seems as though the original Use Case for the Viewport was to provide the capability of zooming, presumably to account for Websites that were/are not mobile friendly. Over time, it seems as though the preferred User Experience has shifted to a set (non-zoomable) Experience, which is common with Web Apps. In fact, many of today's common Web Frameworks (example: Bootstrap, jQuery Mobile, etc), set the viewport to a 1.0 scale, and prevent zooming with the max and min scale set to 1.0, and/or an explicit user-scalable=no. So it stands to reason that there are grey areas between the original use case, and how people use it today. This could explain why some of the "Bigger Name" Websites still have Mobile Experiences that require Zooming. But this is still no excuse for the overall User Experience described here, which does not sound good. Just like an App, I believe that Websites (or Website Projects) should have someone dedicated to a User Experience role, which would identify some of the issues raised here, and solve them. When the Advertising in conjunction with the Design makes the Website un-usable, that really is sad.
It's definitely not the designers fault.
This is purely the result of mixed objectives and committee design. There will be fighting between a publisher, editorial, marketing, sales, designers and tech team.
Each dept. will have a trump card to have there say. Trapped in a false numbers game of milking the most pageviews out of whatever they can. While giving media buyers whatever they need to sell the space to there clients.
The designer will usually have a little or no say in what goes where. fact.
Is this becoming a common practice? I've had my own frustrations when I double-tapped content which triggered a giant subscribe/paywall ad to cover everything in my view.
The things jwz is complaining about aren't just a problem for tablet browsing, they are a problem for all browser types.
Does iPad not have a noscript like thing?
There’s also a Ghostery browser for iOS:
This sentence heavily assumes that these decisions were made by a web designer. Or anyone who knows design or usability for that matter.
I can't tell you how many times over my career that I've stated "this is a bad idea" to no avail.
Now this wonderful critique is out there, on a popular blog, that points the finger directly at someone without really knowing if they were the cause of the problems.
Here here!
Depending on where you draw the line, companies could just degrade their site in the next less egregious way.
It funny how many here react to any move by Apple to improve their customer's experience as Evil Incarnate. Maybe Matt Cutts can come by and explain what happens to your website on Google Search when you have a 'download our app' popup.
http://econsultancy.com/us/blog/62902-google-avoid-download-...
Interstitial and popups are hell on mobile
Can you do either on an iPad? I'm assuming no, but I'd love to proven wrong.
Here's what Wired looks like on my iPhone: http://i.imgur.com/pvgWa0p.png
Perhaps they might apply the same design for the US sometime in the future.