Categories
Best practices blogger Blogs and Blogging Community content Content First Content-First creativity editorial findability Free Advice Ideas Indieweb industry links Marketing Off My Lawn! Own your content Platforms Publications Publishing Search Standards State of the Web Teapot The Essentials The Profession Wah! writing

Algorithm & Blues

Examining last week’s Verge-vs-Sullivan “Google ruined the web” debate, author Elizabeth Tai writes:

I don’t know any class of user more abused by SEO and Google search than the writer. Whether they’re working for their bread [and] butter or are just writing for fun, writers have to write the way Google wants them to just to get seen.

I wrote extensively about this in Google’s Helpful Content Update isn’t kind to nicheless blogs and How I’m Healing from Algorithms where I said: “Algorithms are forcing us to create art that fits into a neat little box — their neat little box.”

So, despite Sullivan’s claims to the contrary, the Internet has sucked for me in the last 10 years. Not only because I was forced to create content in a way that pleases their many rules, but because I have to compete with SEO-optimized garbage fuelled by people with deep pockets and desires for deep pockets.

Is the Internet really broken?

For digital creators who prefer to contain multitudes, Tai finds hope in abandoning the algorithm game, and accepting a loss of clout, followers, and discoverability as the price of remaining true to your actual voice and interests:

However, this year, I regained more joy as a writer when I gave upon SEO and decided to become an imperfect gardener of my digital garden. So there’s hope for us yet.

As for folks who don’t spend their time macro-blogging—“ordinary people” who use rather than spend significant chunks of their day creating web content—Tai points out that this, statistically at least a more important issue than the fate and choices of the artists formerly known as digerati, remains unsolved, but with glimmers of partially solution-shaped indicators in the form of a re-emerging indieweb impulse:

Still, as much as I agree with The Verge’s conclusions, I feel that pointing fingers is useless. The bigger question is, How do we fix the Internet for the ordinary person?

The big wigs don’t seem to want to answer that question thoroughly, perhaps because there’s no big money in this, so people have been trying to find solutions on their own.

We have the Indieweb movement, the Fediverse like Mastodon and Substack rising to fill the gap. It’s a ragtag ecosystem humming beneath Google’s layer on the Internet. And I welcome its growth.

For more depth and fuller flavor, I encourage you to read the entirety of “Is the internet really broken?” on elizabethtai.com. (Then read her other writings, and follow her on our fractured social web.)


“The independent content creator refuses to die.” – this website, ca. 1996, and again in 2001, paraphrasing Frank Zappa paraphrasing Edgar Varese, obviously.

Hat tip: Simon Cox.

Categories
business conferences Design events Google Marketing Slow-witted Trolls The Essentials Usability User Experience UX

Why I am letting my Google IO invitation expire

HI, [REDACTED]. Thanks for writing to express your concern about my failure to redeem my Google IO promo code. It’s kind of a funny story.

I received a Google IO invitation (copied and pasted below) but didn’t follow up on it because the invitation did not say anything about what Google IO is, who it is for, or why I would want to attend it (if it is an event) or use it (if it is software) or do something else with it (if it is something else).

The Google IO invitation merely gave me complicated directions to sign up for Google IO, no doubt on the assumption that I would gladly attend, download, or sign up for anything that comes from Google, even without knowing what it is; and that, as an unemployed millionaire, I would have plenty of free time to decipher and obey complicated sign-up directions without knowing anything about the product, service, or event.

One of the complexities Google mentions in their invitation letter which fails to explain anything about the product or service they want me to sign up for is that, to qualify for Google IO, I must start a Google+ account. They don’t explain what Google+ is, either, but as it happens, I already have a Google+ account.

My Google+ account is assigned to my Gmail address. But instead of writing to me there, Google wrote to me at my zeldman.com address. My zeldman.com address is actually managed via Gmail, so I should be able to log into my Google+ account whether I am signed in as my Gmail identity or my zeldman.com identity, but Google+ doesn’t work that way. Google+ only works for free Gmail accounts. It does not work for paid corporate accounts like mine. That has always seemed an odd decision to me: if you can only provide services to a subgroup of your users, why not choose the subgroup that pays? But I am not Google.

So Google wrote to my zeldman.com address, which they won’t allow me to associate with my Google+ address, to invite me to start a Google+ account (which I already have) on my zeldman.com account, which they won’t support. And if I do that (which I can’t), and some other complicated stuff, they promise that I will then be able to participate in Google IO, whatever that is.

