Categories
An Event Apart Applications Best practices business Design mobile Standards State of the Web Surviving

A Day Apart: Live Notes on Mobile Web Design with Luke Wroblewski

Luke Wroblewski, A Day Apart, Mobile Design

A FEW QUICK NOTES from the first hour of A Day Apart: Mobile Web Design, an all-day learning session led by Luke Wroblewski (aka Day III of An Event Apart Seattle), Bell Harbor Conference Center, Seattle, WA:

Audience questions for Luke

  1. How to take a website for desktop to mobile?
  2. Do we need to care about non-Webkit?
  3. Trade-offs between native and web
  4. How to navigate differences between different versions of Webkit?
  5. Mobile e-commerce: best practices
  6. Challenges with different cultures/languages
  7. Media queries
  8. If no budget, what can focus on web to make mobile ok?
  9. How to take a website for desktop to mobile?
  10. Mobile e-commerce best practices
  11. Multiple screen sizes and pixel densities
  12. Time for one project: go mobile or tablet (in e-commerce)
  13. CMSes and mobile—sigh
  14. Best practices for page load

WHY MOBILE? Convincing clients/bosses to care

  • Of the 50% of total mobile commerce in the US, 70% of it is coming from one iPhone application (eBay).
  • eBay: global mobile sales $2 billion in 2010, $600 million in 2009. Real commercial opportunities emerging on mobile.
  • Best Buy: mobile web users doubling every year: 30M (2010), 17M (2009), 6M (2008).
  • PayPal: mobile transactions increased six-fold in 2009: $25M to $141M.

SOCIAL

  • Double-digit (28%) rise in social networking on mobile web.
  • Twitter: 40% of tweets sent via mobile, 16% of new users start on mobile.
  • Facebook: 200 million active mobile users.
  • Instagram: iPhone only app took three months to hit one million users. Six weeks later they hit two million users.
  • Mixi (Japan): 85% of page views on mobile vs. 14% 4.5 years ago.

PRODUCTIVITY AND MEDIA

  • Google: mobile searches grew 130% in Q3 2010
  • Pandora: 50% of total user base subscribes to the service on mobile
  • Email: 70% of smartphone users have accessed email on mobile device

“I don’t want to be the record executive clinging to CD sales.”

ADDITIONAL USAGE

Yelp: every other second a consumer calls a local business and generates driving directions from a Yelp mobile app.]]27% of all Yelp searches come from their iPhone application, which had 1.4 million unique users in May 2010.

Zillow.com: Viewing active listings 45% more often from mobile devices (audience is primarily active buyers, on location or scoping out neighborhoods)

Facebook: People who use Facebook on their mobile devices (200M active) are twice as active on Facebook as non-mobile users.

Shift in Usage

Let’s look at Gmail:

  • Visitors to web-based emails sites declined 7%.
  • Visitors accessing email on mobile devices increased 36%.

But what about mobile web usage?

Twitter Usage

40% of tweets sent via mobile.

16% of new users start on mobile.

Mobile web usage

  • Mobile phones will overtake PCs as the most common web access devices worldwide by 2013.
  • 600% growth in traffic to mobile websites in 2010.
  • Facebook and Twitter access via mobile browser grows by triple digits in 2010.
  • Average smartphone user visits up to 24 websites per day.
  • Top 50 websites constitute only 40% of mobile visits.
  • Opera Mini traffic up 200% year/year.

For more…

Follow the live tweets at afeedapart.com.

Categories
Applications apps architecture art direction Authoring Best practices Brands business Community content Damned Fine Journalism Design Designers development Happy Cog™ Journalism at its Finest Microblogging Platforms State of the Web The Big Web Show

Episode 39: Crowd Fusion’s Brian Alvey live on The Big Web Show

Brian Alvey

BRIAN ALVEY (home, Twitter) is our guest on The Big Web Show Episode 39, recording live Thursday, February 16, at 12:00 PM Eastern at 5by5.tv/live.

Brian is CEO of Crowd Fusion, a publishing platform that combines popular applications like blogging, wikis, tagging and workflow management, and a leader in the content management world. He co-founded Weblogs, Inc.—home to Engadget, Autoblog, TUAW and more—and built the Blogsmith platform, both of which were acquired by Aol and are essential to their current strategy. Brian has been putting big brands on the web since 1995 when he designed the first TV Guide website and helped BusinessWeek leap from Aol to the web.

