aiaio - the Alexander Interactive blog tag:www.alexanderinteractive.com,2008-11-14:/blog//1 2010-02-05T19:18:58Z Movable Type 4.23-en The sum of its parts tag:www.alexanderinteractive.com,2010:/blog//1.318 2010-02-05T18:13:36Z 2010-02-05T19:18:58Z I've been reading and thinking a lot about the iPad (how do you not?) since posting my initial, underwhelming reaction to its launch announcement last week. And, suffice to say, I've changed my opinion rather drastically. The iPad will be,... David Wertheimer I've been reading and thinking a lot about the iPad (how do you not?) since posting my initial, underwhelming reaction to its launch announcement last week. And, suffice to say, I've changed my opinion rather drastically.

The iPad will be, for many, greater than the sum of its parts.

Because on a checklist, the iPad disappoints. But then, this happens a lot. Consider the first iPhone: no physical keyboard, no picture messaging, no video, etc. But the device quickly overcame those detractions.

What the iPhone had, and what the iPad probably has, is totality. Apple's genius in start-to-finish user experience design is well documented, and the iPad will be no exception. Interactions large and small, short and long, will all be easy to execute and fun to try. And it won't take long before people yearn for one.

I noted last week that it's likely a perfect complement for someone with a desktop computer: one device for heavy lifting, one for casual use. And the more I consider it, the more I think that's the likely scenario.

This gadget is also a harbinger of the future. Apple is banking on people working more in the cloud, using shared and networked services, and interacting in new ways. It's already happening; Ai, for one, despite griping about its flaws, uses Google Docs extensively. I know my own life has shifted from POP email and file hierarchies to IMAP and file search. Throw in a few multimedia subscriptions and the entire paradigm could shift for good.

Plenty of people have said this similarly and more eloquently than me; I particularly like Mike Monteiro's observation, that the iPad is the cinema's device of the future. So add me to the list of believers, with a dollop of humility.

]]> HTML5, Round 2: Semantic Markup tag:www.alexanderinteractive.com,2010:/blog//1.316 2010-02-03T14:12:03Z 2010-02-05T16:05:36Z The semantic web is an ever-evolving development to define the meaning of content viewed on the web. It is the responsibility of an HTML developer to build web pages with a sharp understanding of how the front-end markup should be... Skottey Forden The semantic web is an ever-evolving development to define the meaning of content viewed on the web. It is the responsibility of an HTML developer to build web pages with a sharp understanding of how the front-end markup should be structured. With the upcoming release of HTML5, new tags will be introduced to the language that will enable more fluid communication between the web and the people and machines that use it.

The common practice of laying out HTML markup these days is the use of the <div> tag, using id or class attributes to block out content. New tags included in HTML5 will display a much more readable layout when defining areas of a web page. Some of the important tags in this group are <section>, <aside>, <header>, <footer>, and <nav>. It is likely that most of these tags clearly state what they are doing, but each still deserves it's own explanation:

  • <section>
    This tag will be used to define generic content within a document. While id and class attributes will still be needed, this will still lay out a cleaner mode of blocking content than the now-standard <div> tag, thought the latter tag will not be deprecated and can still be used.
  • <aside>
    Sidebar content will be separated using this tag to show content that is "to the side" of main content areas. Generally this content is partially related to the primary focus of a given web page.
  • <header> and <footer>
    The topmost and bottommost blocks of content are often referred to as the "header" and "footer." Naturally, HTML5 introduces tags that clearly define this. It is likely that id and class attributes will no longer be needed with the use of the tags, unless a developer opts to use the <header> tag inside of a <section> tag.
  • <nav>
    Navigation menus will have their own tag in the markup, however it is uncommon for modern websites to have less than three nav menus on a single page, so id and class attributes would still be needed.

Below is a screenshot of how this code might look. The new tags form a much more readable structure to the markup of the page. It creates a much cleaner view and gives the viewer a better of understanding of what is being displayed.

semantic_screenshot.jpg

