Categories
"Digital Curation" Advocacy Appearances art direction Authoring Best practices business Community conferences content content strategy Design development editorial Education engagement Ideas Micropublishing Molehill Platforms Publications Publishing Responsibility Standards State of the Web The Essentials The Profession Usability User Experience UX Web Design Zeldman

You are all in publishing!

ON SUNDAY, while leading a discussion on the future of web design and publishing, I noticed a slightly confused look appearing on some faces in the audience. The discussion had been billed as “Jeffrey Zeldman’s Awesome Internet Design Panel,” and I thought perhaps there was a disconnect for some in the audience between “design” and such topics as where content comes from and who pays for it.

So I asked, “Who here is in publishing?”

A few hands were gently raised.

Uh-huh. “And how many of you work on the web?”

Every right hand in the room shot up.

“You are all in publishing,” I explained.

Now, I like a good rounded corner talk as much as the next designer. I’ve given my share of them. Also of line height and measure, color and contrast, how to design things that don’t work in old versions of Internet Explorer, and so on. In the practice of web and interaction design, there will always be a place for craft discussions—for craft is execution, and ideas without execution are songs without music, meaningless.

But right now (and always) there is a need for design to also be about the big strategic issues. And right now, as much as design is wrestling with open vs. proprietary formats and the old challenges of new devices, design is also very much in the service of applications and publishing. Who gets content, who pays for it, how it is distributed (and how evenly), the balance between broadcast and conversation, editor and user—these are the issues of this moment, and it is designers even more than editors who will answer these riddles.

Categories
Announcements Appearances Authoring Best practices Brands Design Designers development E-Books editorial events glamorous HTML5 industry Interviews Luls Microauthoring Microblogging microformats Micropublishing Molehill New Riders Platforms plugins podcasts Publications Publishing Real type on the web Responsive Web Design software Standards State of the Web Tempest The Big Web Show This never happens to Gruber twitter type Typekit Urbanism Usability User Experience UX W3C Web Design Web Design History Web Standards webfonts webkit Websites Zeldman zeldman.com

Questions, Please: Jeffrey Zeldman’s Awesome Internet Design Panel today at SXSW Interactive

HEY, YOU WITH THE STARS in your eyes. Yes, you, the all too necessary SXSW Interactive attendee. Got questions about the present and future of web design and publishing for me or the illustrious panelists on Jeffrey Zeldman’s Awesome Internet Design Panel at SXSW Interactive 2011? You do? Bravo! Post them on Twitter using hashtag #jzsxsw and we’ll answer the good ones at 5:00 PM in Big Ballroom D of the Austin Convention Center.

Topics include platform wars (native, web, and hybrid, or welcome back to 1999), web fonts, mobile is the new widescreen, how to succeed in the new publishing, responsive design, HTML5, Flash, East Coast West Coast beefs, whatever happened to…?, and many, many more.

Comments are off here so you’ll post your questions on Twitter.

The panel will be live sketched and live recorded for later partial or full broadcast via sxsw.com. In-person attendees, arrive early for best seats. Don’t eat the brown acid.

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
Design experience facebook software Standards State of the Web The Essentials Unconscious Usability User Experience UX

Like and Friend are broken in Facebook.

I CANNOT LIKE Happy Cog’s new Facebook page, due to Facebook’s unexplained and arbitrary limitation on how many things a user is allowed to Like. In Facebook’s world, it seems I Like too many things, and that’s bad—even though a chief value of Facebook to advertisers is as a platform where users connect to brands by “Liking” them and encouraging their friends to Like them. Breaking the user/Like connection arbitrarily not only frustrates the user, it also runs counter to Facebook’s business model. Moreover, the vaguely worded error message is a lie. No matter how many things I remove from my pile of Likes, I still cannot Like anything new.

So the real problem may be that I have too many “friends” (i.e. colleagues, business contacts, actual friends, and family). I’m allowed 5000 and I have 5000. If you have 5000 friends, you can’t add more friends, because God forbid you help Facebook grow its network beyond an arbitrary cutoff point. Moreover, if you have 5000 friends, you apparently aren’t allowed to Like anything. You have to choose: friends or brands. Like anyone, I choose friends. As a result, I lose value to Facebook’s advertisers, whose products I can no longer Like. This inability to simultaneously Like people and things maps to nothing in the real world and makes no business sense, but here we are.

