Menu

Posts tagged “user experience”

The real problems with Apple's software

Kontra wrote a great post on the real problems Apple needs to address in their software and operating systems. Apple’s design problems aren’t skeuomorphic starts with a statement everyone needs to take to heart:

The current meme of Ive coming on a white horse to rescue geeks in distress from Scott Forstallian skeuomorphism is wishfully hilarious.

Exactly. As Gruber pointed out:

The speculation regarding skeuomorphism as a factor in Forstall’s ouster has gotten out of hand. That’s not what this was about. This is about Forstall’s relationship with the other senior executives at the company. Personalities and politics, not rich Corinthian leather.

Anyway, moving on. Kontra goes on to list some of Apple’s current software issues, and concludes:

In the end, what’s wrong with iOS isn’t the dark linen behind the app icons at the bottom of the screen, but the fact that iOS ought to have much better inter-application management and navigation than users fiddling with tiny icons. I’m fairly sure most Apple users would gladly continue to use what are supposed to be skeuomorphically challenged Calendar or Notebook apps for another thousand years if Apple could only solve the far more vexing software problems of AppleID unification when using iTunes and App Store, or the performance and reliability of the same. And yet these are the twin sides of the same systems design problem: the display layer surfacing or hiding the power within or, increasingly, lack thereof.

Read Apple’s design problems aren’t skeuomorphic.

Why Instagram is so popular

Spencer Beacock takes on those who criticize Instagram as “bad art” in Instagram, Emotional Metadata & Ubiquitous Sharing. He starts by redefining the purpose of the photo-sharing service:

Instagram is a tool and a model for easy, non-verbal sharing of experiential and emotional data. It is image-capturing for pseudo-ethnographic recording, rather than image-capturing for beauty or composition.

His take on the much-discussed filters is really interesting as well:

Like a regular photograph, the base data is visual data. However, unlike a traditional photograph, Instagram captures all of the regular metadata and then goes one step further, giving people the opportunity to assign emotional metadata about their experiences, in the form of its seventeen different filters.

The filters are visual representations of all of the other sensory and emotional data that gets connected with the images in our minds.

Spencer gives some great examples of what he means by this, and then closes the piece with a discussion of Instagram’s role in identity creation.

Read Instagram, Emotional Metadata & Ubiquitous Sharing.

Skeuomorphism and taste

Ben Bleikamp is spot on in his post Skeuomorphism is not the problem:

The problem with all bad design, skeuomorphism included, is taste. It’s fun to make fun of skeuomorphism but when I glance at Dribbble I see a lot of it done tastefully. I also see a lot of beautiful flat design. It’s because a particular strategy or aesthetic isn’t really the problem with bad design, it’s a lack of taste.

Good taste is harder to learn, but it’s what prevents things like iCal from happening. iCal’s design isn’t awful because it’s skeuomorphic, it’s awful because it’s skeuomorphic in a tasteless way. A more subtle texture, a less harsh gradient, and more cues from other OSX apps could make iCal less of a laughingstock.

And while we’re at it, let’s also clear up what skeuomorphism is (and isn’t), courtesy of Sacha Greif.

eBook pagination: to scroll or not to scroll

Dmitri Fadeyev makes an argument in favor of continuous scrolling in eBooks (as opposed to traditional pagination) in The Return of the Scroll:

The scroll interface suits the variable nature of the digital content that it holds, but more so, it gives the user more fine-grained control over the reading experience. It feels more natural to scroll the page on a tablet because it creates the illusion of the physical medium, of a page sliding under your fingers. A scrolling interface also stops unwanted page turns if you happen to accidentally touch the screen. I’ve been trying out the new iBooks and while I think it’s too early to tell which mode is better, so far I really like it.

Even though his argument is solid, I still prefer the page metaphor when I’m reading an eBook, and I’m trying to figure out why. The closest I can get to a reason is the idea of “edges” that Craig Mod talks about in How magazines will be changed forever:

I miss the edges — physical and psychological. I miss the start of reading a print magazine, but mostly, I miss the finish. I miss the satisfaction of putting the bundle down, knowing I have gotten through it all. Nothing left. On to the next thing.

Scrolling is exhausting — it never ends. There is no sense of accomplishment. I once heard someone refer to infinite scrolling on websites as “a game you can never win.”

