Reda Lemeden

Reda Lemeden

Indie Developer & Designer

Twitter iOS Apps: Interaction Design Showdown


In the thick of the controversy surrounding Twitter’s new third party restrictions, Tweetbot---the long-awaited Twitter client from Tapbots---is finally out for iPhone and iPod Touch. The overwhelmingly positive feedback is a clear sign that the app met and even exceeded expectations.

To find out whether Tweetbot is a legitimate contender, I decided to pit it against the official client using a GOMS-inspired, oversimplified human information processing model on a set of tasks performed by the average user on Twitter.

Tweet options Tweet options displayed after a single tap.

The Rules

Before starting this exercise, let’s go over some of the concepts that will be used throughout the article:

  • An interaction is any point of contact between the user and the interface, such as a tap or a swipe. Each interaction is assigned a value based on the time required to execute it. For the sake of simplicity, a single tap is given a nominal value of 1 and used as a base unit for other interactions.

  • A task is any set of actions sharing the same end goal. There may be one or more set of interactions to carry out the same task. The time required to achieve a given task is considered to be equal to the sum of the individual values of each interaction involved. The lower the sum, the more efficient the interface.

  • Unless stated otherwise, typing time was zeroed out.

  • When two or more methods of achieving a given task are possible, only the most efficient one is used in the comparison. The impact on the overall workflow is also taken into account.

  • Only the default behavior of the triple tap is taken into consideration for Tweetbot.

The values assigned to each interaction are as follows:

InteractionValue
Tap1
Double tap1.5
Swipe1.5
Triple tap2
Long tap2

Thinking time was assigned a value of 0.5, and will be referred to as MOP (multi-option prompt) in the tests. To keep things simple, the number of options was not taken into account, nor was the habit factor.

Round 1: Basic Tasks

We’ll start by having a look at how efficiently the two clients handle basic tasks such as tweeting and replying:

TaskTweetbotTwitter
Send a Tweet¹22
Reply¹ ²34
Retweet (native)44.5
Send a new DM³6.55.5
Open a link1.52
  1. No hashtags or @ signs.
  2. No other users mentioned in the original tweet
  3. The tap to get to the Messages view is zeroed out

Outcome: draw.

The two clients are equally efficient when it comes to tweeting and retweeting. Tweetbot cleverly handles single replies and links thanks to double and triple taps, while the official client makes sending a new direct message significantly less cumbersome.

Direct messaging Sending a direct message.

Round 2: Hashtags, Mentions, and Group Replies

Let’s now spice up the comparison with some hashtags and @ mentions:

TaskTweetbotTwitter
Compose a tweet with # and @74
Compose a tweet with 3 # and 2 @157
View conversations¹1.52
Reply all (MMT4.55
Reply single (MMT4.54
  1. Where the user takes part
  2. Multi-mention tweet

Outcome: Twitter for iPhone wins.

Thanks to shortcuts, the official Twitter client outclasses Tweetbot when it comes to composing tweets containing hashtags and @ symbols. In theory, the two clients handle multi-mention replies with almost equal efficiency. In practice, Twitter’s less intrusive solution gives it the upper hand.

Replying all Replying a tweet with multiple @ mentions.

Round 3: User Actions & Lists

Now for the less frequent tasks:

TaskTweetbotTwitter
Follow / Unfollow3.55
Report a user58
Translate a tweet4.55
Favorite a tweet2.53
Delete a tweet3.54
Switch time-lines2.53

Outcome: Tweetbot wins.

The official client didn’t stand a chance here; Tweetbot’s long tap is a godsend.

Following Following a user.

Results

TaskTweetbotTwitter
Total7168

The relatively awkward, albeit native, method of keying hashtags and @ mentions in Tweetbot skews the results in favor of Twitter for iPhone. If it wasn’t for this detail, the third party client would have come out ahead.

When all is said and done, it would be short-sighted to pick a winner based on the total score alone. In order to gauge the relevance of these tests, we need to take a closer look at the way we use Twitter in reality. Studies suggest that a big majority of users on the social platform are silent; unless you are a news agency, a celebrity, or a spam bot, you are more likely to be reading tweets than tweeting or sending DM’s. As a result, the overall experience is greatly affected by our passive use, a point that the tests above completely eschewed in favor of purely active use scenarios.

Notably, Tweetbot shines in some areas that would be hard to assess using the HIP model above. Save for the occasional tweet, reply, or DM, we spend most of the time on Twitter wading through hundreds of tweets and swapping accounts and lists. Few Twitter clients address these areas as elegantly as Tweetbot does:

  • The number of new tweets (since the last refresh) is displayed in a unobtrusive blue bar in the timeline. This may seem gimmicky at first, but it turns out to be a huge time saver for timeline completionists.

  • Single swiping a tweet displays related tweets in a dedicated conversation view, even if the user is not taking part in them. There seems to be no way to do that in the official client.

  • Even though the visual style may not appeal to everyone, it provides a good balance of contrast between content and chrome.

For a 1.0 release, Tweetbot is doing a remarkable job, especially when considering the saturated and volatile market of Twitter third party clients. Even though there is still room for improvement in certain areas, Tweetbot for iPhone has got what it takes to dethrone the official client, and then some.

In round 2, we will introduce Twitterrific to the mix and revisit some of the tests introduced above.