Zoom

The bottom right is a video loop demonstrating the various gestures. When you click options on the left, the video changes to show just the selected gesture. Even though the new trackpad gestures are fairly intuitive, Apple went the extra mile to train users in a slick and effective way.

The iPhone is loaded with subtle but wonderful design touches:

1. I use the iPhone to pipe music through my car stereo via the audio jack. When I get out, I don’t have to go to iTunes and hit “pause”. I just unplug the audio jack and it pauses automatically.
2. When music is playing and I get a call, it fades the music instead of stopping abruptly.
3. By holding “home” and “hold” I can take a screenshot of with the iPhone. A nice touch, useful for bloggers doing iPhone reviews, showing clients what designs looks like on mobile Safari, emailing friends screencaps from Google maps, etc.

My favorite example of the iPhone’s fit and finish is something most people won’t ever encounter: the orientation of the iPhone LCD polarization.

I have polarized sunglasses. I can’t tilt most screens — like the one on my Canon camera — vertically or the polarization blacks out the display. The iPhone orients the polarization diagonally so I can see the screen both horizontally and vertically.

iPhone as seen through polarized glasses

That’s downright considerate design.

Offender: Network World

The Crime: Popping a modal for a “how can we make our site better?” survey.

Here’s a suggestion: don’t cover what I’m trying to read with a modal dialog. I can’t imagine that they’d get very good data from that survey. Only someone whose time is worth nothing would do a survey like that. It’s much better to make improvements by passively analyzing traffic data and use patterns.

Let’s be real though. You know this survey is about collecting marketing demographic data and not “improving the website.”

Verdict: Evil and Stupid

Offender: Xerox

The Crime: Popping a modal demanding to know what country I’m coming from.

They’re already guessing I’m from a U.S. IP address. Why not just set the country to their “best IP guess” and let users change it if necessary? If users try to download or purchase something that requires country confirmation, then ask for it explicitly.

Verdict: Hamfisted, but not Evil.

Offender: Michael Port, well known marketing person (I’ve heard)

The Crime: Worse than a modal, it’s a pop-over ad that obscures every visit to the homepage.

Something like this could possibly be justified if shown just once and if the offer was really compelling. Out of morbid curiosity I clicked it and got — not a super awesome special offer from Michael Port, but a cheesy greeting card affiliate program.

Look, if you’ve got something really great and you want people to use it, make it the main thing on your homepage, within the flow of the design. Don’t bash users over the head with an ad dialog that forces them to find the “close modal” button before they can see anything else.

Verdict: Inept and also evil because it uses modals as a new form of popup ad.

Probably drew the brain a bit big for an SEO consultant. Feel free to steal this image.

Usually I encourage people not to be afraid of blogging, because you can recover from  any blog-related mistake — except unrecoverable data loss. The worst thing that can possibly happen is that you spend years writing posts and then, BOOM! something goes wrong and you lose everything.

You can avoid that nightmare scenario with a solid backup strategy.