And now they have written to warn me that my Google IO, whatever it is, will stop being offered if I don’t sign up (which I can’t) right away. And they even convinced you, my friend, to send a personal note ensuring that I don’t miss the opportunity to sign up for their unspecified product or service with the account they don’t support before the unexplained offer is terminated.

While I should be curious about Google IO and what I will miss if I fail to take advantage of the cumbersome offer, what I’m actually far more curious about is how an organization that can’t write an effective direct marketing email message has managed to become one of the most powerful corporations of the 21st century.


Hello,

We recently sent you an invitation to register for Google I/O 2012 and noticed that you have not redeemed your promo code, which will expire at midnight PDT on March 25.

[ How to register ]
1. Make sure you have a Google+ account as it is required to register. Get Google+ at http://www.google.com/+
2. Visit the registration page at
https://developers.google.com/events/register/promocode?code=%5BREDACTED%5D
3. Use Promo Code: [REDACTED]. This code can only be used once.

[ Tips to Ensure Successful Payment With Google Wallet ]

1. Make sure your Google Wallet account is tied to the same Google+ account you use to register.

2. In case your bank declines your purchase through Google Wallet, you may need to call the bank that issued your credit card and let them know that you want to make a large purchase. Some banks may decline large purchases that appear to be out of your normal purchase behavior.

3. If Google Wallet is not available in your country, please email googleio2012@google.com to have our support team process your payment.

[ Tips to Ensure Successful Registration With Google+ ]

1. Sign into your Google+ account before you try to redeem your code.

2. To ensure you have created a Google+ account, log into your Google account and go to https://plus.google.com/. If you land on a page asking you “To join, create a public Google profile.” then you don’t yet have a Google+ account and follow the instructions to create one.

3. If you have multiple Google accounts, be sure to sign out of all Google accounts and sign in with only your Google+ enabled account.

4. You can use a personal or company managed Google+ enabled account to complete your registration.

If you have any questions, please email googleio2012@google.com.

Sincerely,
The Google I/O Team

Categories
An Event Apart Archiving Boston Career cities Code Community conferences content creativity CSS CSS3 Design Designers development Education events Fonts glamorous Happy Cog™ HTML HTML5 Ideas industry Information architecture IXD Layout Marketing Markup people photography Real type on the web The Profession This never happens to Gruber Typekit Usability User Experience UX W3C Web Design Web Design History Web Standards webfonts Websites webtype Zeldman

HTML5, CSS3, UX, Design: Links from An Event Apart Boston 2011

Meeting of the Minds: Ethan Marcotte and AEA attendee discuss the wonders of CSS3. Photo by the incomparable Jim Heid.

Meeting of the Minds: Ethan Marcotte and AEA attendee discuss the wonders of CSS3. Photo by the incomparable Jim Heid.

THE SHOW IS OVER, but the memories, write-ups, demos, and links remain. Enjoy!

An Event Apart Boston 2011 group photo pool

Speakers, attendees, parties, and the wonders of Boston, captured by those who were there.

What Every Designer Should Know (a)

Jeremy Keith quite effectively live-blogs my opening keynote on the particular opportunities of Now in the field of web design, and the skills every designer needs to capitalize on the moment and make great things.

The Password Anti-Pattern

Related to my talk: Jeremy Keith’s original write-up on a notorious but all-too-common practice. If your boss or client tells you to design this pattern, just say no. Design that does not serve users does not serve business.

What Every Designer Should Know (b)

“In his opening keynote … Jeffrey Zeldman talked about the skills and opportunities that should be top of mind for everyone designing on the Web today.” Luke Wroblewski’s write-up.

Whitney Hess: Design Principles — The Philosophy of UX

“As a consultant, [Whitney] spends a lot of time talking about UX and inevitably, the talk turns to deliverables and process but really we should be establishing a philosophy about how to treat people, in the same way that visual design is about establishing a philosophy about how make an impact. Visual design has principles to achieve that: contrast, emphasis, balance, proportion, rhythm, movement, texture, harmony and unity.” In this talk, Whitney proposed a set of 10 principles for UX design.

Veerle Pieters: The Experimental Zone

Live blogging by Jeremy Keith. Veerle, a noted graphic and interaction designer from Belgium, shared her process for discovering design through iteration and experimentation.

Luke Wroblewski: Mobile Web Design Moves

Luke’s live awesomeness cannot be captured in dead written words, but Mr Keith does a splendid job of quickly sketching many of the leading ideas in this key AEA 2011 talk.