Brian built database-driven web applications and content management systems for many large companies in the 1990’s including Intel, J.D. Edwards, Deloitte & Touche and The McGraw-Hill Companies. His 1999 Tech-Engine site was a “skinnable HotJobs” which powered over 200 online career centers including XML.com, Perl.com, O’Reilly & Associates Network, DevShed, and Computer User magazine.

He has been the art director of three print magazines (I met him in 1995 when he was art director for “Net Surfer” or something like that) and was the Chief Technology Officer of Rising Tide Studios where he developed The Venture Reporter Network, which is now a Dow Jones property.

In 2003, Brian invented and launched Blogstakes, a sweepstakes application for the blogging community. He is a former Happy Cog partner of mine; at Happy Cog, Brian built content management systems for customers including Capgemini, A List Apart, and the Kansas City Chiefs. He was also the creator and host of the Meet The Makers conference, a series of talk show-style events that were so compelling, they helped inspired me to create An Event Apart with Eric Meyer.

And I’ll stop there. Ladies and gentlemen, a legend and true creative force in this medium. Please join us at tomorrow on 5by5.tv/live for a lively and wide-ranging discussion.

The Big Web Show (“Everything Web That Matters”) records live every Thursday at 12:00 PM Eastern. Edited episodes can be watched afterwards, often within hours of recording, via iTunes (audio feed | video feed) and the web. Subscribe and enjoy!

The Big Web Show #39: Brian Alvey.

Categories
.Mac Apple Applications apps books business Design podcasts Publications Publishing

Episode 38: Macworld’s Jason Snell live on The Big Web Show

Macworld editorial director Jason Snell is our guest on The Big Web Show (“Everything Web That Matters”) Episode #38, recording live Thursday, February 10, at 12:00 PM Eastern. Jason, co-host Dan Benjamin and I will discuss the future of publishing, Macworld’s evolving digital strategy, and of course our favorite computers, phones, apps, and tablets.

Jason Snell is editorial director of Macworld. He’s been covering Apple since 1994. He’s also the host of The Incomparable Podcast, at theincomparable.com.

The Big Web Show (“Everything Web That Matters”) records live every Thursday at 12:00 PM Eastern. Edited episodes can be watched afterwards, often within hours of recording, via iTunes (audio feed | video feed) and the web. Subscribe and enjoy!

The Big Web Show #38: Jason Snell – 5by5.

Categories
"Digital Curation" Apple Applications apps architecture art direction ipad

Flipboard Update Preview

Jeffrey Zeldman Presents, viewed in Flipboard; screenshot by Craig Mod

FLIPBOARD, AS YOU DOUBTLESS know, is a social media magazine for iPad. Part RSS reader, part iPad publication uniquely curated by each reader, the app brings serendipity, discovery, and typographic excellence to the experience of keeping up with one’s friends on Twitter, Facebook, and so on. This morning (last night in Japan), a new, improved version of Flipboard was launched, offering designers like us even more visual pleasure and rewarding the hours we put into our content’s semantic underpinnings.

Designer Craig Mod, in a letter, told me his “goal was to try and produce one of the best RSS experiences out there.” It’s accomplished via features like those listed below and more, as seen in these screenshots Craig sent me from his pre-launch tests:

  • auto-small caps
  • portrait and landscape optimized typography
  • full bleed images
  • flowing of text based on image size and location in the document
  • auto-generation of [figure] and [figcaption] objects based on alt
    text on images

Adds Craig, “What’s great is that the more semantic and clean your feed, the better it will look in the app.”

Download Flipboard or update your copy in the iTunes Store and see.

Jeffrey Zeldman Presents, viewed in Flipboard; screenshot by Craig Mod

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
A List Apart Accessibility Advocacy Applications apps

ARIA-WAI cool

Issue No. 319 of A List Apart, for people who make websites.

Issue No. 319 of A List Apart for people who make websites tackles the intersection between web apps, WAI-ARIA, JavaScript, and accessibility.

ARIA and Progressive Enhancement

by DEREK FEATHERSTONE

For seven years, progressive enhancement has been how we build sustainable, interoperable, and accessible web solutions.

Now that the release of ARIA is approaching, let’s see how ARIA fits within progressive enhancement strategy. Can we use ARIA in a way that respects progressive enhancement? Can we use ARIA in ways that ensure we have a working solution at every level?

The Accessibility of WAI-ARIA

by DETLEV FISCHER

Web developers interested in accessibility issues often look to WAI-ARIA to bridge the accessibility gap created by ubiquitous scripting and make web applications more accessible to blind and visually impaired users. But can we recommend WAI-ARIA without reservation? Are there times when appropriate semantic HTML elements are preferable to custom widgets?