View a live example (it may not be the prettiest site, but it's more for the markup than anything)

One of the most beautiful aspects of the above examples is the HTML Document Type Declaration, or DOCTYPE. It is the absolute first statement in every single web page, and is used to trigger standards mode in a browser and then determines what iteration of the language is in use. In earlier versions, there was specific data required as part of the declaration, which may look something like this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Earlier versions of HTML were based on SGML, Standard Generalized Markup Language, but HTML5 is not and therefore has no need for the extra junk in the DTD. Here is the new one:

<!DOCTYPE html>

As previously stated - beautiful.

There are a few other new tags that are still worthy of mention: <article> to block content for blog entries or news articles, <dialog> used for marking up a conversation, and <figure> to be used when associating a caption with embedded content (audio or video).

It is debatable whether these new standards should be used, considering that full cross-browser support for HTML5 is not there yet. Firefox, Safari, Chrome, Opera, and a few smaller browsers will support most of these new tags, but older versions of Internet Explorer will not. Allegedly, there is a way to use JavaScript to force Internet Explorer to acknowledge that the new tags exist, but if a user has JavaScript disabled in their browser, the page will not render properly. Given that IE6 and IE7 still have a large-enough share on the browser market, this hack method does not seem sound enough to use in common markup yet.

The direction the semantic web is going will no doubt enhance the overall user experience of the web, even if the user is not consciously aware of it. This markup overhaul will create a better environment to display content and has the potential to make web pages even just slightly faster and more scalable. These are all good things.

]]> Coming on too strong tag:www.alexanderinteractive.com,2010:/blog//1.315 2010-02-02T16:37:27Z 2010-02-02T16:40:17Z GrokDotCom has a nice writeup of a too-eager lead-generation strategy on rent.com. Try too hard, ask for too much too soon, and instead of securing leads, a site just scares people away. I like the post's takeaway, which summarizes things... David Wertheimer GrokDotCom has a nice writeup of a too-eager lead-generation strategy on rent.com. Try too hard, ask for too much too soon, and instead of securing leads, a site just scares people away.

I like the post's takeaway, which summarizes things well: "Remember, it's not about you or your sales process. Your visitors are volunteers in the process and are coming to your site with motivations and intent."

Whether on a home page, a product page, or deep into checkout, visitors have their own reasons for being on a website. The site can only do so much to steer those users into a set action. Don't try so hard! Give people accessible options and let them do what works for them.

]]> Ai and Internet Retailer tag:www.alexanderinteractive.com,2010:/blog//1.314 2010-02-01T18:29:03Z 2010-02-01T18:38:21Z Ai is pleased to be mentioned not once but twice in this month's Internet Retailer. (We're in the print magazine as well as the website.) The cover story, The dollars are in the details, quotes this author as well as... David Wertheimer Ai is pleased to be mentioned not once but twice in this month's Internet Retailer. (We're in the print magazine as well as the website.)

The cover story, The dollars are in the details, quotes this author as well as other industry experts on how to nail the details in UXD. Ai's angle, as always, is to combine analytical research with active listening and observation of users' needs and behaviors.

More expansively, Alex Schmelkin and Josh Levine are quoted at length in a profile on customer-centric web design. Our mantra, as always: understand motivations, empower users, and test, test, test!

In addition to being mentioned in IR, Team Ai is also going to IR: in two weeks we'll be in sunny Orlando for the Internet Retailer Web Design 2010 conference. Ai has some serious coverage this year, which we'll be detailing in a news item shortly but includes:

  • Two days of private design consultations, run by Josh Levine and Ed Samour
  • Two live on-the-fly site critique presentations, featuring yours truly
  • Ai's first expo floor booth; stop by and say hi!
With numerous clients in the Internet Retailer 500, we're excited to be such active participants this winter.
]]> First thoughts: iPad tag:www.alexanderinteractive.com,2010:/blog//1.313 2010-01-27T19:29:20Z 2010-01-27T19:58:33Z I've been monitoring the Engadget feed like everyone else, and I can't give a full verdict until I play with it, but at a glance, I'm not excited by Apple's new iPad. Why? First, because of what it is:A big... David Wertheimer I've been monitoring the Engadget feed like everyone else, and I can't give a full verdict until I play with it, but at a glance, I'm not excited by Apple's new iPad.