See also: funky dance moves with Luke Wroblewski, a very short video I captured as Luke led the crowd in the opening moves of Michael Jackson’s “Thriller.”

Ethan Marcotte: The Responsive Designer’s Workflow (a)

“The next talk here at An Event Apart in Boston is one I’ve really, really, really been looking forward to: it’s a presentation by my hero Ethan Marcotte.”

Ethan Marcotte: The Responsive Designer’s Workflow (b)

Ethan’s amazing talk—a key aspect of design in 2011 and AEA session of note—as captured by the great Luke Wroblewski.

An Event Apart: The Secret Lives of Links—Jared Spool

“In his presentation at An Event Apart in Boston, MA 2011 Jared Spool detailed the importance and role of links on Web pages.” No writer can capture Jared Spool’s engaging personality or the quips that produce raucous laughter throughout his sessions, but Luke does an outstanding job of noting the primary ideas Jared shares in this riveting and highly useful UX session.

An Event Apart: All Our Yesterdays—Jeremy Keith

Luke W: “In his All Our Yesterdays presentation at An Event Apart in Boston, MA 2011 Jeremy Keith outlined the problem of digital preservation on the Web and provided some strategies for taking a long term view of our Web pages.”

Although it is hard to pick highlights among such great speakers and topics, this talk was a highlight for me. As in, it blew my mind. Several people said it should be a TED talk.

An Event Apart: From Idea to Interface—Aarron Walter

Luke: “In his Idea to Interface presentation at An Event Apart in Boston, MA 2011 Aarron Walter encouraged Web designers and developers to tackle their personal projects by walking through examples and ways to jump in. Here are my notes from his talk.”

Links and Resources from “From Idea to Interface”

Compiled by the speaker, links include Design Personas Template and Example, the story behind the illustrations in the presentation created by Mike Rhode, Dribble, Huffduffer, Sketchboards, Mustache for inserting data into your prototypes, Keynote Kung Fu, Mocking Bird, Yahoo Design Patterns, MailChimp Design Pattern Library, Object Oriented CSS by Nicole Sullivan and more!

An Event Apart: CSS3 Animations—Andy Clarke

“In his Smoke Gets In Your Eyes presentation at An Event Apart in Boston, MA 2011 Andy Clarke showcased what is possible with CSS3 animations using transitions and transforms in the WebKit browser.” Write-up by the legendary Luke Wroblewski.

Madmanimation

The “Mad Men” opening titles re-created entirely in CSS3 animation. (Currently requires Webkit browser, e.g. Safari, Chrome.)

CSS3 Animation List

Anthony Calzadilla, a key collaborator on the Mad Men CSS3 animation, showcases his works.

Box Shadow Curl

Pure CSS3 box-shadow page curl effect. Mentioned during Ethan Marcotte’s Day 3 session on exploring CSS3.

Multiple CSS Transition Durations

Fascinating article by Anton Peck (who attended the show). Proposed: a solution to a key problem with CSS transitions. (“Even now, my main issue with transitions is that they use the same time-length value for the inbound effect as they do the outbound. For example, when you create a transition on an image with a 1-second duration, you get that length of time for both mousing over, and mousing away from the object. This type of behavior should be avoided, for the sake of the end-user!”)

Everything You Wanted to Know About CSS3 Gradients

Ethan Marcotte: “Hello. I am here to discuss CSS3 gradients. Because, let’s face it, what the web really needed was more gradients.”

Ultimate CSS3 Gradient Generator

Like it says.

Linear Gradients Generator

By the incomparable John Allsopp.

These sessions were not captured

Some of our best talks were not captured by note-takers, at least not to my knowledge. They include:

  1. Eric Meyer: CSS Anarchist’s Cookbook
  2. Mark Boulton: Outing the Mind: Designing Layouts That Think for You
  3. Jeff Veen: Disaster, DNA, and the Fathomless Depth of the Web

It’s possible that the special nature of these presentations made them impossible to capture in session notes. (You had to be there.)

There are also no notes on the two half-day workshop sessions, “Understand HTML5 With Jeremy Keith,” and “Explore CSS3 With Ethan Marcotte.”

What have I missed?

Attendees and followers, below please add the URLs of related educational links, write-ups, and tools I’ve missed here. Thanks!

Categories
Design editorial experience facebook findability glamorous industry Information architecture interface Layout Marketing privacy Products Scripting social networking software State of the Web The Essentials This never happens to Gruber Usability User Experience UX Web Design History Websites work Working Zeldman