• For self hosted WordPress blogs I use the excellent WordPress Database Backup Plugin. It gives you an admin panel where you can set up (and this is key) automated scheduled backups that go to your email inbox. Every day I get an email with a zip file of my blog database backup. I doubt my backup file will ever get bigger than Gmail’s 10MB attachment file size limit. My ~200 posts are only 600KB when all zipped up.
• For WordPress.com or TypePad hosted blogs you’ll have to set up a recurring calendar event (say once a week) and manually “export” your posts and comments. WordPress.com and TypePad are (hopefully) totally secure and backed up, so you shouldn’t ever experience data loss, but it’s best to be safe.
• Feedburner email updates are another option. Just subscribe to email updates of your RSS feed and auto archive them. It would be a pain to restore your blog from these emails, but at least you’ve got an automated secondary backstop, just in case.
• What about backing up images used in posts, plugins, and custom themes? If you’re self hosted, you can FTP to your sever and download the folders that contain these. (For WordPress just grab the /wp-content/ folder which contains everything you’ll need). There is a WP plugin that backs up files, and a 3rd party blog backup service, but I haven’t tried either of them. If you know what you’re doing you could also set up a cron job to automatically backup your files to another server or your own computer. Remember, a backup isn’t a backup unless it’s in a different physical location than the original.
• I’m on TypePad or WordPress.com, how do I back up images? You’re stuck, unless you want to page backwards for all those posts and manually save those images. The best thing to do is save any images you upload in a folder on your own hard drive. Note: all reputable hosted blog providers let you export your posts and comments, but they typically don’t let you easily export your images or template files. It’s a nasty bit of hidden vendor lockin.
• How do I back up my WordPress/MovableType installation? The good news is you don’t really need to back up your WP/MT installation. If something happens, you can always download it again.
• So what’s the WordPress Ninja Way? Here’s my setup:
  1. I use the WordPress database backup plugin to get automated emailed backups.
  2. My entire WordPress setup (themes, plugins, and core installation) lives in Subversion version control. This is like TimeMachine for my blog’s source code. This means I have a copy on my own computer, on the web server, and in my SVN repository. I can go forward and backward in each file’s history, and see every change I’ve made. I wouldn’t expect a “normal” person to know how to do this, but if you’re a developer, I’d say “shame on you for not using version control“.
  3. Important: my “uploads” folder that holds uploaded images and files is explicitly excluded from Subversion. It’s done this way for technical reasons that I’m to lazy to go into right now. To back up the uploads I have a recurring calendar event that reminds me to manually grab the folder via FTP.
  4. Also, I always keep my WordPress installation and plugins patched and up to date and I use hard to guess passwords.

Resources and further reading:

1. WordPress Database Backup Plugin
2. WP plugin that backs up files
3. 3rd party blog backup service
4. Havi Brooks’ ongoing series about dealing with blogging hangups
5. Backing up your WordPress.com blog
6. Official WordPress documentation on backups

Related posts:

• In the event of Zombie apocalypse, please keep blogging
• My bulletproof computer backup strategy guide

He’s right. It would be stupid to start a “gadget” blog today. Engadget and Gizmodo have that market sewn up. They achieved critical mass first so they get the leaks, the scoops, and the invites to trade show back rooms. No lone blogger could compete with that.

Boutin is also wrong. Today is the perfect time to start a blog. This is why:

• As Paul Graham says, writing about something clarifies your thinking about it.
• According to Seth Godin, your blog is now your résumé. Actually, having a blog is far more powerful than a résumé because blogs are discoverable, searchable, and followable. The last time I wrote a résumé it didn’t make me any smarter or better connected.
• Forget traffic and revenue. The first artist painted on the cave wall to tell the universe “I WAS HERE”. He wasn’t out to goose pageviews for AdSense revenue.
• Even if you were the last person on Earth, it would still be worthwhile to keep a journal. It would keep you sane for one, and second, it’s human nature. We’ve been documentarians from the beginning. From our first oral histories, to cave paintings, to Voyager’s golden data disc, we are a species of scribes.

Finally, time has proven that entrenched players are never invincible. Eventually their new hires care more about the paycheck than changing the world, and that’s when a David comes along who doesn’t play by Goliath’s rules.

While I was writing this my friend Havi Brooks of Fluent Self posted another in her “Blogging Therapy” series entitled: “Why even bother when other people are doing it better?“. Great stuff, timely too.

What’s great about the new MacBooks (and MacBookPros):

• Totally awesome new “slits” for the breathing “sleep” light and IR ports. Though you’d think Apple would have the technology to add a Cylon/K.I.T.T. sensor sweep motion by now.
• New multi-touch trackpad. The trackpad has no button, but it does click down when you press it. The feeling was indistinguishable from my previous laptop button. I always turn on “tap to click” with trackpads, but now it’s even better because of new gestures like “three finger swipe to go forward or back” in Safari and iPhoto. Gestures kick ass. BTW, the trackpad is glass, but it doesn’t feel any different, and it doesn’t really look especially glossy.
• Easy access for replacing hard drive, battery, and RAM. If you’ve read my guide to upgrading a MacBookPro hard drive you know what how scary/painful it used to be.
• New “Chicklet” keyboard. Didn’t really like the chicklet keyboard on MacBooks before, but it feels more solid now. Maybe I’m just falling for it because the industrial design is so beautiful.
• Magnetic latch. The latch button on my current MacBookPro still works fine, but it shows signs of wear. It’s the only part of my laptop that doesn’t look brand new. It’s nice not to have to find a button to stick my fingernail into.
• Glass panel screen. I’m mildly torn on this one, but the glass LCD comes down on the side of “awesome”. Matte (non glossy) LCDs are usually superior because the color stays true and you don’t have to deal with reflections. Previously the “glossy” LCDs just had a glossy finish on plastic, and they looked a bit rippled instead of glassy smooth. Anyway, these new LED LCDs are much brighter than the old LCDs, which mitigates the reflection problem, and with glass you get much better scratch protection. When some office jackass or toddler puts their fingers all over your screen it will be easier to clean. Long term, all monitors will be glass  anyway because iPhone-style multi-touch is going to be everywhere. You heard it here first.