So Happy Cog has a Facebook page, and I founded Happy Cog, but I cannot like Happy Cog’s Facebook page. Even if I remove everything else I Like from my list of Facebook likes, I will still not be able to Like Happy Cog’s Facebook page, unless I start removing contacts, which I’m unwilling to do for obvious reasons.

If Facebook were an eager young startup, they would quickly fix this problem, which runs counter to all their business interests and is not based on any real system constraints. But, as we all know, Facebook is an insanely successful company, so they have no incentive to fix the things that are broken in their user experience.

I like Facebook. I don’t mind the brain-dead broken parts of Facebook; all web apps have broken, brain-dead parts. That’s what testing and user feedback are for: to find fix broken, brain-dead stuff. I hate, hate, hate thinking Facebook will never fix what is broken and brain-dead in its site used by half a billion people. Say “Amen,” somebody.

Categories
A List Apart Code Design Usability User Experience Web Design Web Design History Web Standards

Web Forms for Kids; SVG for Everybody

In Issue No. 323 of A List Apart for people who make websites, learn to love (and make cool stuff with) SVG and design web registration forms for kids.

Cross Platform Scalable Vector Graphics with svgweb

by Jim Ray

Pity Scalable Vector Graphics. It’s been an official standard since before IE6 was released yet has never found much of an audience on the web, certainly not the one it deserves. Just as SVG was starting to establish some browser support, along came the canvas tag, stealing the thunder of dynamically generated client-side images. Yet despite all the attention being paid to canvas, there’s still a place for SVG, particularly for developers looking to replace plug-ins like Flash for data visualization. Unlike canvas or other script-only approaches, SVG can be easily divided into design and code elements, with just a little code to add interactivity. It even works on devices like the iPad and iPhone. And now, thanks to svgweb and a clever use of Flash, it works on older platforms no one could have ever imagined supporting SVG. Jim Ray shows how.

Designing Web Registration Forms for Kids

by Debra Levin Gelman

Designing websites for kids is a fascinating, challenging, rewarding, and exasperating experience: you’re trying to create a digital experience for people who lack the cognitive capacity to understand abstraction; to establish brand loyalty with people who are influenced almost exclusively by their peers; and to communicate subjective value propositions to people who can only see things in black-and-white. Fortunately, it’s possible to create a successful registration process for these folks with an understanding of how their brains work. Debra Levin Gelman explores how to design effective registration forms for kids based on their context, technical skills, and cognitive capabilities.


Illustration by Kevin Cornell for A List Apart.

Categories
apps Best practices Community content Design social networking software Standards State of the Web Tools Usability User Experience UX

Own Your Data

Captured from Twitter, here is Tom Henrich’s partial reconstruction of my conversation with Tantek Çelik, Glenda Bautista, Andy Rutledge and others on the merits of self-hosting social content and publishing to various sites rather than aggregating locally from external sources.

via Own Your Data / technophilia

Categories
A Book Apart A List Apart Adobe An Event Apart Apple architecture art direction Authoring Best practices Big Web Show client services Code content content strategy creativity CSS CSS3 Dan Benjamin Design DWWS E-Books editorial Education eric meyer Fonts Formats Free Advice Happy Cog™ Haters industry Information architecture interface ipad iphone IXD javascript links maturity New Riders peachpit Publications Publishing Real type on the web Respect Responsibility Responsive Web Design Standards State of the Web tbws The Big Web Show The Essentials The Profession This never happens to Gruber Typekit Typography Usability User Experience UX W3C Web Design Web Design History Web Standards webfonts webkit Websites webtype work Working writing Zeldman zeldman.com

2010: The Year in Web Standards

WHAT A YEAR 2010 has been. It was the year HTML5 and CSS3 broke wide; the year the iPad, iPhone, and Android led designers down the contradictory paths of proprietary application design and standards-based mobile web application design—in both cases focused on user needs, simplicity, and new ways of interacting thanks to small screens and touch-sensitive surfaces.