Migrating from a conventional Facebook account to a public figure (“fan”) page – a report from the trenches

BECAUSE FACEBOOK LIMITS USERS to 5,000 contacts, I had to migrate from a conventional user account to what used to be called a “fan” page and is now called an “Artist, Band or Public Figure” page. (Page, not account, notice.)

There’s a page on Facebook called “Create a Page” that is supposed to seamlessly migrate from a conventional user account to a public figure (aka “fan”) page.

The page says it will only migrate your connections—it will lose all your content, photos, apps, and so on—and Facebook means it. After migrating, all my stuff is gone. Years of photos, wall posts, blog posts, tweets, you name it. Even the “help” page link is gone once you’ve migrated, so you can’t refer to any help documentation to find out where all your stuff went and if any of it can be saved.

Custom URL breaks on migration

Because of an idiocy in the database, you can’t keep your existing custom URL, since, when you request it, Facebook tells you it is “taken.” My Facebook page was “jzeldman,” but that URL is “taken” by a fellow named “Jeffrey Zeldman,” so I can’t use it on my Jeffrey Zeldman page. So I had to change to a new URL (“JeffreyZeldman”) and now all my admin links (for instance at facebook.com/happycog) are broken, as they point to the old user page instead of the new fan page. At the very least, Facebook should seamlessly redirect from facebook.com/jzeldman (my old URL) to facebook.com/JeffreyZeldman (the new one), but it does not.

So all my other social media sites that point to the old Facebook account need to be updated by hand, and any third-party links will now be broken because Facebook doesn’t let you keep your custom URL during a migration.

Third-party apps disappear completely

Likewise, none of the third-party functionality (Twitter, Tumblr, Flickr, RSS, and so on) has migrated from the user page to the fan page, and there is no information explaining how to reconnect these apps.

No reasonable app like the ones I’ve mentioned appears in the “apps” section of the sidebar on my new page. When I look for additional apps, I get treated to a bloated browse of crappy apps nobody on earth uses, whose creators probably made deals with Facebook in hopes that newbies would be persuaded to hook up these contraptions. You can find “PhotoMyButt” but not Flickr.

I, however, use Flickr.

So, since I can’t find it in the big dull browse, I resort to Facebook’s Apps’ “Search” box. Typing Flickr in that box is exciting. Instead of being taken to the Flickr apps on Facebook, I’m treated to endless redirects courtesy of a broken PHP script that loops infinitely forever suffering like Christ on the cross world without end amen while never actually resolving. Each new partial page that loads for an instant before being replaced by the next is undesigned and unbranded and contains only the sentence fragment, “Please stand by, redirecting…”

The devil will see you now.

So much for content

My photos are gone. My existing writing is gone. Facebook does seem to be migrating human beings who were “friends” on my old page, but nothing else works.

Oh my God, I can’t Admin my own page

I can’t Admin my new Facebook page because the “Admin” is “jzeldman” (me at the old account, which Facebook deleted). Perhaps this is why it’s impossible to post content, no apps work, etc. Nice.

Kids, don’t try this at home

All these bugs are probably known to Facebook, and there are probably nice people at Facebook whose job is to execute known secret internal workarounds when helping an actual “celebrity” migrate his or her page. I’m just guessing of course, but it stands to reason that Ashton K or Lady Gaga, if they want a Facebook page, probably don’t have to deal with all this frustrating brokenness. They have people for that.

But I don’t. I’m a web guy. And web stuff should just work.

Categories
Big Web Show business Community Culture Marketing Small Business social networking State of the Web

The Big Web Show Episode 15: Social Media, Social Capital

Tara Hunt

Tara Hunt, social media entrepreneur, author of The Whuffie Factor, cofounder of Citizen Agency, and one of Fast Company’s “women in tech—nine thought leaders who are changing our ideas about technology” is our guest on today’s episode of The Big Web Show, co-hosted as always by Dan Benjamin, and taped in front of a live internet audience.

The Big Web Show (“Everything Web That Matters”) is taped live in front of an internet audience every Thursday at 1:00 PM ET on live.5by5.tv. Edited episodes can be watched afterwards, often within hours of taping, via iTunes (audio feed | video feed) and the web.


Miss_rogue photo courtesy Creative Commons Attribution-ShareAlike 2.0 Generic license.

