Easier Colors

Thibaut Sailly shared some interesting thoughts today on the value of using CSS preprocessors like LESS and SASS. One item that stuck out to me was his comment about using the system-wide color picker on OS X:

[...] Referencing colors by "blueGreen_4" is more efficient than "fourth blue from the right in the system palette I set you up last week".

This reminded me that many UX designers, visual designers, and developers I've worked with are unaware of the color palettes tab in the system color picker. Using it can save a lot of time if you work solo and a lot of headaches if you work in a team.

Most people are familiar with the default view of the color picker. There is a color wheel. Beneath it is an area for saving color swatches for re-use.

Screen Shot 2012-10-08 at 12.59.55 PM.png

However, as Thibaut mentions, trying to pick out "the fourth blue from the right" in the swatches area at the bottom is difficult and tedious. One of the color picker's useful tricks is the ability to create palettes with named colors. These days, I spend most of my time here:

Screen Shot 2012-10-08 at 12.15.23 PM.png

Not only can you create your own palette and name the colors, but you can quickly switch between different palettes:

Screen Shot 2012-10-08 at 12.15.12 PM.png

Even better, you can send these palettes to other people. Create a new palette and you'll find it saved in ~/Library/Colors/. Send all the palettes you've created to your team and you'll never have to count those tiny swatches at the bottom of the color picker again.

Anyone needing detailed instructions on how to work with this part of the color picker should reference Robin Wood's instructions.

Map Accuracy Isn't All That Matters

Once upon a time I ran usability studies on Google Maps back when state-of-the-art in mobile technology meant installing a Java app on your phone. (Yes, I know nobody in the real world actually did this, but back in 2006 us mobile geeks wanted to believe.) To make sure I knew the ins and outs of the technology I would be basing the study on, I took a Motorola Razr V3 to the streets of San Francisco to see what it was like to have Google Maps in my pocket. At the time, it felt like living in the future.

It’s been fun watching the evolution of maps on mobile devices since then. The current Apple maps accuracy debacle is interesting,[1] but it has caused other important changes in the maps app to be overlooked.

Search Suggestions

When I was testing Google Maps on that Razr, my initial excitement died down pretty quickly. As soon as I tried to do anything other than find my current location I hit a brick wall. I remember standing on a street corner, spending no less than 10 minutes entering an address on that tiny numeric keypad. There was no question that I was holding some extremely cool technology in my hands, but I had to admit that in practical terms it was useless.

Touchscreen devices have taken us a long way from those days. But searching maps always involves the worst-case scenario for text input. Autocorrect has to be disabled, which makes typing a location extremely fiddly. Combine this with some of the common scenarios for using a maps app: while you’re walking down the street; while you’re talking to someone trying to find the address of that restaurant you want to go to; while you’re in the car driving. In short, you’re forced to fly without autopilot when you’re at your most distracted.

Apple now has added search suggestions to maps. Type a few letters, tap on one of the items in the suggestions list. This alone makes it vastly easier and faster to find things. ’Nuff said.

Di Fara pizza. If you don't know, now you know.​

Di Fara pizza. If you don't know, now you know.​

Vector Map Tiles

One of the many benefits of using vector map tiles instead of the old bitmap tiles is that much less data has to be sent to your phone. Again, common usage scenarios involve being out and about on the cell phone network rather than on a fast Wi-Fi connection. In my usage, the new maps load much faster and I can pan and zoom without constantly staring at the empty grid pattern.[2]

Tap for Info

Lastly, it’s now possible to tap on a business or point of interest for more information. This has been a feature of Google Maps on the desktop web for so long that it was a regular and unwelcome surprise not to be able to do the same on the iPhone. There are times when it’s quicker to zoom in on a known location and tap for info instead of typing an address. Each time the old maps app didn’t behave this way was a slight frustration.

tap for info half.png

Details

There’s a common theme running through all these improvements: speed. Maps have to be accurate, yes, and by most accounts Apple has their work cut out for them in that area. But as I found out when I was testing Google Maps back in the bad old days of flip phones, speed can make or break a mapping app just as effectively as bad data, and any improvement in that area is welcome.

After all the negative publicity, I was surprised to find myself liking the new maps app much better than the old Google Maps-based one. These improvements don’t make for good linkbait headlines. You can’t demo them like you can with Flyover in order to sell phones.[3] And they certainly aren’t groundbreaking never-been-done-before features – indeed, they’ve been present in Google Maps on the desktop and Android for some time. But that doesn’t make them any less of an improvement for all iPhone users. Unlike Flyover, you benefit from these refinements every time you use the app. As always in design, the details matter.

There are still more improvements that could be made. Yelp integration is good, but making you switch to the slow-loading Yelp app to find out key information like opening hours is a sub-par experience.[4] And yeah, there’s that whole accuracy thing that maybe someone should look at. Details, right?