Why? First, because of what it is:

  • A big iPhone. Truly, that's how it is modeled, from the OS outward. Which means it has a similar form factor, the same beautiful glossy screen, and the same interfaces... which makes it just as scary to drop and very hard to put in one's pocket. True, the niche is different; Apple is targeting the "I don't want to lug my laptop" crowd with the iPad's 9.7" screen, half-inch depth and 1.5-lb. weight, all good things. But it's not a true laptop replacement, as I'll detail later.
  • A 3G device--on AT&T's network. The last thing AT&T needs (and that anyone is going to want) is more devices crowding its 3G bandwidth with unlimited-use devices. If this product is a hit, T is in for a rough year.
More important, though, is what it isn't. Apple, of course, is often ahead of the game with its focus. The first iPod did nothing but play music; the iPhone didn't do copy-paste or Exchange sync; and so on. And perhaps the iPad will be more successful because of what Apple deliberately left out of it.

For my $499 and up, though, I'd expect to have some of these things in the iPad, all of which are purposefully missing:

  • Multitasking. Apple spent a long time demonstrating iWork, but without multitasking, users can't pingpong between apps to reference data, copy-paste or preview. Productivity is decidedly secondary.
  • Featherlight specs. Yes, one and a half pounds for this device is very nice. But a Kindle weighs 11 ounces, an iPhone less than 5. It's a portable device that's only somewhat portable. More like a coffee-table device (as expected) than one to tuck under the arm.
  • A camera. What self-respecting Internet-centric gadget ships without a camera in 2010? Between chat, photo and video, cameras have become an expectation, not a perk. And the last thing an iPod user will want is wired peripherals. (Also, as reminded by @chrisfahey: no handwriting or voice recognition.)
  • Enticing pricing. Sure, the $499 starting point is alluring, but at $829 for an all-in model, it's not as cheap as it looks.
I'm no gadget prognosticator, and as an Apple shareholder, I hope I'm wrong. But this looks like it's going to be a bit of a niche product, at least at first. It may turn out to be an incredible gaming and reading platform, in which case I will gladly make my retractions and add one to my own gadget stable. But from here, thus far? Color me iUnderwhelmed.

Of course, I could always be wrong.]]> Designing for every audience tag:www.alexanderinteractive.com,2010:/blog//1.312 2010-01-22T21:25:16Z 2010-01-22T21:41:05Z Did you know Google's Chrome browser already has 5 percent of the global browser market? That it's bigger than Safari? And are you aware that, despite your (or your designer's) disinclination toward it, Internet Explorer 6 still commands roughly 12-15%... David Wertheimer Did you know Google's Chrome browser already has 5 percent of the global browser market? That it's bigger than Safari?

And are you aware that, despite your (or your designer's) disinclination toward it, Internet Explorer 6 still commands roughly 12-15% of the space?

These figures--and the specifics of browser traffic on one's own website--matter, a lot, when new projects get underway. Google's 5% market share means it's officially a player in the browser wars and not just a side project. That means adding it to QA plans and considering some of its innovations, like proper use of HTML5.

At the same time, the continued prevalence of IE6, however sad, means that cutting-edge site design still needs to degrade gracefully to support the many corporate web surfers that can't upgrade their browsers. Certain b2b or enterprise-positioned websites may have an even greater percentage of IE6 traffic, just as sites with a more academic or creative bent often have an outsize share of visits using Safari.

All of which just serves as a reminder that multiple browser testing and compatibility remain crucial in web design in 2010. The same hurdles the industry faced when balancing Netscape and IE in 1999 exist today, perhaps even more so. Expect the cries for standardized code to get louder this year and next as the market shifts and fragments. And in the meantime, don't forget to give your site a proper run-through. Or four.

]]> HTML5, Round 1: The Video Tag tag:www.alexanderinteractive.com,2010:/blog//1.311 2010-01-21T16:17:28Z 2010-02-03T18:38:10Z As an Ai Fender, I live in a world of HTML markup. The next revision of this language is HTML5, though it is currently not fully supported across all browsers. Some of the core ideas behind HTML5 are to create... Skottey Forden As an Ai Fender, I live in a world of HTML markup. The next revision of this language is HTML5, though it is currently not fully supported across all browsers. Some of the core ideas behind HTML5 are to create more semantic markup based on usage of modern browsers, and to say farewell to the necessity of proprietary plugins required to access certain types of media on the web - namely audio and video content.