In contrast, pages allow us to hang on to some sense of beginning and end. They communicate a solid sense of progress. They serve as signposts to help us figure out where to stop reading until the next time. Where scrolling is an endless blob of text, pagination fits into the idea of memory chunking because it’s a more manageable unit to deal with cognitively.

In short, pagination lets you know that you’re getting somewhere, and not just running on a treadmill. Or maybe I’m just old and need to get with the times…

Update: @jbruwer pointed me to @simuari’s concept of flick scrolling as a possible solution. Video below, but also check out the post for more details.

Update 2: I wrote a quick follow-up to address some feedback on this post.

Honesty and the rise of the flat design era

The Flat Design Era by Allan Grinshtein for the LayerVault Blog made the rounds a week or so ago, but I haven’t had a chance to read it until now. It’s a really good discussion about what they call “honest design”:

Designing honestly means recognizing that things you can do with screens and input devices can’t be done with physical objects — more importantly that we shouldn’t try copying them. It takes too much for granted. Can you imagine your pristine iPhone built into the body of an antique telephone handset? Is that beautiful design? […]

It is laziness to not continue to refine. Remove the unnecessary embellishments and keep stripping until you’ve almost gone too far. We believe that elegant interfaces are ones that have the most impact with the fewest elements.

The user experience of printed publications

Craig Mod’s How magazines will be changed forever ties in really nicely with my previous post on embracing limitations in the digital world:

Like Newsweek, almost all magazines will eventually go purely electronic. […] Still, as I watch this shift, I can’t help but feel a twinge of nostalgia. Not for the paper, but for the boundaries.

I miss the edges — physical and psychological. I miss the start of reading a print magazine, but mostly, I miss the finish. I miss the satisfaction of putting the bundle down, knowing I have gotten through it all. Nothing left. On to the next thing. […]

One of the qualities most natural to the user experience of print is the sense of potential completion, defined by the physical edges. It is a quality that is wholly unnatural to digital formats. The digital reading experience makes one want to connect and expand outward. Print calls for limit and containment.

(link via @RobertSBoone)

The Windows 8 dilemma: realign vs. redesign

Nick Wingfield has a Windows 8 story in the New York times that provides a pretty good summary of everything we’ve heard on the tech blogs over the past few months. This passage from Fresh Windows, but Where’s the Start Button? stood out for me:

Many of the familiar signposts from PCs of yore are gone in Microsoft’s new software, Windows 8, like the Start button for getting to programs and the drop-down menus that list their functions.

It took Mr. McCarthy several minutes just to figure out how to compose an e-mail message in Windows 8, which has a stripped-down look and on-screen buttons that at times resemble the runic assembly instructions for Ikea furniture.

“It made me feel like the biggest amateur computer user ever,” said Mr. McCarthy, 59, a copywriter in New York.

If your software makes users feel stupid, you’re in big trouble. Quotes like Mr. McCarthy’s is a manifestation of the age-old legacy software dilemma that Microsoft faces with Windows: do you scrap the thing and start over, or evolve what’s already there? Microsoft chose to start over, and we’re about to see if the gamble is going to pay off for them.

My money is on the argument that Joel Spolsky made in April 2000 in Things You Should Never Do, Part I:

When you throw away code1 and start from scratch, you are throwing away all that knowledge. All those collected bug fixes. Years of programming work.

You are throwing away your market leadership. You are giving a gift of two or three years to your competitors, and believe me, that is a long time in software years.

You are wasting an outlandish amount of money writing code that already exists.

Or to bring it closer to design (and users) — as I argued in The Data-Pixel Approach To Improving User Experience:

The main problem with big redesigns is that, even though objectively the UX might have been improved, users are often left confused about what has happened and are unable to find their way. In most cases, making “steady, relentless, incremental progress” on a website (to borrow a phrase from John Gruber) is much more desirable. With this approach, users are pulled gently into a better experience, as opposed to being thrown into the deep end and forced to sink or swim.

I think we’re going to see a lot of sinking in the coming weeks…


  1. I’m not implying that Microsoft is throwing out ALL THE CODE, but they are pretty adamant that this project is about “reimagining Windows from chips to experience”. 