Update: Lukas Mathis makes a good point (via email):

The main usability difference I noticed is that, with Apple’s new app, I can’t easily zoom. There’s a threshold for rotation; if you don’t pinch your fingers reasonably straight, the map starts to rotate. Happens to me about once every three or four times, and it’s driving me bonkers…


  1. I wish there had been as much of an uproar last year when Google Maps was mistakenly placing my zip code in Inwood, all the way at the northernmost tip of Manhattan, rather than in the Lower East Side where it actually is. It might not have remained that way for 6 months.  ↩

  2. They are also very responsive. I had the chance to use maps on a Nexus when Google first switched to vector map tiles on Android. Panning and zooming was sluggish. I don’t know whether this was due to the underpowered GPU dealing with complex vector data, poorly tuned software, or something else. This seems to be a non-issue on current devices, but it seemed to me that Google pushed out vector tiles before they were ready.  ↩

  3. Food for thought: Apple is reported to have spent almost $270 million to acquire C3 Technologies, the company behind the 3D Flyover feature. A feature that adds almost nothing to the real-world utility of the maps app. Should that money be accounted for as R&D or marketing?  ↩

  4. Can we get rid of splash screens once and for all please?  ↩

On the iPad as the Future

I won’t beat around the bush. The iPad is the future of computing. And I don’t want it. Well, not yet.

Just Like Any Other Tablet

Many look at the iPad as a wi-fi enabled 10” 1024×768 flatscreen with no USB port, SD card slot, or camera. They look at the iPhone OS and wonder why you’d use something with far less functionality than the hundreds of other tablets that have been on the market since the early 2000’s.

What they’re missing is the potential for the iPad to be the start of something new. Coming in the form of an evolved iPhone, something familiar to most of us, it doesn’t seem all that new or different.

But imagine, for a second, using the iPhone as your main computer. The reason you never have to dig through folders to find what you were working on, deal with software conflicts, or spend time cleaning up the iPhone after removing a piece of software is because the iPhone approaches computing from a different angle than the computers we’re used to dealing with every day. By expanding the iPhone from a small pocket tool to a larger device, Apple is trying to apply the iPhone’s model of computing to the tasks we currently use laptops for.

Yes, It’s Underwhelming

At the iPad’s unveiling I could sense the disappointment in the discussions within my company and across much of the internet. When the iPhone was first introduced, it blew away notions of how a phone worked and what kind of experience a low-powered mobile device was capable of.

People were hoping for a similar sense of disbelief with the iPad. They wanted it to save the publishing industry, they wanted new input methods, they wanted “out of control” multi-touch interactions, and most importantly they wanted it to do things they hadn’t even dreamed of doing yet. In short, they wanted to feel like Apple had developed the future and was showing it to them. That’s what the iPhone introduction felt like.

Instead, what people got was something they’d already seen. And so it was easy to pick out the flaws. No open app distribution model? No camera? No multitasking?

But when you’re looking at the prototype of a new computing platform, those complaints are irrelevant. All of them will be added in time. What cannot be changed are the fundamentals of the software design.

The iPhone got these fundamentals dead right from day one, and the iPad is now inheriting them. Fundamentals like a touch-based interaction model. Fundamentals like an easy to understand way to acquire and run applications. Fundamentals like the complete change of focus from navigating a confusing hierarchical file system to a simpler task-based interaction model.

As Andy Ihnatko says,

“It struck me that Apple was making a clear statement with the iPad: ‘We were right about the iPhone.’ They had a clear and ambitious concept about an entirely new computing platform and an entirely new way that humans would interact with hardware. They were so right about it that when the time came to build a tablet device, changing the UI seemed vulgar at best. […] If the iPhone had never existed, the iPad would still have made sense as a touch-based computer.”

A New Interface

The very things that make the iPad so great are also its biggest weaknesses. By developing a new interaction paradigm — touch-based rather than mouse-based — Apple has rendered all existing desktop software incompatible with the platform. To truly take a step forward, this is necessary.

Starting from zero is a daunting proposition. It is the reason Microsoft has never been able to garner mainstream acceptance from the tablets it promotes, despite grand proclamations about the coming tablet revolution back in 2001. In Microsoft’s universe, compatibility is king, hence the constant attempts to put Windows on a touchscreen. The taskbar, windows, dropdown menus, contextual menus, rollovers, and the rest of today’s pervasive interface elements make for an awkward tablet experience, but one with the advantage of an entire universe of software already built for it. Starting from zero, as Apple is doing, takes guts. The risks are exponentially higher, as are the rewards.