For the first in my series of emerging front-end web technologies, I am going to detail the new <video> tag feature. This may not be the most important new feature of HTML5, but I am certain it will be the most widely-used by the general population of internet users. Video content on the web has evolved immensely over the last five years - YouTube, Hulu, Vimeo, and the list goes on. It would be difficult to find a person who has used the internet and never watched a single video on YouTube.

Currently, users need the Shockwave plugin to view Adobe Flash content, or the Silverlight plugin to view Microsoft Silverlight content. The <video> tag will now allow internet users to view video content without the need to download such third-party plugins to view said content. This could easily boost a site's traffic and page views if more users can access the video content.

Below is a simple example of the <video> tag in action. Unfortunately, it will only be viewable in Mozilla Firefox, Apple Safari, or Google Chrome (more to come on those browsers after the video).

For those not using a browser capable of handling the <video> tag, I have also included screenshots of what the players in each browser look like.

firefox.jpgFirefox Video Player

safari.jpgSafari Video Player

chrome.jpgChrome Video Player

Each browser has it's own unique user interface for displaying video content. The player controls all have the basic, fundamental features one would expect: play/pause, scrub through timeline, view time, and ability to control volume. Negative points to Safari for a lack of volume level slider and only giving mute functionality. Though I am sure that all browsers are still fine-tuning their interfaces as this technology is more or less a work-in-progress.

The major drawback to this new method of displaying video content is the formatting of the files used. Safari and Chrome both require their video files to have an H.264 codec or most other Quicktime codecs (Adobe Flash also utilizes the H.264 codec for Flash Video/FLV files), where Firefox requires the OGG Vorbis codec. What this means for developers is the need for multiple video file formats included in the markup, which is actually quite simple and not time-consuming.

The real problem exists with OGG and how difficult it is to find a means to export a video file to that format. It is not impossible, but a plugin is required to use with video conversion software in order to export a video to .ogg format. Ultimately, it is now the task of the developer to install a third-party plugin needed in conjunction to this <video> tag, even though the plugin is not for a browser. But if it aids in creating a better experience for the end user, I am absolutely okay with it.

YouTube has an opt-in experimental version of their video player built using HTML5, but it will only work in browsers that support both HTML5 and H.264 codec. Give it a try: http://www.youtube.com/html5

]]> Duane Reade, testing customer loyalty tag:www.alexanderinteractive.com,2010:/blog//1.310 2010-01-17T03:24:04Z 2010-01-17T05:05:16Z Duane Reade introduced a new rewards program today. I happened to be in a Duane Reade this afternoon, where the cashier swiftly upgraded me to the new system and gave me a thick coupon book for my loyalty. The pharmacy... David Wertheimer Duane Reade introduced a new rewards program today. I happened to be in a Duane Reade this afternoon, where the cashier swiftly upgraded me to the new system and gave me a thick coupon book for my loyalty.

The pharmacy and quick-shop chain is promoting its new program, Flex Rewards, as a consumer-friendly upgrade. They cite the new system's non-expiring reward points and paperless redemption as the main improvements.

Which is great, until the consumer finds out the real meat behind the change:

What Rewards will I receive?
You will receive a $5 Reward for every 500 FlexRewards points earned.
The old Duane Reade Dollar Rewards Club offered a one-point-per-dollar system that was blissfully simple: spend $100, earn 100 points, get $5 in store credit. It was simple and useful enough that I actually kept my rewards card handy, and I earned a handful of redemptions.