It was the third year in a row that everyone was talking about content strategy and designers refused to “just comp something up” without first conducting research and developing a user experience strategy.

CSS3 media queries plus fluid grids and flexible images gave birth to responsive web design (thanks, Beep!). Internet Explorer 9 (that’s right, the browser by Microsoft we’ve spent years grousing about) kicked ass on web standards, inspiring a 10K Apart contest that celebrated what designers and developers could achieve with just 10K of standards-compliant HTML, CSS, and JavaScript. IE9 also kicked ass on type rendering, stimulating debates as to which platform offers the best reading experience for the first time since Macintosh System 7.

Even outside the newest, best browsers, things were better than ever. Modernizr and eCSStender brought advanced selectors and @font-face to archaic browsers (not to mention HTML5 and SVG, in the case of Modernizr). Tim Murtaugh and Mike Pick’s HTML5 Reset and Paul Irish’s HTML5 Boilerplate gave us clean starting points for HTML5- and CSS3-powered sites.

Web fonts were everywhere—from the W3C to small personal and large commercial websites—thanks to pioneering syntax constructions by Paul Irish and Richard Fink, fine open-source products like the Font Squirrel @Font-Face Generator, open-source liberal font licensing like FontSpring’s, and terrific service platforms led by Typekit and including Fontdeck, Webtype, Typotheque, and Kernest.

Print continued its move to networked screens. iPhone found a worthy adversary in Android. Webkit was ubiquitous.

Insights into the new spirit of web design, from a wide variety of extremely smart people, can be seen and heard on The Big Web Show, which Dan Benjamin and I started this year (and which won Video Podcast of the Year in the 2010 .net Awards), on Dan’s other shows on the 5by5 network, on the Workers of the Web podcast by Alan Houser and Eric Anderson, and of course in A List Apart for people who make websites.

Zeldman.com: The Year in Review

A few things I wrote here at zeldman.com this year (some related to web standards and design, some not) may be worth reviewing:

iPad as the New Flash 17 October 2010
Masturbatory novelty is not a business strategy.
Flash, iPad, and Standards 1 February 2010
Lack of Flash in the iPad (and before that, in the iPhone) is a win for accessible, standards-based design. Not because Flash is bad, but because the increasing popularity of devices that don’t support Flash is going to force recalcitrant web developers to build the semantic HTML layer first.
An InDesign for HTML and CSS? 5 July 2010
while our current tools can certainly stand improvement, no company will ever create “the modern day equivalent of Illustrator and PageMaker for CSS, HTML5 and JavaScript.” The assumption that a such thing is possible suggests a lack of understanding.
Stop Chasing Followers 21 April 2010
The web is not a game of “eyeballs.” Never has been, never will be. Influence matters, numbers don’t.
Crowdsourcing Dickens 23 March 2010
Like it says.
My Love/Hate Affair with Typekit 22 March 2010
Like it says.
You Cannot Copyright A Tweet 25 February 2010
Like it says.
Free Advice: Show Up Early 5 February 2010
Love means never having to say you’re sorry, but client services means apologizing every five minutes. Give yourself one less thing to be sorry for. Take some free advice. Show up often, and show up early.

Outside Reading

A few things I wrote elsewhere might repay your interest as well:

The Future of Web Standards 26 September, for .net Magazine
Cheap, complex devices such as the iPhone and the Droid have come along at precisely the moment when HTML5, CSS3 and web fonts are ready for action; when standards-based web development is no longer relegated to the fringe; and when web designers, no longer content to merely decorate screens, are crafting provocative, multi-platform experiences. Is this the dawn of a new web?
Style vs. Design written in 1999 and slightly revised in 2005, for Adobe
When Style is a fetish, sites confuse visitors, hurting users and the companies that paid for the sites. When designers don’t start by asking who will use the site, and what they will use it for, we get meaningless eye candy that gives beauty a bad name.

Happy New Year, all!

Categories
Big Web Show Design people The Big Web Show The Profession Usability User Experience UX Web Design Web Design History Web Standards webfonts work

The Big Web Show: Mandy Brown is up. Dana Chisnell is next.

Mandy Brown (Typekit, A Book Apart) on The Big Web Show