Categories
Design HTML HTML5 Marketing Web Design Web Design History Web Standards

HTML5 Fuzzies


Jeffrey Zeldman Presents

Yesterday, in response to something Tantek Çelik said here, Jeff Croft wrote a thoughtfully provocative piece arguing that informed web designers should encourage—or at least not worry about—the widespread misuse of the term “HTML5” as a buzzword covering everything from CSS3 and web fonts to excitement about the new Webkit-powered mobile platforms:

…I think there’s actually a very good reason why we should, in fact, embrace the term “HTML5” as an overarching buzzword for this latest round of web standards and specifications. Our industry has proven on several occasions that we don’t get excited about new, interesting, and useful technologies and concepts until such a buzzword is in place.

“AJAX,” of course, is the canonical example of this. DOM scripting, XMLHttpRequest, and dynamic Javascript all existed long before the term “AJAX”. But it wasn’t until the clever term was coined that anyone really cared. As soon as we had a single, simple word we could all get behind, Javascript really took off. A proliferation of frameworks and libraries hit the scene, and suddenly we were all building dynamic web projects. And the term was misused. Badly. Left and right. Much of the great code being written didn’t use XML. Much of it wasn’t asynchronous. But most of it was pretty great, and it was usually called “AJAX” wether it really was or not.

There is much to be said for Jeff’s point of view, although such fuzziness is a slippery slope. In the upcoming issue of .net magazine which I guest-edited, I refer to the current set of opportunities half-jocularly as “Web 2.1,” and while the title is a goof, it is also an attempt to encapsulate an exciting new phase of web design and experience. Instead of forging such constructions, perhaps it is best to go with what the market has seized upon—and “HTML5” is certainly that.

To encourage what should be encouraged, yet not add confusion to an already over-vague understanding, folks like us might want to say, “HTML5 and related technologies,” or “HTML5 and other new technologies,” or something along those lines.

Sure, it’s a bit stiff. But such a construction allows us to participate in the current frenzy and be understood by non-technical people while not fostering further misunderstandings—particularly as we also need to concern ourselves with web colleagues’ and students’ knowledge of what HTML5 is and is not.

via JeffCroft.com: On the term “HTML5”.

Categories
content content strategy Marketing Publications Publishing

Content wants to be paid for

Content wants to be free like communism works, like sex is just for fun, like a few days of snow disprove global warming. That the web’s existence makes all content free is a Brooklyn Bridge most of us have bought, but it just ain’t true, as Erin Kissane makes clear in Content is Expensive at Incisive.nu.

Go there, read it, and understand why (just like newspaper reporting and books) web content costs money and must be paid for or subsidized. Either that or it must serve some secondary benefit that brings in the bucks: for instance, a free web design blog might lead to paying web design gigs for its author, or so they say.

Then read Part Two: Paying For It, where Kissane considers each of these methods of subsidizing content “and how they relate to our work as content and editorial strategists.”

(Of course there will always be web content that is purely a labor of love. That is why we love the web. And it’s kind of sad, quite frankly, that you almost can’t write “Shit My Dad Says” or create a LOLcats page purely out of love any more; that even stuff tossed off as a laugh ends up being “monetized.” By the way, whoever came up with that word should be deathetized by beatingization. But I digress.)

Categories
business downloads editorial industry Kindle Marketing mobile Publishing

Doctorow on Pricing

In Publishers Weekly, blogger, novelist, and bon vivant Cory Doctorow discusses price discrimination(“the idea that you make more money by segmenting your customers based on how much they’re willing to spend”) and demand elasticity (“the straightforward idea that new customers will come into your shop if you lower prices”) and the roles played by hardcover and paperback, Kindle and iPad, Amazon and publishers in the future of book publishing.

With a Little Help: The Price Is Right – 2010-02-15 05:00:00 | Publishers Weekly


Categories
Acclaim business Career Design glamorous Marketing maturity Press Publishing The Essentials

On Self-Promotion

Zeldman

You are a shameless self promoter!” he said.

I can’t speak to the “shame” part, but for the rest: guilty as charged.

Self-promotion may appear revolting, but it’s the only promotion that’s guaranteed in this business. Do it right, and only haters will hate you for it. To get, you must give.

Love your work

If you write or design, you must believe in what you do. If you don’t believe you have something to express, there are plenty of other jobs out there. If you believe in what you do, and if you’re doing it for real, you must find ways to let people know about it.

