UX Magazine

Defining and Informing the Complex Field of User Experience (UX)
Article No. 907 November 26, 2012

Review: Asana—Breaking Open the Cage

When Asana was announced, founder Dustin Moskovitz posed this problem: No matter how enthusiastically a company or team may adopt project management software (e.g. Basecamp, SharePoint, Pivotal Tracker), and no matter how purpose-built, how feature-laden it may be, the users inevitably end up resorting to such crude implements as Notepad and email. The reason, he speculated, is that those overloaded suites are just too complex, and present too much friction between the thought and the action. Notepad and email are just quicker and easier. How convenient it would be to have something as instantly usable as our perennial standbys but, you know, actually quantifiable.

Enter Asana.

Is there a stable middle ground between the structured, (read: limited) world of traditional project management software and the formless, limitless sandbox of Notepad and email? That's what I set to find out. I was skeptical enough. Moskovitz comes from Facebook, a company not known for respecting its users. Fortunately, as it turns out, the product made the right impression on me.

Overview

Asana differs from its competition down to its DNA—its founder comes from a consumer software background and it shows. B2C idioms are conspicuously absent in the atavistic world of enterprise software. The difference is evident at first glance: Everything is intuitive and immediately usable without any sort of training, and the interface is completely devoid of those cheap-looking rough edges that characterize old school enterprise. In the old days, monolithic bureaucracies could impose dated and unpleasant software on their employees but those days are over and Asana seems to get that.

The driving force behind this ease of use is the fact that everything is one click or tab away—the entire experience feels 95% native, despite living entirely in the browser. See a piece of text? You can edit it by clicking and typing. That's it. No separate edit screens or pop-up windows, not a single trace of markup. Everything is WYSIWYG to remove any sort of barrier between thought and action.

Asana’s information topography mapped for you... and only you!

In keeping with its free-form nature, Asana has a relatively straightforward—and extensible—information hierarchy.

  • Each user belongs to a number of workspaces (I). The default workspace comprises the user's personal projects but the user can create new workspaces (companies, organizations, etc) or be invited to others.
  • A workspace contains projects (II).
  • A project is composed of tasks (III) which, in turn, contain optional subtasks (IV).
  • Subtasks can contain sub-subtasks and so on (V).

That adds up to four default levels of information topography and an unlimited number more, should it become necessary. Tasks and all sub-levels can also be tagged.

The Experience

Moskovitz boasted of $10,000 stipends for each developer to create his or her own personal workstation simply to emphasize their focus on a potent product. Indeed, Asana contains miles of code poured into its user experience, and it shows. Asana piously adheres to nearly every UX idiom and best practice with abundant grab handles, subtle hover effects, and extremely contextual help cues unobtrusively sitting at the bottom of the screen. I found I was able to control practically everything with my keyboard, almost never resorting to my mouse. Power users will rejoice. After the short learning curve is mounted, the software is often a joy to use, with a paper-thin barrier between intent and action. Moskovitz may have come from Facebook, but he has thankfully taken an utterly different attitude toward the user.

While Asana scrupulously minds its Ps and Qs, it does make some missteps when tackling deeper usability issues. I mentioned the infinitely extensible information hierarchy earlier. This feature was added well after the product release and, without it, the entire course of this review would be different. However, as important an addition as it is, its deficiencies underscore a deeper problem in Asana, one not solved by following established UX guidelines.

It’s easy to get lost in the maze of subtasks

Originally the product had no subtasks. Projects were limited in complexity by this shortcoming, though tags could be pressed into duty as a sort of uncomfortable intermediate level. Now, however, the gloves are off. On a task, one can add subtasks. On a subtask, one can add sub-subtasks. Any level of complexity is possible. If you're building an interplanetary spacecraft, you can coordinate the project on Asana. Unfortunately, navigating these subtasks is perilous. Asana's experience takes place across three panes. The leftmost supports two levels of hierarchy (workspace and project), the center—by far the largest—supports just one (tasks), while the rightmost must support subtasks, sub-subtasks, and everything beyond. This is far from an efficient use of space, but even outside of that inefficiency there are other issues.

The hierarchy of information flows in a zig-zag manner, back-and-forth across the screen, but once it hits the task-level pane on the right, it ceases to move in two-dimensional space. Subtasks are visible, but any content in the subtasks and deeper levels of information is completely hidden. A task may have three subtasks, but there is no way of knowing how deep the rabbit hole goes, or which subtasks go the deepest and widest.

Indeed, the existence of task levels deeper than sub-task is obscure. Subtasks et al do not behave like tasks that can be viewed with a single click anywhere. On a selected subtask, a speech balloon indicates the ability to add comments and clicking it allows one to view the subtask the way they view a task, but accessing this view and subsequently lower level views is unintuitive and illogical. Meanwhile, in the middle of the screen, very little happens. The user can navigate tasks but cannot expand them in this pane; it has to happen on the right. On the right, tasks cannot be expanded tree-style either, which would go a long way toward unclogging this information traffic jam.

Adding a feature to collapse or expand task trees would go a long way to making transparent an opaque pile of information. Hitting the "+" button would expose another level down while the "-" button would hide the lowest visible level.