About the Magazine

A List Apart explores the design, development, and meaning of web content, with a special focus on web standards and best practices.

Illustration by Kevin Cornell for A List Apart.

Categories
A List Apart Acclaim An Event Apart Announcements Applications apps Authoring Best practices Browsers Code Community conferences content creativity CSS CSS3 Design HTML5 Ideas industry javascript Microsoft Scripting Standards State of the Web UX W3C Web Design Web Design History Web Standards

Awesome web apps in 10k or less

The 10K Apart Challenge had a simple premise: Could you build a complete web application using less than 10 kilobytes? … A joint effort between An Event Apart and MIX Online, the 10K Apart reaped 367 web applications in 28 days—everything from casual games to RIAs—that demonstrate, even with their tiny footprints, what is truly possible with modern [web] standards.

Read about the winning entries: 10K Apart – IEBlog.

Categories
Accessibility Adobe Advocacy Apple Applications apps architecture art direction Authoring Best practices business development E-Books editorial Flash Formats Free Advice glamorous HTML HTML5 industry ipad iphone Publications Publishing Responsibility Standards State of the Web The Essentials W3C Web Design Web Design History Web Standards

iPad as the new Flash


Jeffrey Zeldman Presents

iPad. Never have so many embraced a great product for exactly the wrong reasons.

Too many designers and publishers see the iPad as an opportunity to do all the wrong things—things they once did in Flash—without the taint of Flash.

In the minds of many, the iPad is like Flash that pays. You can cram traditional publishing content into an overwrought, novelty Flash interface as The New York Times once did with its T magazine. You may win a design award but nobody will pay you for that content. Ah, but do the same thing on the iPad instead, and subscribers will pay—maybe not enough to save publishing, but enough to keep the content coming and at least some journalists, editors, and art directors employed.

It’s hard to argue with money and jobs, and I wouldn’t dream of doing so.

Alas, the early success of a few publications—publications so good they would doubtless survive with or without iPad—is creating a stampede that will not help most magazines and interfaces that will not please most readers.

Everything we’ve learned in the past decade about preferring open standards to proprietary platforms and user-focused interfaces to masturbatory ones is forgotten as designers and publishers once again scramble to create novelty interfaces no one but them cares about.

While some of this will lead to useful innovation, particularly in the area of gestural interfaces, that same innovation can just as readily be accomplished on websites built with HTML, CSS, and JavaScript—and the advantage of creating websites instead of iPad apps is that websites work for everyone, on browsers and devices at all price points. That, after all, is the point of the web. It’s the point of web standards and progressive enhancement.

Luke Wroblewski’s Touch Gesture Reference Guide gives designers plenty of ammunition to create dynamic user experiences that work on a wide variety of mobile phones and devices (including iPad) while these same sites can use traditional desktop browser effects like hover to offer equally rich experiences on non-touch-enabled browsers. Unless your organization’s business model includes turning a profit by hiring redundant, competing teams, “Write once, publish everywhere” makes more economic sense than “Write once, publish to iPad. Write again, publish to Kindle. Write again, publish to some other device.”

I’m not against the iPad. I love my iPad. It’s great for storing and reading books, for browsing websites, for listening to music and watching films, for editing texts, presentations, and spreadsheets, for displaying family photos, and on and on. It’s nearly all the stuff I love about my Mac plus a great ePub reader slipped into a little glass notebook I play like a Theremin.

I’m not against iPad apps. Twitterific for iPad is by far the best way to use Twitter. After all, Twitter is really an internet service, not a website; Twitter’s own site, while leaps ahead of where it used to be, is hardly the most useful or delightful way to access its service. Gowalla for iPad is my constant companion. I dread the idea of traveling without it. And there are plenty of other great iPad apps I love, from Bloom, an “endless music machine” by Brian Eno and Peter Chilvers, to Articles, which turns Wikipedia into an elegant reading experience, to Mellotronics for iPad, an uncannily accurate Mellotron simulator packed with 13 authentic voices—“the same production tapes featured on Strawberry Fields Forever” and other classic tracks (not to mention tracks by nouveau retro bands like Eels).

There are apps that need to be apps, demand to be apps, and I admire and learn from them like every other designer who’s alive at this moment.

I’m just not sold on what the magazines are doing. Masturbatory novelty is not a business strategy.