Sometimes this takes the direct form of a case study. The assumption in publishing such a study is that someone out there might be interested in the service your team provided, the thinking you brought to the problem, and so on.

There is a difference between being arrogant about yourself as a person and being confident that your work has some value. The first is unattractive, the second is healthy and natural. Some people respond to the one as if it were the other. Don’t confuse them. Marketing is not bragging, and touting one’s wares is not evil. The baker in the medieval town square must holler “fresh rolls” if he hopes to feed the townfolk.

The love you make

But direct self-promotion is ineffective and will go unnoticed unless it is backed by a more indirect (and more valuable) form of marketing: namely, sharing information and promoting others.

Is your Twitter feed mostly about your own work, or do you mainly link to interesting work by others? Link blogs with occasional opinions (or occasional techniques, or both) get read. The more you find and promote other people’s good work, the more in-the-know and “expert” you are perceived to be—and the more you (or your brand, if you must) are liked.

You can’t fake this. If you’re linking to other people’s work as a ploy to make others link back, it’s obvious, and you’ll fail. If you’re sharing half-baked information half-heartedly, nobody will stick around.

This may sound Jedi-mind-trick-ish, but never create a blog or a Twitter feed with the explicit idea of promoting yourself. Create for the joy of creating. Share for the joy of the sharing, and because the information you’re sharing genuinely excites you. Do that, and the rest will follow.

zeldman.com/?p=3061

Categories
A List Apart Appearances business Community conferences content Design events Ideas industry Marketing Publications Publishing Small Business speaking Standards State of the Web Surviving SXSW

Click My Lit Panel

In “New Publishing and Web Content,” a proposed panel for SXSW Interactive, I will lead book and new media publisher and entrepreneur Lisa Holton, designer, writer, and W.W. Norton creative director Mandy Brown, novelist, web geek, and Harper’s editor Paul Ford, and writer, editor, and content strategist Erin Kissane in an honest and freewheeling exploration of the creative, strategic, and marketing challenges of traditional and online publishing—and how content strategy and design can help.

Topics covered will include:

  1. What is content strategy?
  2. For magazines that are born digital, what opportunities and challenges does the internet offer editors and publishers?
  3. For traditional magazines, what opportunities and challenges does the internet offer editors and publishers?
  4. How can traditional book publishers harness the energy and talent of the online community?
  5. What new forms are made possible by the intersection of traditional publishing and social networking?
  6. How can design facilitate reading?
  7. How can design encourage readers to become writers and publishers?
  8. What is the future of magazines and newspapers?
  9. What is the future of books?
  10. How can editors and publishers survive and thrive in this new climate?

If this sounds like a panel you’d enjoy seeing, vote for New Publishing and Web Content via the SXSW Interactive Panel picker.

ShortURL: zeldman.com/x/55

Categories
Browsers Compatibility CSS Design Marketing Markup Microsoft software spec Standards State of the Web style The Profession Tools W3C Web Standards Working XHTML

Sour Outlook

It’s outrageous that the CSS standard created in 1996 is not properly supported in Outlook 2010. Let’s do something about it.

Hundreds of millions use Microsoft Internet Explorer to access the web, and Microsoft Outlook to send and receive email. As everyone reading this knows, the good news is that in IE8, Microsoft has released a browser that supports web standards at a high level. The shockingly bad news is that Microsoft is still using the Word rendering engine to display HTML email in Outlook 2010.

What does this mean for web designers, developers, and users? In the words of the “Let’s Fix It” project created by the Email Standards Project, Campaign Monitor, and Newism, it means exactly this:

[F]or the next 5 years your email designs will need tables for layout, have no support for CSS like float and position, no background images and lots more. Want proof? Here’s the same email in Outlook 2000 & 2010.

It’s difficult to believe that in 2009, after diligently improving standards support in IE7 and now IE8, Microsoft would force email designers to use nonsemantic table layout techniques that fractured the web, squandered bandwidth, and made a joke of accessibility back in the 1990s.

Accounting for stupidity

For a company that claims to believe in innovation and standards, and has spent five years redeeming itself in the web standards community, the decision to use the non-standards-compliant, decades-old Word rendering engine in the mail program that accompanies its shiny standards-compliant browser makes no sense from any angle. It’s not good for users, not good for business, not good for designers. It’s not logical, not on-brand, and the very opposite of a PR win.