Deeper Issues

While the problem of navigating information hierarchy is not terribly hard to solve, it illustrates the issues behind the challenge that Asana has attempted to solve. The original problem statement was the tension between orthogonal approaches to project management—structured and limited versus free form and wild. Asana makes great strides forward breaking down the barriers between thought and action but it gets waylaid once the information structure of a project becomes complex.

Creating a happy middle ground inevitably entails avoiding creating an unhappy middle ground. The latter happens when you mix the weaknesses instead of the strengths of both sides. While Asana does draw from the strengths of both Notepad and project management software, it occasionally draws from the weaknesses of both. Even though the software trades on its free-form nature, its three panes become a prison. The center and right panes, where most of the action happens, cannot be resized so if the action starts to center around the subtasks at the right, there's no way to make that section larger. Meanwhile, the function of the center pane is so limited and the function of the right so counterintuitive that the free-form data exploration is stymied.

Conversely, Asana is equally hobbled by some of its misguided efforts to come across as less structured. The bland grey workspace punctuated by sparse flourishes of blue certainly conveys Moskovitz's vision of Notepad-like neutrality, but it's misleading. In the leftmost pane, recently-accessed projects and tags are not strongly separated visually from the complete list of projects. Colors are not utilized to correlate one pane to another. And in light of the fact that the program is not always as free as it would seem, the implicit neutrality of the color(less) scheme could cause cognitive dissonance to a user who wonders why they don't feel as unencumbered as they should.

Even a subtle change like breaking a hole in the wall between the left and center panes goes a long way toward correlating linked elements.

The Takeaway

As of 2012, the general trend of web applications—possibly a side effect of the “lean” obsession—has been to reduce them to stultifying one-trick-ponies, completely idiomatically removed from the absolute freedom of the old school email and text editors we know and love. Facebook is attempting to shepherd its users away from open-ended email into their walled garden where the tenor of communication is seemingly dictated by Zuckerberg’s whims. In the world of UX, the potent and equally open-ended Adobe Illustrator is besieged by toys like Balsamiq, Axure, Mockingbird, and Omnigraffle. Everything appears to be moving in one direction—therefore it is amazing to see such trend-defiance from an ex-Facebooker.

If we ever want to see a return to the user-empowering sandbox tools of the good old days, current tools will have to amalgamate those timeless strengths with the advances of the last decade. This means frictionless inter-platform experiences, pervasively social workflow, and nonexistent thought-action gap. It takes a deft UX touch to establish a stable middle ground between the anarchy and totalitarianism, but in doing so, Asana could collapse the entire productivity category.

Given Asana’s continual improvement we can expect its problems to be solved sooner than later. But for those looking for a lesson here, it’s this: if you’re going to ride up the middle between two genres, you’re playing a dangerous game. Be sure to pull the best of both worlds and not the worst. With Asana that means not imprisoning users in three improperly utilized panes and using graphical cues honestly to convey freedom where it exists and structure where it exists in the form of constraints and affordances.

The other takeaway is that Asana is probably the best project management software out there, despite its shortcomings. Use whichever takeaway suits you.

ABOUT THE AUTHOR(S)

User Profile

Jason founded Clauss Concept, a UX and information visualization design consultancy, in 2011. Jason has previously designed UX for tech startups, and created historical archaeological and topographical maps for Harvard and University of California Press. Clauss Concept has worked with small startups, established web brands, and Microsoft vendors to design user interfaces, data dashboards, and analytic reports.

Add new comment

Comments

15
16