The new program is more confusing and far less valuable. Consumers now get two points per dollar spent and the same $5 reward now comes at 500 points. Or, in layman's terms, after $250 spent rather than $100. Earning the five bucks just became two and a half times as difficult.

Flex Rewards also has a couple of gimmicks in the system, such as SuperSaver, which encourages customers to not redeem their points in exchange for bonus points back when they finally spend the credit. It's a cash-back system that feeds itself.

If any of this has heads spinning, I suspect it's by design. Duane Reade has devalued its loyalty program by a minimum of 60 percent. It cloaked the bad news in technical upgrades and new schemes that try to divert attention away from the devaluing.

With Flex Rewards, Duane Reade stands to give away a lot less value in 2010 than it did in 2009. If I had a stake in the company, I'd be pleased with the new program. As a regular Duane Reade customer, though, I'm probably just going to stop using my card.

]]> Ecommerce news, January 14 tag:www.alexanderinteractive.com,2010:/blog//1.309 2010-01-14T21:51:21Z 2010-01-14T21:57:07Z Spotted around the Internet: Recommended best practices for 2010 are all customer-centric: access to phone numbers, user-focused testing, trust marks, simplified processes. One survey of the holidays puts December 2009 online retail at +18%. And if you're wondering, it's not... David Wertheimer Spotted around the Internet:

Recommended best practices for 2010 are all customer-centric: access to phone numbers, user-focused testing, trust marks, simplified processes.

One survey of the holidays puts December 2009 online retail at +18%.

And if you're wondering, it's not too soon to pitch St. Patrick's Day to your readers.

]]> Getting reviews on your ecommerce site tag:www.alexanderinteractive.com,2010:/blog//1.308 2010-01-08T19:38:05Z 2010-01-08T19:41:41Z Good little piece on customer reviews from Retail Customer Experience. I like the data points cited, which are worth repeating: 70% of users trust reviews, 64% find them important, and 47% place greater value on reviews than the manufacturer information... David Wertheimer Good little piece on customer reviews from Retail Customer Experience. I like the data points cited, which are worth repeating: 70% of users trust reviews, 64% find them important, and 47% place greater value on reviews than the manufacturer information provided. Crazy? Only if you ignore it....

]]> Ecommerce news, January 7 tag:www.alexanderinteractive.com,2010:/blog//1.307 2010-01-07T14:54:10Z 2010-01-07T15:05:20Z Spotted around the Internet: Mobile ecommerce visits have grown tremendously in the past year; eBay and Amazon are getting millions of sessions monthly, and Netflix mobile traffic is up 240%. Email performed well in holiday 2009, with higher open and... David Wertheimer Spotted around the Internet:

Mobile ecommerce visits have grown tremendously in the past year; eBay and Amazon are getting millions of sessions monthly, and Netflix mobile traffic is up 240%.

Email performed well in holiday 2009, with higher open and click rates than in years past, likely a reflection of the bargain-hunting online masses this past season.

Those bargain hunters mentioned above cite deals and cool site features as the reasons they're shopping online.

And a trend alert: Macy's experienced 1% same-store growth in December, a good-enough result for the season—but macys.com was up almost 30 percent.

]]> Why the Nexus One isn't exciting tag:www.alexanderinteractive.com,2010:/blog//1.306 2010-01-06T14:49:48Z 2010-01-06T15:46:54Z The public release of Google's phone was news but not an event yesterday. (The New York Times used "some polite applause" and "shakes but doesn't upend" in its coverage headlines.) Why? Because Google didn't physically make the phone. In partnering... David Wertheimer The public release of Google's phone was news but not an event yesterday. (The New York Times used "some polite applause" and "shakes but doesn't upend" in its coverage headlines.)

Why? Because Google didn't physically make the phone.

In partnering with HTC, a company that produces cell phones for every US carrier and two different operating systems, Google ceded control of the overall experience. Never mind that the handset is slim and fairly attractive. It's also generic, and apparently imperfect. When David Pogue pushes your phone's home button, you really don't want it to fail.