BIG WEB SHOW EPISODE 32 is now online for your listening and viewing pleasure. Mandy Brown (Typekit, A Book Apart) joins Dan Benjamin and me to
discuss the value of customer support, the present and future of type on the web, font choice on reader platforms, what traditional print publishers can learn from the new breed of web-based print publishers, why you’ve got to write, and why the future belongs to editors.

Dan and I thank all of you for listening, watching, and contributing your questions and comments in the chat room during the live sessions. You’ve made our little show worthwhile. We promise more thought-provoking questions and more great guests in 2011.

Dana Chisnell, usability expert, on Episode 33

Join us Thursday, 6 January 2011 at 1:00 PM Eastern for the live recording of Episode 33, as Dan and I talk with Dana Chisnell, co-author, Handbook of Usability Testing Second Edition (Wiley, 2008) about her election design usability project for the US Government, plus usable security, researching social interactions mediated by technology, whether UX is a female ghetto, and lots more.

Categories
content content strategy Design industry Information architecture IXD User Experience UX

UX: The Enemy Within

PEOPLE ARE SURPRISED to hear that I speak at conferences about content strategy and yet still do interaction design work for clients. Why can’t I love them both? I loved them both when I called them information architecture.”

Karen McGraneUX: The Enemy Within

Categories
A List Apart content Usability User Experience UX

Testing Content (A List Apart 320)

WHETHER THE PURPOSE of your site is to convince people to do something, to buy something, or simply to inform, testing only whether they can find information or complete transactions is a missed opportunity: Is the content appropriate for the audience? Can they read and understand what you’ve written? Angela Colter shows how to predict whether your content will work (without users) and test whether it does work (with users). While you can’t test every sentence on your site, you don’t need to. Focus on tasks that are critical to your users and your business. Learn how to test the content to find out if and where your site falls short.

A List Apart: Testing Content by ANGELA COLTER.

Categories
Apple Applications apps Best practices Design Usability User Experience UX

Et tu, Jon Stewart?

The iTunes Store now features a Daily Show app. When you click to purchase it, the store tells you it doesn’t exist/isn’t available under this name.

Apparently, Apple or MTV Networks has withdrawn the app—and the news never made it to the database. How is this possible?

The error message indicates that the app “may be available” with a different price or “elsewhere on the store.” Neither of these possibilities turns out to be true.

Imagine a shoe store with special shoes highlighted in the window. When you try to buy them, the clerk says you can’t, but they “may be available” elsewhere in the store for a different price.

Somewhere, Steve Krug is quietly weeping.

Categories
Community Design tweets twitter Urbanism Usability User Experience UX

Anatomy of the Goodreads.com Friend Spam Dark Pattern

Goodreads.com is social cataloging service for books. In this post you will see how they’ve used the friend spam dark pattern, but how they’ve also failed to make it go viral. This makes it interesting to carry out a post mortem and work out what they should have done.”

Anatomy of the Goodreads.com Friend Spam Dark Pattern

(Hat tip: Andrew Travers.)

Categories
Design mobile software Standards State of the Web Touchscreen Usability User Experience UX

Touch-based App Design for Toddlers

As always, Luke Wroblewski nails it:  

When kids interact with software they explore and engage with anything that looks interesting. Especially if it looks like content. Graphical user interface components don’t.

Consider the example of Dr. Seuss’s ABC book on the iPad. The intro screen uses colorful blobs to bring attention to large hit targets. But tap on one of these elements and up pops a standard modal menu asking you to select from one of three options. Modal menu dialogs and kids don’t mix.

More at lukew.com.

Categories
Design facebook Usability User Experience UX

Support the families of the fallen, if Facebook lets you.

ONSTAR WILL DONATE up to $250,000 to the families of police officers killed in the line of duty. For every person who fans OnStar, they will donate a dollar to the families. This is a great cause; I encourage you to fan Onstar and help the families of the fallen.

Sadly, I can’t do so myself, as Facebook has told me I have too many friends and fan pages.

How many friends is too many? Whom should I remove? Which fan pages should I unlike, if I could manage Facebook likes?