There are a lot of options out there for project management today. Asana is one proven tool. I've used it, and if you're working in a large organization and can afford it, it's a great tool. Now I'm an entrepreneur and working in a smaller team, so I use proofhub (http://www.proofhub.com) . It doesn't have all the bells and whistles of asana, but it's got everything I need to keep myself organized and my remote team on track. Whatever you decide, you should try out a few free trials of the options out there and pick a tool that's best for you

107
111

Hey  another task management app you can try out is Brightpod ( http://brightpod.com ) ,  an app specifically for marketing teams. Includes readymade workflows & a whole bunch of collaboration features.

114
119

Here another software review for Asana, from a serious source: http://project-management.com/asana-software-review/

110
117

Interesting article, although I personally found the asana UI to be a bit cluttered and overladen.

However, this is the point where you just lost me:

>In the world of UX, the potent and equally open-ended Adobe Illustrator is besieged by toys like Balsamiq, Axure, Mockingbird, and Omnigraffle

I'm currently developing a highly complex web application and have made all UI designs with OmniGraffle. This little app has shown time and time again its superiority over feature-overladen bloatware such as Illustrator that attempts to be jack of all trades, but sacrifices usability for this left and right. I have been using Illustrator since version 3 or so and I never liked it very much, or found it to be very intuitive or even a particularly productive tool. Too much has been strapped on as an afterthought, another feature checkbox ticked without much thought put into the big picture of the application. Let alone the fact that Illustrator is not using native technologies of OS X which almost makes it look alien and slightly outdated.

Although I have to admit that OmniGraffle’s UI could use an overhaul – it reminds me too much of the old NeXTSTEP space-wasting panel overkill approach – it is a highly productive tool and has proven extremely versatile and stable, something I couldn't say of Illustrator.

It's a bit off-topic, but anyone calling OmniGraffle a toy has never seriously used it in my humble opinion.

113
119

Great, thorough overview. Walking the line between unstructured but rapid-edit UIs (like notepad's) and the traditional PM software elements is tricky. We, at Gigantt, took a different approach. Our inspiration wasn't notepad, it was mind-maps. We're big fans of the rapid-entry UI of mind-maps, where a few keyboard shortcuts let you brain-dump your ideas very quickly into a quasi-organized tree structure. I saw quasi because mind-maps are pretty free-flowing. There's no one right way to organize your project into a mind-map, and we like that. Every organizations has its own way of doing things, after all.
But even collaborative mind-map tools (like mindmeister), we found, just don't cut it for project management, for two major reasons.
1) If you basically keep your project information in a "tree", then you just can't capture the true complexity of your project. Project are more complex than to-do lists. Some tasks depend on other being done before them, and these dependencies can only be modeled in a "graph", not a tree. If you don't have that capability (and Asana afaik doens't, just like Trello or notepad for that matter) then there's one big, terrible implication for your project - you'll never be able to derive reliable delivery-date estimates for the project. In some organizations, not knowing the answer to the question "when is this going to be delivered?" is acceptable. e.g in some start-ups. But in the majority of organizations this won't do.
2) Any 2D user interface, like mind-maps, trees (e.g. Asana), Excel or what have you all suffer from the same problem - they become unwieldy when your project grows. i.e. an Excel spreadsheet with 200 rows is fine. 2000 - a mess. The same with a mind-map or even with notepad - there's just a limit to how far you can go having to page down and scroll the screen up and down left and right to navigate around your project. Collapsing/expanding trees are not really a solution because they make it very hard for you to keep yourself oriented in relation to the other parts of the project. Not to mention if you want to show connections between tasks - how are you going to draw connecting arrows between remote parts of a huge tree? MS Project tries to do that, but fails miserably. The result is terrible UX.

Long story short, we opted for a complete new approach that would take the user beyond classic 2D user interfaces, but still keep the speed and semi-structured spirit of mind-maps. We call it an infinite-zoom UI. It's like Prezi for projects. If you don't know Prezi, think Google Maps. You can essentially zoom in infinitely on any part of the plan and what you'll see is a simple mind-map like interfaces. Having the ability to zoom in on any particular task and break it down further in a sort of fractal structure lets you reach even hour-sized tasks and thus provide more reliable estimates for your work (we're better at estimating small things than large things). It's a bit hard to explain how it looks, but if anyone's interested we have a short video on our home page that'll make it clear in a few seconds: http://www.gigantt.com

Would be interesting to hear UX feedback from visitors of uxmag. We're still in beta, but we try to make the experience as smooth as possible from the get go.

107
106

hmm. I really wanted to like asana when it was launched but take issue with the suggestion that it "looks good" last time I checked many links were the same color as the body copy the entire UX was byzantine with a steep learning curve. we went with trello - simple, light, intuitive.

106
115

Great article, although asana UI looks good, it has big issues with functionality. The subtask implementation is very bad, it lacks visual clues about a project and adding new functionality justs makes the UX more complicated. I use binfire.com and although it doesn't win the UX design in my humble opinion, in terms of functionality and ease of use is far better than asana!

101
105

I like the idea of "breaking the wall" between the left and center columns but I bet one reason they don't is because if you have a long list, things in the left pane start scrolling. You now have a scrollbar between the left and center pane.

That's actually one of the bigger problems with the left pane particularly if you are on a 13" laptop screen: my favorites list is pretty long and squishes the master print list to a very small scrolling area that is quite cumbersome to navigate.

I too feel that the subtasks are kinda "bolted on" in a very un-Asana like manner. I don't use them much partially because I got used to not needing them, but also because they aren't intuitive. In one way I like that subtasks aren't displayed in the center pane - in some scenarios that kind of detail is not helpful, it's just a distraction. And remember that if a subtask is assigned to you, you *will* see it in the center page in your task view.

Yet part of me would like a more free form center pane, with the ability to easily enter and show subtasks. I've been using Workflowy a lot lately - an app that is even more unstructured than Asana. I'd love to see Asana adopt some of what Workflowy has done. (Acquisition?)

Full disclosure: I use Asana daily, enjoy it, and am writing some apps to extend it and integrate it with other software.

113
106

Asana has a philosophy that for some reason precludes the use of color for clear visual cues. It looks like a sea of monochrome text, where a truly intuitive interface doesn't require you to read every single item - certain things can be identified quickly by color / shape. Asana's approach might work for Unix engineers, but it doesn't work as well for most humans.
Also, sorting tasks in priority order in one view (e.g. project) has no impact on the order of the tasks in a different view (e.g. individual), which makes absolutely no sense in a project management software. Yes, the interface is not overcomplicated with unnecessary items, but those 2 things makes Asana ineffective as a project management tool. They should have taken some pointers from Pivotal Tracker in that regard.