What sucks about the new MacBooks

Bottom line, to differentiate (i.e. segment for maximum profit) their laptop line, Apple is crippling them in nefarious ways.

• No Firewire. This means no target disk mode, though supposedly there’s a migration assistant that works over USB. Lots of people are upset about it. It’s just such an obvious screw to users. The MacBook is such a compelling machine that it has to be crippled in a way that makes it useless to music and video pros, and IT-ish types who tend to buy Firewire hard drives. Otherwise why buy the “Pro” model?
• No backlit keyboard on $1299 MacBook. Not really a big deal, but still, kind of lame. Just throw it in, you know? Also, the clerk I talked to about it had no idea that the lower end MB doesn’t have a backlit keyboard. It’s always fun to go to a store when you know more about the products than the sales clerks. Note: the way to indentify the lower end MacBook is that it doesn’t have controls for keyboard brightness on the function keys.
• They both use a new mini external monitor port, and no adapter is included. An “outrageous cash grab” according to APCMag, and I agree. It will cost you $50 to get a DVI adapter so you can use an external monitor. I love Apple products, but the NUMBER ONE THING I HATE ABOUT APPLE is that they are TOTALLY INCAPABLE OF LEAVING ANY MONEY ON THE TABLE. It’s almost abusive how they make you re-buy iPod docks, cables, connectors, and accessories. They even tried this with the 1st gen iPhone audio jack. Dicks.

Pictures and a movie

Video of clicky trackpad

front of macbook showing new light and latch

close up of new macbook sleep light and IR port

closed front of new aluminum macbook showing magnetic latch

new macbook aluminum magnetic latch close up

close up of new macbook keyboard

bottom of new macbook showing hard drive and battery access panel and new rubber feet

hand showing size of new aluminum macbook

new pink 4th generation ipod nano

Couldn’t resist showing the “hot pink is the new black” nano.

What other people are saying:

• Top 10 things you didn’t know about the new MacBook
• The T-Poll: Is the Death of MacBook FireWire an Outrage?
• Interesting facts about the new MacBooks

The HUGE thing HP’s web designers/marketers did wrong:

• HP.com’s homepage makes no mention of the kick ass product they’re spending tons of ad dollars on — Instead they show house ads for “Save 50%” and “Buy Inkjet Toner!” (screenshot). HP, don’t show me $500 laptops you’re riding to the bottom of the ocean, show me exciting products that you might actually be able to charge a premium for.

This is a spectacular GAME OVER failure because:

They just lost everybody who couldn’t remember the exact URL from TV (hp.com/touchsmart – screenshot). This blunder is even more shocking because they could easily have featured the TouchSmart while still showing their house ads, but they didn’t. GAME OVER.

What else they did wrong:

• The dreaded URL guessing game — HP.com/touch, /smarttouch, and /multitouch didn’t work. I had to specifically remember HP.com/touchsmart.
• The “right” URL redirects to an unfriendly long URL — Uncool. Whenever you have a choice between making URLs easy on your Content Management System and making things easy on human customers, make things easy on customers. Unfriendly URLs look menacing and they make it less likely that I’m going to cut and paste that URL so I can tell friends about it.
• I came to see a video of the product in action, don’t make me hunt for it — When you’re not showing multitouch in action, pictures of the screen just look like a standard monitor. I should automatically see video of someone interacting with it or at least a big juicy “DEMO” button.
• Ugh, Flash… — Flash is appropriate for video demoing the touch function, but there’s no reason to build the whole site in flash, and there’s no excuse for having a “skip intro”.
• THE BUY NOW BUTTON IS BROKEN (!) — I clicked “buy one now” and was greeted with a bunch of 3rd party store logos (screenshot). They were clickable, but I had to hover over them to find that out. Now, here’s the best part: The store “purchase” links trigger Flash popups which don’t work in Firefox, Safari, or even IE7. So, I’ve demonstrated a willingness to buy, but I can’t because HP used Flash popups instead of simple Flash links!
• Selling through 3rd parties on the web is dumb — Imagine that the Amazon popup had worked. After all I’ve been through, now I have to 1) Have or create an account somewhere else and 2) Go through all the steps that the purchase requires.

The most basic rule of usability is “DON’T MAKE ME THINK” and the HP TouchSmart campaign breaks that rule in spades. Why add a bunch of unnecessary steps between getting someone interested in your product and letting them buy that product?

I should update my “media contact” page to say:

No descriptions of my person reminiscent of Bambi frolicking in a meadow will be tolerated. However the following descriptions are acceptable:

• Steely visage
• Grim countenance
• Square jawed god among men
• Hulking brute
• Sexual Tyrannosaurus

Otherwise Thompson’s article was spot on. You could read it and Clay Shirky’s Here Comes Everbody and learn most of what you need to know about social networking software.

Related post: Why Twitter is 100000X better than Facebook

A moment later I remembered that Shazam solves the “wish I knew what song this is” problem. Great iPhone applications are like having superpowers that aren’t second nature quite yet.

Shazam quickly identified The Virgins’ “Rich Girls”. With one more click we were watching the video on YouTube. We did all this on the slower EDGE network and it still worked beautifully.

The rest of the night my friends played with my iPhone, sampling songs playing at The Short Stop just to see if Shazam would guess right. It was so compelling that Yuko wants to break her existing cell contract to get an iPhone. Think about that:

Fixing the pain of discovering overheard music is worth at least $2,700 over two years to some people.

The opportunity is huge, but radio, XM/Sirius, and anyone else who can’t put a “buy it now” button on stuff that piques our interest will be left out.

For me the dead giveaway of a bad office is when developers aren’t given the best equipment. Developers make money for companies with their butts, hands, eyes, and minds. That’s why two points of the Joel Test are “quiet conditions” and “the best equipment”, yet in every day job I’ve had I’m the anomaly because I insist on having good equipment. Meanwhile other developers muddle through with 17-inch fading LCDs.

More symptoms of an organization that disrespects developers are fantasy schedules, death marches, and other development anti-patterns shown in the video.

We can all relate, but why do we tolerate it? Fear that we don’t deserve respect? Fear of being a troublemaker?

Whatever the cause, remember that if you’re good, they need you way more than you need them. Act accordingly.

I’m this close to launching a new art-centric blog, but these wouldn’t wait.

Speaking of which, I need help naming the new “not just my stuff, but also the work of friends and emerging artists” site.

Preliminary brain scans of my ever-loving TwitterPals narrowed the name down to:

• Doodleist.com
• Sketchify.com

Which name do you prefer? Please say so in the comments, click on the name you like to register a vote, or email me if you’re shy. Thanks!

You were expecting maybe Alan Alda?

More mixed media greeting cards by Tony Federico.

That extra couple of bucks attracts people who care about movies while it repels teenagers and assorted jackasses who just want a dark place to talk on their cellphones.

Another thing, so far I haven’t experienced catastrophic movie failure at an Arclight screening. Meanwhile, at other theaters:

• When I saw Revenge of the Sith on opening night the film starting doing that horizontal scroll thing right before the climactic triple amputation. That’s right, the movie moment I’d been waiting for my whole life, the one I’d spent hours in lines for and sat through six hours of crap prequel for, was totally ruined by EPIC THEATER FAIL.
• During Star Wars Episode 1: The Phantom Regard for Our Childhood the sound kept cutting in and out.
• My brother the film buff reports that during the pivotal “architect” scene in Matrix 2 (aka superfluous crap sequel part 1) the film snapped.
• He also reports that the latest Indiana Jones movie was ruined by blurry projection that the manager couldn’t or wouldn’t fix. (The hamfisted script didn’t help)
• My friend Yuko saw The Dark Knight in IMAX at Universal City Walk on opening weekend and the film melted.