Rumor has it that Microsoft chose the Word rendering engine because its Outlook division “couldn’t afford” to pay its browser division for IE8. And by “couldn’t afford” I don’t mean Microsoft has no money; I mean someone at this fabulously wealthy corporation must have neglected to budget for an internal cost. Big companies love these fictions where one part of the company “pays” another, and accountants love this stuff as well, for reasons that make Jesus cry out anew.

But if the rumor’s right, and if the Outlook division couldn’t afford to license the IE8 rendering engine, there are two very simple solutions: use Webkit or Gecko. They’re both free, and they both kick ass.

Why it matters

You may hope that this bone-headed decision will push millions of people into the warm embrace of Opera, Safari, Chrome, and Firefox, but it probably won’t. Most people, especially most working people, don’t have a choice about their operating system or browser. Ditto their corporate email platform.

Likewise, most web designers, whether in-house, agency, or freelance, are perpetually called upon to create HTML emails for opt-in customers. As Outlook’s Word rendering engine doesn’t support the most basic CSS layout tools such as float, designers cannot use our hard-won standards-based layout tools in the creation of these mails—unless they and their employers are willing to send broken messages to tens millions of Outlook users. No employer, of course, would sanction such a strategy. And this is precisely how self-serving decisions by Microsoft profoundly retard the adoption of standards on the web. Even when one Microsoft division has embraced standards, actions by another division ensure that millions of customers will have substandard experiences and hundreds of thousands of developers still won’t get the message that our medium has standards which can be used today.

So it’s up to us, the community, to let Microsoft know how we feel.

Participate in the Outlook’s Broken project. All it takes is a tweet.

[tags]browsers, bugs, IE8, outlook, microsoft, iranelection[/tags]

Categories
Accessibility Blogs and Blogging business client services creativity Design development Ideas links Marketing social networking Standards Tools writing

Monday links

WCAG Samurai
The WCAG Samurai Errata for Web Content Accessibility Guidelines 1.0 are published as an alternative to WCAG 2. “You may comply with WCAG 2, or with these errata, or with neither, but not with both at once.” Published 26 February 2008. Read the intro first.
Happy Cog Studios at SXSW Interactive
Two hot panels, plus bowling.
Alex King’s Twitter Tools
Integrate your Twitter account with your WordPress blog. Archive your tweets, create a blog post from each tweet, create a daily digest of your tweets, post a tweet in your sidebar, and more.
Chopsticks by Carlos Segura
Brilliant! 51 chopstick bags by Carlos Segura assisted by Ryan Halvorsen. In EPS for your raster or vector pleasure.
Can a Gas Station Really Be Green?
Boston design firm builds green gas station in smoggy LA.
48 Unique Ways To Use WordPress
CMS, city guide, history/timeline site, intranet, movie poster and trailer site, network hub, polling site, Feedburner alternative, Twitter clone, many more.
Misleading Marketing Copy
Words and phrases to avoid if you want an honest relationship with your customers.
Pattern inspiration (Veerle’s Blog)
Design inspiration via wallpaper and tiles.
Mental Models: Aligning Design Strategy with Human Behavior (on Flickr)
Illustrations from the newly published book by Indi Young (Rosenfeld Media, 2008).
A Speck of Sunlight Is a Town’s Yearly Alarm Clock
On March 8, the sun will rise again in Longyearbyen, the first time since October.
Dockdrop
Free Mac OS X application lets you share files fast. Drag any file or folder onto the Dockdrop dock icon, then choose how you want to send it. Dockdrop uploads it and puts a URL for your upload on the clipboard, ready for pasting into an email, chat program or website.
Official Google Maps API Blog: Google Maps Without the Scripting
The Google Static Maps API provides a simpler way to add maps to your website. Rather than use JavaScript, the Google Static Maps API creates map images on the fly via simple requests to the Static Maps service with HTTP requests.

[tags]zeldman, wcagsamurai, happycog, sxsw, googlemaps, wordpress, veerle, indiyoung, mentalmodels, wcag2, accessibility[/tags]

Categories
industry Marketing Memes

Web 2.0 Thinking Game

The most telling detail in The Economist‘s coverage of Google and YouTube was the subhead: “Google’s acquisition of YouTube shows that ‘Web 2.0’ has come of age.” A few weeks back, The Economist was calling “Web 2.0” a trend. Their phrase was, “hot Web 2.0 trend.” The magazine now intends “Web 2.0” to be understood as a sort of second edition:

This week’s pairing of Google and YouTube may come to be remembered as the moment “Web 2.0″—ie, the web, version two—came of age.