Apple is bootstrapping the process by launching the iPad with enhanced versions of the same applications that have been successful on the iPhone. Watching movies, listening to music, browsing the web, checking email, and more are all designed to be seamless and elegant experiences. With these basics, the iPad is capable of meeting the casual needs of some people. In addition, it features compatibility with the existing library of iPhone apps, although this is of questionable value for many. Even with these boxes checked, it won’t come close to replacing a laptop for most people.

I Still Don’t Want One

For years, the tech industry has chased the dream of the device that fills the space between the mobile device and the computer. The difficulty with this space is that there isn’t obvious demand to fill. Devices have to muscle in and make their own space. The iPad may be one of the best to try, but it doesn’t change the fact that it’s not something many people need, myself included. My colleague Ben McNeil summed it up when he said, “This device doesn’t seem to blend everything I need but rather gives me one more gadget I own.”

And like a child needing a parent’s steadying hand on the saddle when learning to ride a bike, the iPad needs to be tethered to a real computer for tasks like backing up, downloading photos, and syncing music. Until my files live online, rather than on a hard drive tied to one computer, the iPad won’t seamlessly integrate into my digital life without a lot of awkward shuffling and copying to make things available to the iPad on an as-needed basis. I don’t need to pay for the added complexity of working this device into my life, and my iPhone already does a good job of surfing the web on the sofa.

And Yet

Given the option, the prospect of carrying an iPad around is already so much more enticing than using my laptop. I yearn for the portability, the battery life, and most of all, the efficient and focused interface that my iPhone has given me a taste of.

I want the productivity and joy of using something that sheds the 20+ years of baggage my computer has inherited. The design decisions made in the 1970s that seem unprepared for the scale of my online life today, such that I am constantly having to organize and clean and manage my system.

As Fraser Speirs states,

“The Real Work is not formatting the margins, installing the printer driver, uploading the document, finishing the PowerPoint slides, running the software update or reinstalling the OS. The Real Work is teaching the child, healing the patient, selling the house, logging the road defects, fixing the car at the roadside, capturing the table’s order, designing the house and organising the party.”

I want something that lets me get The Real Work done.

A Whole New World of Apps

Application development on the iPad has the ability to sustain bigger apps than what we’ve seen on the iPhone. The 99 cent app market on the iPhone has exploded because the device lends itself to quick, cheap entertainment. Lots of people will spend a buck for a couple of minutes’ excitement while waiting at the bus stop or standing in line. The iPad won’t be used in those situations, so the demand for those cheap thrill apps won’t be as strong.

Instead, people will start demanding more functional apps. Apple sent a clear signal by showcasing a highly functional and polished office suite in the form of iWork for the iPad. By doing this, they were in effect asking others to follow their lead by developing desktop-class applications. This call is already being answered. The Omni Group, the leading Mac development house responsible for OmniGraffle and OmniPlan, among others, has announced an immediate pause on developing their next generation of desktop software while they port their complete portfolio of applications to the iPad.

Apple also has the advantage of being in a better position than anyone else to cultivate a healthy 3rd party ecosystem of applications. It may be counterintuitive considering the discontent over their tight control of app distribution. But Apple has developed something even more valuable than open application distribution: a cohesive platform. This advantage may diminish in the future, but when launching a new platform it is incredibly important. Software developers will be hesitant to invest significant money developing applications if they are not sure what hardware, and by extension how many users will be able to run them. Android is starting to feel the effects of varying versions of the OS spread across a myriad of hardware configurations. Apple, meanwhile, has shown with the iPhone that it can drive a platform forward while minimizing the expense of dealing with device incompatibility.

What Happens Now

I won’t bother with a prediction about the iPad’s success or failure because they’re a dime a dozen in the wake of its launch. This post isn’t about whether Apple will tumble from its current summit or climb the next peak. This is about understanding why the iPad is more than just another tablet.

For the iPad to succeed, it doesn’t need to be a home run now, it simply needs to stick around and gain a modest number of users who are willing to pay for apps. If that happens, in 5 years time we’ll start to see a healthy ecosystem of applications that begin to turn the iPad into a viable general computer replacement. And in 10 years time we’ll see a new generation of users that have adopted iPads, or whatever Android- or WebOS-based tablets are around at that point, as their main computer. We’ll see existing expert users spending a large portion of their time doing work on tablets.

Of course, even then most of the computing landscape will still revolve around the traditional computers that are deeply entrenched today. But it will also be clear that they are part of a waning era. In 20 years’ time they will have relinquished the spotlight to take the place of the mainframes of yore: running back end services and thousands of custom business applications for years to come, while people use touchscreen devices for their everyday online lives.

And at that point, we’ll look back and realize that this drastic shift from Old World to New World computing, as Steven Frank terms it, began with something that at the time seemed like a boringly predictable, some would even say say lacking, evolution of an iPhone.