When movie reels melt on a big opening weekend, the theaters do a worse job making it up to customers because the mob is furious, and many just leave in frustration without elbowing through to get their “free” comp ticket (as if a do-over at the same crappy theater makes it all right).

By the way, this is how The Dark Knight’s opening weekend went down at the Arclight Hollywood:

This is why:

The open source ecosystem is an ocean. Your PC is an aquarium.

For platforms the internet relies on, you want Free Open Source Software all the way. Linux, MySQL, Apache, PHP, and Firefox being open source helps keep themselves and their commercial competitors honest. The open source software ocean is often choppy, dangerous, ugly, and hard to navigate, but it is robust.

When it comes to the PC you work on, you want things to be pretty, elegant, functional, curated. You need the best tool for the job, regardless of its origin. This is especially true of the hardware and OS. They need to get out of your way and just work.

Mac users aren’t open source hypocrites, though we are sometimes guilty of torturing metaphors.

For the past two weeks I’ve been getting two calls a day from telemarketers at (866) 402-1044 (may they burn in hell forever and ever amen).

Yes, I’m on the do not call list.

Yes, the first couple of times they called I said “take me off your list”.

Yes, I’ve filed a complaint.

Now all I can do is wait, and that’s the real problem:

Last month I paid over $300 for an iPhone, I’m obligated to pay AT&T $2,400 over the next two years, and Apple and AT&T WON’T PROTECT ME FROM SPAM?!?

I give Google zero dollars a year, and they block spam. If a spam gets through, the “mark as spam” button nukes it and helps make the spam blocker smarter.

The iPhone should give me the option to send calls from bad numbers to a black hole: no ring, no vibrate, no screen message, no entry in “recent” or “missed” calls, no voicemail. Apple didn’t even build in a silent ringtone that I could set to bad numbers; I have to jump through a bunch of hoops to get one.

AT&T is just as useless. This is the only page on AT&T’s site I could find that says they don’t offer call blocking. Nice right?

AT&T does have a “Parental Controls” product for $5/month per line that lets you block calls from specific numbers, but I’m already paying about $100/month, and anyway, I don’t have a multi-line “family plan” so “Parental Controls” isn’t even an option.

To add insult to injury, when I went to AT&T’s customer site to sign up for bill pay and to research this issue, these checkboxes were pre-checked:

Note: these checkboxes weren’t part of the signup process, I had to discover them in the “my profile” section after signing up. Niiice.

I try to keep things lighthearted/non cussy around here, but in this case I just have to say FUCK AT&T and FUCK Apple.

Let’s look at three emails I’ve gotten from services that have permission to contact me:

1) iTunes Receipt for $0.00 (plus my precious attention)

enlarge

No money changed hands. Why do I need a receipt? I know what apps I downloaded, they’re sitting on my iPhone home screen. Hmm, haven’t fondled the iPhone in a few minutes, better do that now… [licks touchscreen]

2) Jott’s “Everything is OK” alert

Jott has several email notification options that you can mix and match:

• Email confirmation of every Jott note I create. (too noisy)
• Daily email, whether or not I’ve done anything new.
• Weekly email, same as above. (too infrequent)

The email I need instead is “send me a daily summary email, only if I’ve created a Jott”. I sent an email to Jott requesting this, and this is what they sent back:

Hey Nathan,
Thanks for the suggestion!
Have a great day,
Brooke

Nice.

3) Sonic Living wishlist alerts (the example that rocks)

Why this wins:

• Interestingness: “Sweet! A rock show is coming to my town!”
• Relevance: “Not just a rock show, but a show by an artist with at least [x] number of songs in my iTunes library. Awesome!”
• Actionability: Especially the one that says “buy tickets”.

Great work Sonic Living. I remember when I found you a few years ago. I was thinking to myself, “why can’t iTunes tell me when bands I love are coming?” so I googled that and we’ve been in love ever since.