Here’s the nuttier part. Although I can’t add friends or pages, people can still add me. Every day at least half a dozen people do so. Some of them may have attended An Event Apart. Some may like A List Apart or A Book Apart. Others may have read Designing With Web Standards. Or this website. In some cases I know why people are reaching out to me; in others I don’t. This doesn’t bother me. I pretty much always say yes to new Facebook friends.

My reward for contributing significantly to Facebook’s content and networks is that I can never add another friend or fan another page (although anyone can add me as a friend).

Fanning Onstar to help the families of the fallen is much more important than this silly problem. I don’t lose sleep worrying about the friends I can no longer make on Facebook. I’m not complaining for personal reasons. I just wanted to point out—for my friends who work at Facebook and read this site—that Facebook’s rules about friends are arbitrary, incomprehensible, and broken. And in this case, this foolishness hurts (however slightly) the families of fallen officers. And that’s really not right.

Categories
Design Usability User Experience UX

Managing Facebook Like. Or not.

I’M ON FACEBOOK. I want to see everything I supposedly “like” and prune the list of things I don’t. There should be a page where I can do this—that’s UX Design 101—but instead there’s just a sidebar box on my profile page showing a rotating, random sampling of liked items. The box is fine as an outward-facing device: on my profile page, it gives visitors a teasing hint of some of the cool stuff a deep guy like me digs. But inward-facing-wise, as a tool for me to manage my likes, it’s useless.

At the top of sidebar box, there’s text stating that I currently have “372 likes.” The text is a hyperlink. Here’s what should happen when I click that link: I should be taken to a page listing my likes (or the first, say, 100 of my likes, with a pagination tool). Each liked item should link to its corresponding Facebook page in case I need to refresh my memory about it. (This is the one part Facebook actually gets right.) More importantly, each liked item should be preceded by a checkbox. I should be able to check off 50 items on the page that I no longer like, and press a button allowing me to delete them all at once.

A number of elegant variations will occur to even the least experienced interface designer at this point: Perhaps there’s a drop-down allowing me to choose functions other than deletion; perhaps there’s a link to “select all” or de-select all; and so on. Such variations could make Facebook’s hypothetical best-practice “like management” page easier, faster, or more pleasant to use. But they are pretty much beside the point, as Facebook does not provide a like management page when I click that stupid link.

When I click that link, what I get instead of a useful, simple management page—the kind we’ve been building in hypertext for over 15 years—is a small, in-page pop-up window, with a scrolling sidebar … because, like the sidebar box, this window is also a tease instead of a tool.

Inside that scrolling box is every item I’ve liked. I have to scroll to see anything beyond the first handful of liked items. There are no checkboxes. There is no master switch to delete one or more items. There isn’t even an in-place deletion button beside each listed item, like the primitive edit tool in the first iPhone 3G.

No, my friends. There’s nothing.

If I want to delete a liked item, get this! I have to click the item’s hyperlink, go to the individual item page, and then hunt around on that page in search of a tiny link that would let me “unlike” that item. If I manage to find that link and unlike that one item, there’s no confirmation dialog, and I’m not returned to the floating box, because the item’s like page doesn’t know about the box.

All that JavaScript, and no connections. All those pages, and not even the most basic tools.

And nobody complains. Why? Because nobody really uses liked items. Indeed nobody really uses Facebook, except to post links and photos and comment on their friends’ links and photos. Liked items are for advertisers, they’re not for you. In Facebook’s estimation, you don’t need to remove a page you no longer like, because you are never going to visit it anyway.

Hey, they have the stats, they know what their users do and don’t do.

Facebook is a charnel house of features that appeal to advertisers and businesses without actually being used, supported by tools that don’t work, for people who don’t care.

Now I, uh, like Facebook fine, for the same reasons you do (if you do), and I generally ignore its well-branded but otherwise abortive gestures toward key features that have made it famous without actually doing a damned thing—“like” being the people’s Exhibit A. But as a designer, it bothers me, not only because badly designed things bother designers, but because badly designed things in a highly successful product spur a lust for imitation. I don’t want our clients to think “like” works. I don’t want them desiring similarly broken functionality on sites we design for them. I don’t want them thinking users don’t need tools that work, simply because millions of users don’t complain about broken tools on Facebook. Tools like like and its sad little pop-up.

Me no like.