Clearly “Web 2.0” means different things to different journalists on different days. Mostly it means nothing—except a bigger paycheck. But let’s simplify what The Economist is saying:

Web 1.0: AOL buys Time Warner.
Web 2.0: Google buys YouTube.

Put another way:

Web 1.0: New media company buys old media company.
Web 2.0: New media company buys new media company.

If we’re stuck with this meaningless Web 2.0 label, let’s at least have some fun with it. Here’s my new game. I’ll start, you finish:

Web 1.0: Joshua Davis on the cover of Art News.
Web 2.0: 37signals on the cover of Forbes.

Web 1.0: Users create the content (Slashdot).
Web 2.0: Users create the content (Flickr).

Web 1.0: Crap sites on Geocities.
Web 2.0: Crap sites on MySpace.

Web 1.0: Writing.
Web 2.0: Rating.

Web 1.0: Karma Points.
Web 2.0: Diggs.

Web 1.0: Cool Site of the Day.
Web 2.0: Technorati.com.

Web 1.0: Tags.
Web 2.0: “Tags.”

Web 1.0: Bookmarking.
Web 2.0: Bookmark sharing.

Web 1.0: Pointless Flash widgets.
Web 2.0: Pointless “Ajax” widgets.

Now you try it!

[tags]web2.0, games, economist[/tags]

Categories
Amazon books Marketing Publishing

Amazonked! (or, the 2nd Edition Dilemma)

Amazon.com gets an enormous number of things right. And it gets them right years before competitors even think of them. Nearly everyone in web design or online sales, when tasked with innovating, simply copies from Amazon. Amazon can even do things traditional, brick-and-mortar stores can’t. For instance, Amazon can stock and profit from items almost nobody is interested in. But there’s one thing Amazon has trouble with: second editions.

Designing With Web Standards, 2nd Edition was listed at Amazon for nearly a year before the book was written; it could be found by clicking a mislabeled “used and new” link on the first edition’s Amazon page. As no information pertinent to the second edition was available at the time, the “second edition” page used first-edition imagery and text.

The second edition is now available at Amazon, but it is mostly filled with first-edition editorial text and first-edition reader reviews. Its star rating (the at-a-glance, impulse buyer’s decision-making tool) is likewise based on the first edition. Initially Amazon’s second-edition page also showed first-edition cover art, a first-edition table of contents, and a first-edition “look inside the book,” but those errors have been corrected. The other problems may never be corrected, not because Amazon is uninterested or unwilling, but because second editions pose a special problem to Amazon’s databases—and possibly also to its information design. But as it would be bad manners to highlight a problem without proposing a solution, I’ll do so two paragraphs from now.

The problem is not unique to DWWS2E. When Eric Meyer wrote Cascading Style Sheets: The Definitive Guide, 2nd Edition (O’Reilly Media, 2004), the “Editorial Review” on Amazon’s second edition sales page referred to the out-of-print first edition. Two and a half years later, it still does. Most reader reviews also refer to the first edition—so much so, that one reader felt compelled to preface his review by pointing out that he was writing about the book being sold on the page, not about a previous edition.

What should Amazon do?

Replacing first-edition publisher-supplied text with second-edition publisher-supplied text is an obvious place to start. The next right move is less clear, but I think we can find our way to it.

One possibility that initially seems right is probably wrong. Amazon’s DWWS2E page might say, “This book has not yet been reviewed” until a few reviews of the second edition have been written and approved. Likewise, the star rating might be kept blank until a few readers have rated the edition being sold. Yet to have no reviews and no star rating would be wrong in a different way, because a second edition is not a fledgling book taking its first baby steps into a possibly indifferent marketplace; it’s a successful book that has been updated.

A graduated migration is probably in order, and it could work in two phases. When a second edition initially becomes available, how readers felt about the first edition is worthwhile information, at least as a rough buyer’s guide. By this reasoning, when an old title debuts in a new edition, it’s okay to keep up the old reviews and old star ratings, as long as their connection to the earlier edition is clearly labeled.

The second phase follows immediately. Once new reviews and new star ratings trickle in, Amazon should dispense with the old reviews and old star ratings—or make them available on a page where the old edition is still sold, with a “What readers said about the previous edition” link. How many reviews and star ratings should Amazon collect before removing the old reviews and old star ratings? The directors at Amazon, who are brighter than me, and who have access to more data, can figure out that part.

[tags]amazon, publishing, marketing, writing, books, retail, long tail, dwws2e, web standards[/tags]