Library Hat Rotating Header Image

Twitter

No-brainer Usability: the new Twitter iPhone app

I am presenting about usability issues in library websites in Computers in Librareis 2011 in a few weeks. So needless to say, I have been thinking a lot recently about usability. Today, having updated all apps on my iPhone, I noticed that the Twitter iPhone app finally made some changes in its new message user interface (UI) which makes it more usable.

However, the new UI fails in some respects, and the new app introduces a different usability problem, which is often the case with website redesign. So let’s pretend the new Twitter app is a re-designed library website and see what its pluses and minuses are in terms of usability.

Old Twitter App

When the arrow is pressed down

This is how the old Twitter iPhone app’s new message screen looked like. (Screenshots thanks to @bmljenny.)  It is very basic until you press the “140 ▼” button on the top right corner over the keyboard.

Once you press that button, however, the whole new world of functionalities unfolds. Taking a photo, inserting an already-taken photo, geo-tagging, adding Twitter user by his/her Twitter username, adding a hashtag, and shrinking a URL is all just one touch away.

Unfortunately, not many people noticed this button; many users weren’t able to take advantage of these useful functionalities.

I must say, the design of hiding these functionalities behind the “140 ▼” button is both clever and stupid. Clever in the sense that it made the new message UI clean and simple. But quite stupid in the sense that the button that holds these functionalities don’t stand out at all that it resulted in those functionalites being often completely unknown and undiscovered to users.

One of the great usability principle is, in my opinion, is this :
Stop being clever and make things super-obvious.

New Tweet screen in the Twitter iPhone app

The new Twitter iPhone app followed this principle and corrected the issue by removing the “140 ▼” button. Instead it added a gray bar with four icons that stand for usernames, hashtags, camera, and geotag. I would say this is an improvement since users can now clearly see the icons when they are in the new tweet screen.

However, these icons are not the same as the previous icons used in the old Twitter app. Geotag icon has changed the appearance and the camera icon now functions for two previous features of taking a photo and adding a photo from the photo library.

One of the pitfalls of re-design is that even when improvements are made, often the web team (designers in particular) are not satisfied with just fixing the existing issue. They are tempted to make changes ‘for uniqueness’, which tends to raise rather than solves a usability problem.

So now Twitter seems to have gotten rid of perfectly useful two icons — photo library and shrink URLs.

If I were to redo the screen, I would keep the same icons in the previous app.  After all, some users have discovered and used these hidden functionalities. Why now force them to change their pattern of use?

My version of New Twitter screen

While I was evaluating the new Tweet screen, I realized that the new Twitter app has also introduced a new usability issue to it. The new trending hashtag notification. It appears on top of the tweet timeline.

As quite likely to be intended, since it appears on top and written on a black bar, it stands out.  The problem is that it actually stands out more than what users need. It is downright annoying.

This can be easily corrected if the bar appears at the bottom rather than the top. It would be still noticeable enough for those who take interests in the trending hashtag but would not annoy the majority of users who want to quickly scan the timeline from the top to the bottom.

 

New Twitter Timeline

My version of Timeline

 

 

 

 

 

 

 

 

 

Because of this this new and  un-user-friendly trending notification, the overall reaction to the new Twitter app would be more negative than positive.

Furthermore, what was really interesting to me is that even after the re-design, the new Tweet screen of the new Twitter app does still slightly fall short of the new Tweet screen of the Tweetdeck app. Compare my revised version of the new Twitter app above with the following Tweetdeck’s new tweet screen below. Pretty much what I have done ended up making the Twitter app look almost the same as the Tweetdeck’s existing new tweet screen.

Sometimes, a good design comes from benchmarking a competitor’s product and from following conventions that users are already familiar with.

Can you think of an example of a library website that failed to be user-friendly while trying to be clever and/or from poorly benchmarking another library website?  If you work with a library website, this is a good thing to think about.

Tweetdeck

Tweet-Up for Newbies at ALA MW?

Update – Time & Place:

The ALA MW Newbies (& Veterans) Tweet-up will take place at Green Dragon Tavern on 1/16 Saturday 8pm.

RSVP: http://twtvite.com/73m5bt

Green Dragon Tavern is in North End/Faneuil Hall and a short walk from three different T-stops in Green/Orange/Blue line: Government Center, Haymarket, State Street.
Address:  11 Marshall Street, Boston, MA‎ - (800) 543-9002‎
Menu: http://www.somerspubs.com/blogcategory/green-dragon-menus/

Also for newbies’ interests, Green Dragon Tavern is also very close to both NMRT social (Bell-in-Hand Tavern; 5:30-7:30pm) and After Hours Social (Black Rose, 10pm) on the same day.  Hope to see lots of newbies there. Cheers!

—–

Update:

Interested folks, please go to http://www.doodle.com/pzzbxi6ehakhp9y9 and check all times that you are available for a tweet-up.
Once time and place are determined, it will be tweeted and posted here as well. Thanks!

Also, a MW Wiki page for ALA MW first-timers  have events for first-timers:
http://www.alamw.ala.org/2010/index.php?title=Events_for_First-Timers

—–

It is unbelievable that ALA midwinter at Boston is just around the corner. I can hardly wait for snow and slush of Boston and to revisit all the used bookstores that I used to frequent. But the business first, I haven’t still had time for creating a schedule for the midwinter. It is tough for me because I am going to be at the Midwinter first-time. As a newbie librarian, I have no committee commitments, and the midwinter program listing lots of meetings of lots of groups to which I don’t really belong to (yet!) – instead of programs with explicit topics unlike ALA annual – is somewhat baffling to me. I am sure I will figure it out just in time.

But in the meantime, I wonder, if any other librarians are going to ALA Midwinter as a first-timer and are interested in a tweet-up at Boston?

I attended my first ALA in the summer. I crammed all the interesting programs into my schedule, and I had barely time for lunch and passed out sometimes even before dinner. (I was so serious!)  So this time, I am focusing some efforts in socializing and networking. For newbies like me, however, networking and socializing are a more daunting task than attending some programs. I don’t know many people and am not sure where I fit in or can be fitted in. But I know I can most certainly fit in the newbie group.

I know that there are many social hours for already defined groups and sections. (I am going to try a few this time.) I know that there are lots of free breakfasts and luncheons that are sponsored by vendors to which so far I had no success in obtaining any RSVP. But a tweet-up would consist of totally random group of people. And there would be no pressure!

I have already received some responses via Twitter. So we newbies should meet up!

[ Thanks to @memclaughlin; @artficlinanity; @mojo_girl ; @lejwa; @library_chan; @wawoodworth; @jenniferwaller; @heidisteiner) ]

Leave a comment below to express your interests or holler at me on Twitter (@bohyunkim). Time and place will be determined in a democratic but ruthlessly efficient manner later on. (Veterans with newbie spirit are quite welcome too!)

Get Adobe Flash player