Dishonest signals on different social network sites

Nishant Kothary wrote an excellent piece about the different types of signal on social media sites, and how some networks are designed to self-police dishonest signals to such an extent that it hurts the quality of the relationships. From Why Instagram Works:

Facebook requires that you craft an intricate online persona of yourself complete with demographic information, pictures, relationship status, political and religious affiliations, educational qualifications, and so on. Not only that, but Facebook broadcasts literally everything you do to everyone. And you are expected to snap to this image you’ve created. When you stray from it — that is, when you broadcast a perceived dishonest signal or one that is alien to your persona — the bluff is generally called in the form of dissenting comments and behaviors. In the long run, it means less, or worse, as we saw with MySpace, less meaningful engagement.

This ties in really well with that Google+ conversation I wrote about the other day, about how we haven’t quite figured out how to deal with hardship on social network sites.

(link via @ChrisFerdinandi)

Airbnb's data-driven design success

Cliff Kuang wrote an interesting article about design at Airbnb called How Airbnb Evolved To Focus On Social Rather Than Searches:

For a couple years, registered Airbnb users have been able to star the properties they browse, and save them to a list. But Gebbia’s team wondered whether just a few tweaks here and there could change engagement, so they changed that star to a heart. To their surprise, engagement went up by a whopping 30%. The star, they realized, was a generic web shorthand and a utilitarian symbol that didn’t carry much weight. The heart, by contrast, was aspirational.

Cliff goes further to explain how Airbnb followed the data clues to understand exactly why the heart performed better, and then used those insights to make some very successful design changes. The data is there, we just have to measure, listen, and respond.

(link via @iamFinch)

How to clarify confusing behaviors in apps like Twitter and Instagram

Most successful applications do a good job of onboarding users to teach them how the basics work. After that, good applications also make it easy to learn more advanced features simply through repeated use. You might make a wrong turn once, but if the application corrects your course, you never make that mistake again.

But sometimes there are features that fall between the cracks of onboarding and self-learning. It usually happens when there is some unique behavior in the app that is not only presumed to be commonly known by all users in the community, but is also small enough so that it’s not worth making a big deal out of during new user onboarding.

I recently thought of two such examples that I wanted to share, along with some suggestions for addressing the issue.

Twitter mentions

First, there is the issue of Twitter mentions. I still see people who I know have been on Twitter for years, who don’t know that if they start a tweet with ”@”, not all their followers will see it. This information is buried deep in Twitter’s Help section, where I’m guessing very few people venture to. From Types of Tweets and Where They Appear:

Users will see @replies in their Home timeline if they are following both the sender and recipient of the update. Otherwise, they won’t see the @reply unless they visit the sender’s Profile page. 

This is fairly clear, but if you don’t think about this as an issue, you won’t know to ask the question, so it’s not information you’re likely to seek out.

Instagram replies

Second, there is replying to comments in Instagram, which I’m sure trips up quite a few people. If you comment on one of my photos in Instagram, I will get a notification. But if I respond to your comment without including your @username, you won’t get a notification. This is not how it works on Facebook, where you get notified of five comments after the one you posted1. Instagram does have an easy way to reply to people with their usernames, but it’s a slide gesture I discovered by accident:

Instagram replies

So the easiest way to reply to someone is to slide from left to right on their comment, then tap on the arrow. Or you can start the comment with an @, which will then autocomplete the name as you type. But it’s not something they tell you about explicitly. It’s also, again, not information most people will seek out actively, since they’re getting notifications for each comment on their own photos, so why worry?

A proposal

My proposed solution for this type of situation is fairly simple. In the case of features that don’t behave as people expect them to, show a lightbox-type message to explain how it works just one time — the first time they perform the action. For example, the first time a user sends a tweet that starts with an @, show a message to explain who will see it. And the first time a user comments on one of their own photos in Instagram, show a message that explains when people get app notifications.

These are small but important details, especially for social services where understanding exactly what happens when you hit “Post” is essential to the enjoyment of the app.

Related post from the Elezea archive: Best practices for user onboarding on mobile touchscreen applications.


  1. I think it’s five. But I’m not 100% sure. Come to think of it, it’s probably a good example of this type of confusing behavior as well.