Categories
Apple Applications apps Best practices Big Web Show books Code Culture Dan Benjamin Interviews ipad Journalism at its Finest Microauthoring Microblogging Publications Publishing Standards SVA The Big Web Show

Paul Ford on The Big Web Show

Paul Ford

Paul Ford is our guest on The Big Web Show, taped live before an internet audience at 1:00 PM ET tomorrow, 14 October 2010, on the 5by5 network at live.5by5.tv.

Paul is a freelance writer and computer programmer. He was an editor at Harper’s Magazine from 2005–2010, and brought Harper’s 159-year, 250,000-page archive to the web in 2007; the system now supports tens of thousands of registered subscribers. More recently he helped the media strategy firm Activate with the launch of Gourmet Live, a re-imagining of Gourmet Magazine for iPad, and co-founded Popsicle Weasel, a small company totally focused on microsites.

He has written for NPR, TheMorningNews.org, XML.com, and the National Information Standards Organization’s Information Standards Quarterly, and is the author of the novel Gary Benchley, Rock Star (Penguin/Plume). Paul programs in PHP, Java, and XSLT2.0, but lately is all about Python and Django. His writing has been anthologized in Best Software Writing I (2005) and Best Music Writing 2009. He enjoys both software and music.

He will teach Content Strategy at the School of Visual Arts in New York City starting in 2011. His personal website, started in 1997, is Ftrain.com. He lives in Brooklyn, New York with his wife Mo and the obligatory cats.

The Big Web Show (“Everything Web That Matters”) is recorded live in front of an internet audience every Thursday at 1:00 PM ET on live.5by5.tv. Join us!

Edited episodes can be watched afterwards, often within hours of recording, via iTunes (audio feed | video feed) and the web. Subscribe and enjoy!

Categories
Accessibility Adobe Advocacy Apple Applications apps architecture Authoring Best practices Browsers business Code content strategy CSS3 Design Designers development editorial Happy Cog™ HTML HTML5 industry javascript Platforms Publications Publishing Real type on the web Standards State of the Web The Essentials The Profession W3C Web Design Web Design History Web Standards webfonts webtype Zeldman

The future of web standards

Jeffrey Zeldman on the future of web standards.

“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 newer, more mature, more ubiquitous web?”

The Future of Web Standards by Jeffrey Zeldman

Originally written for .net magazine, Issue No. 206, published 17 August in UK and this month in the US in “Practical Web Design” Magazine. Now you can read the article even if you can’t get your hands on these print magazines.

See also: I Guest-Edit .net magazine.

Categories
Applications apps art direction Authoring CSS Design Web Design Web Design History Websites

960 Pixel Grids Made Easy

Listen up, web designers. From Stuntbox with love comes Gridulator, a dandy free web application that calculates multi-column grids for all your pixel-based web layout needs. Creator David Sleight explains how it works:

Tell Gridulator your layout width and the number of columns you want, and it’ll spit back all the possible grids that have nice, round integers. Just the thing for pixel-based designfolk. There are inline previews, courtesy of the canvas element, and when you’re all set Gridulator can crank out full-size PNGs for you, ready for use in your CSS, Photoshop docs, or what have you. And there’s full keyboard control for you snazzy power users.

More:

Thanks, Stuntbox!

Categories
Applications apps Big Web Show Chicago Design Small Business software The Big Web Show Typography

Episode 20: Designing Web Applications, Managing Teams, and Creating Readability


Rich Ziade

Rich Ziade, creator of the popular reading tool Readability, guests on Thursday’s today’s episode of The Big Web Show, co-hosted by Dan Benjamin and taped before a live internet audience.

Richard Ziade is the founding partner of Arc90, a consulting firm, product shop, and idea incubator based in New York City. Arc90 has a reputation as one of the best web application design shops around. Alas, nearly all their web application design work is for private corporate clients. Thus most of us don’t get a chance to see and learn from Arc90’s work. Fortunately we can get a taste of what they’re about by visiting the Arc90 Lab, where the company shares ideas, tools, and the occasional experiment in web technology.

During Thursday’s Friday’s taping of The Big Web Show, we will probe Rich (if you’ll excuse the disgusting imagery) to find out where his ideas come from, how Arc90 manages the balance between product development and client services, and how to build a reputation when your client services agreements prevent you from having a public portfolio. I will also try to force Rich to tell our listeners if he has any awesome future plans for Readability.

Prior to Arc90, Richard worked in various roles crossing disciplines in design, technology and product management. Rich shares his occasional thought on design and technology at his blog: www.basement.org.

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