There's a huge difference between designing and engineering a device, as Apple did with the iPhone and Palm with the Pre, and a company having a device "built to its specifications". Google was telling HTC, "We want our phone to do this," and HTC was putting the requisite componentry in place. This tends to minimize holistic product definition and by its very nature waters down the innovation. In contrast, Palm and Apple (and Motorola and Nokia, for that matter) manage the entire process, and their software is designed to complement the hardware, maximizing user experience. Google, a company that is strictly virtual, doesn't know how to do this.

Software companies that venture into hardware have to embrace the role of hardware manufacturer. This is true beyond smartphones: consider how Microsoft, which built an empire on software, hit a home run with its Xbox by controlling the end-to-end product creation. (Microsoft makes great computer accessories, too; I'm using a Microsoft keyboard and mouse right now.) But we never saw a Microsoft-branded PC produced by Compaq in the 1990s. All or nothing.

Google is a formidable company with incredible technological prowess. I'm not placing bets against Android just yet. The relative mediocrity of the Nexus One, though, is exactly what we should have expected.

]]> The next Apple gadget tag:www.alexanderinteractive.com,2010:/blog//1.305 2010-01-05T20:12:55Z 2010-01-05T20:38:26Z With sources as authoritative as the Wall Street Journal confirming the pending introduction of a tablet computer from Apple, one can assume the cat's out of the bag for the big Apple news on January 27. But what does it... David Wertheimer With sources as authoritative as the Wall Street Journal confirming the pending introduction of a tablet computer from Apple, one can assume the cat's out of the bag for the big Apple news on January 27. But what does it mean?

I'm throwing my hat in the kill-the-small-laptop camp. The iPhone proved that people will use computing power in a portable manner and without a physical keyboard. Despite the name, the iPhone is indeed a computer, with a clever 3.5" form factor. And people use it as such. Indeed, Ai has ecommerce clients generating sales from iPhone browsers on non-mobile-optimized websites.

Given that, why not continue to redefine the portable computing space? Steve Jobs must scoff at netbooks, with their minuscule keyboards and compromised feature sets. Better to redefine the experience with a new kind of device. Just like the iPhone has redefined pocket-sized power, so too can the tablet redefine the small-laptop market.

Apple is shooting for the personal, casual computing market, folks like me who like to get online sitting on the couch and folks like Nathan who want a three-pound computer to travel with. It will be big enough to type on and clear enough for reading, gaming and web browsing.

I bet the tablet's pixels per inch will be impressively high, like the 160 ppi of the iPhone. Most Mac desktop and laptop displays hover around 110 ppi. An 11" screen at 160 ppi will provide almost the same amount of pixel real estate as a 13.3" MacBook screen does now. This will help minimize people's perception that they're giving up detail for size.

Yesterday I postulated to my coworkers that the 13" MacBook is going to disappear. But now I suspect it will turn Pro a few months after the tablet comes out. Portable computing power is important, and with a tricked-out technology package, the MacBook will differentiate itself. Expect MacBooks to shift in price from $1199 and up to $1499 or higher, with the tablet coming in around the thousand-dollar mark.

Whatever it turns out to be, expect irrational and unrivaled consumer desire and interest for it, on a scale that only Apple creates. Google's phone news is a business story: "Look at Google aiming for the smartphone market." But Apple's news is cultural. Which is why they may succeed in their latest attempt to change the game.

]]> Jack Vs Spider tag:www.alexanderinteractive.com,2009:/blog//1.304 2009-12-24T15:23:40Z 2009-12-24T15:24:52Z One last one before the new year Our VP of Security takes on an 8 legged intruder... Tim Broder http://www.alexanderinteractive.com/ One last one before the new year

Our VP of Security takes on an 8 legged intruder

]]> Happy holidays from Ai tag:www.alexanderinteractive.com,2009:/blog//1.303 2009-12-23T20:27:39Z 2009-12-23T20:28:27Z Barring a last-second epiphany from one of our contributors, aiaio is going into its winter hibernation, returning in January. See you in 2010.... David Wertheimer Barring a last-second epiphany from one of our contributors, aiaio is going into its winter hibernation, returning in January. See you in 2010.

]]>