Categories
Announcements Applications apps Community conferences content Design

Announcing Lanyrd

No, it isn’t a Happy Cog project (it’s by Simon Willison and Natalie Downe) but we couldn’t love Lanyrd, the social conference directory any more if we’d created it ourselves.

Lanyrd uses Twitter to tell you which conferences, workshops and such your friends are attending or speaking at. You can add and track events, and soon you’ll be able to export your events as iCal or into your Google calendar (the site is powered by microformats). Soon, too, you’ll be able to add sessions, slides, and videos.

The site’s not for everyone. It’s for people who attend web/UX conferences, and as it was created by inhabitants of the UK, it presently focuses mainly on Western European and North American events, but that will change as more people use it.

Congratulations and thank you, Natalie and Simon.

Categories
Apple Applications apps art direction Design Designers Fonts ipad

iPad Fonts Petition


Jeffrey Zeldman Presents

Dear Apple: It is a triumph of engineering and marketing and general cause for joy that Apple provides highly functional iPad versions of Keynote, Pages, and Numbers for a mere $9.99 apiece. Alas, the iPad versions’ inability to import or transfer fonts diminishes the apps’ value and utility.

You, Apple, have done much to foster today’s design culture, so it is no surprise to you that we designers are particular about the fonts we use. One font is not the same as another. Helvetica is not the same as Franklin or Gotham. You know this as well as we do. Which means you also know that, in transferring Keynote presentations and Pages layouts between the Macs and iPads you sell us, our joy gets dented when the iPad replaces our fonts with “a close match” or Helvetica.

And it’s not just a matter of joy. I sometimes spend weeks on a Keynote presentation, and so do my colleagues. We’d love to be able to work on them whether we have a Mac or an iPad at hand—that, after all, is the promise of the devices we buy from you; frankly, it is the promise of all computers. But when the iPad loses my fonts, it loses me. A Keynote presentation with substitute fonts is of no use to me, except perhaps as a rehearsal tool—and I can just as easily rehearse with a PDF.

Please either add the ability to retain fonts (and all their settings) when importing Keynote, Pages, and Numbers documents from computer to iPad, or else please create a simple font management tool for the iPad that allows us to import a reasonable subset of our fonts to the device.

Sincerely,

Jeffrey Zeldman
and…

Categories
A List Apart An Event Apart Announcements Appearances Applications architecture art direction Best practices Browsers chrome Code CSS CSS3 Damned Fine Journalism Design Designers editorial Education engagement glamorous Happy Cog™ HTML HTML5 Ideas industry interface ipad iphone launches Layout photography Press Publications Publishing Real type on the web Responsive Web Design Standards State of the Web The Big Web Show The Essentials The Profession This never happens to Gruber type Typography User Experience UX W3C Web Design Web Design History Web Standards webfonts webkit Websites webtype writing Zeldman zeldman.com

I guest-edit .net magazine

Web 2.1. Zeldman guest-edits .net magazine.

A List Apart and .net magazine have long admired each other. So when .net editor Dan Oliver did me the great honor of asking if I wished to guest edit an issue, I saluted smartly. The result is now arriving in subscriber post boxes and will soon flood Her Majesty’s newsstands.

In .net magazine Issue No. 206, on sale 17th August in UK (and next month in the US, where it goes by the name “Practical Web Design”), we examine how new standards like CSS3 and HTML5, new devices like iPhone and Droid, and maturing UX disciplines like content strategy are converging to create new opportunities for web designers and the web users we serve:

  • Exult as Luke Wroblewski shows how the explosive growth of mobile lets us stop bowing to committees and refocus on features customers need.
  • Marvel as Ethan Marcotte explains how fluid grids, flexible images, and CSS3 media queries help us create precise yet context-sensitive layouts that change to fit the device and screen on which they’re viewed.
  • Delight as Kristina Halvorson tells how to achieve better design through coherent content wrangling.
  • Thrill as Andy Hume shows how to sell wary clients on cutting-edge design methods never before possible.
  • Geek out as Tim Van Damme shows how progressive enhancement and CSS3 make for sexy experiences in today’s most capable browsers—and damned fine experiences in those that are less web-standards-savvy.

You can also read my article, which asks the musical question:

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 newer, more mature, more ubiquitous web?

Today’s web is about interacting with your users wherever they are, whenever they have a minute to spare. New code and new ideas for a new time are what the new issue of .net magazine captures. There has never been a better time to create websites. Enjoy!


Photo by Daniel Byrne for .net magazine. All rights reserved.