Announcing The Asana Guide – Your First Step On The Path To Doing Great Things

avatar

by Ryan Pittington
February 26th, 2013

At the end of December, we took a look at our existing help site and decided it was time for an upgrade. The original was hard to navigate. The design was getting stale. Newer articles were featured more prominently than older, but more important ones. The search experience was so-so, at best.

More than 15,000 words later, we are happy to announce the Asana Guide – the best place to go to learn how to use Asana.

The Asana Guide offers a comprehensive overview of the app, an explanation of its various features, and gives us a place to house the “how-to” content we are developing.

We’ve written it so you can read it from beginning to end, or in pieces. You can use it to get a broad understanding of Asana’s fundamentals, or just to find clear and quick explanations of specific features.

How it works

We’ve broken the Guide down into high-level categories and subcategories that match the breakdown of Asana’s interface. To learn about projects, for example, you’d navigate to the Projects section. If you wanted to learn how to duplicate a project to make a template, you’d click on the Projects section and then the section for duplicating projects.

Of course, you can also just search, which, thanks to the awesome Swiftype, features type-ahead capabilities to help you find what you’re looking for fast.

Each section of the Guide tends to follow the same basic structure:

  • Why you might want to use the feature
  • Click by click instructions on how to do so
  • A note on the implications of the action
  • An image illustrating how this looks in the app

We’ve also made each section of the Guide sharable, so you can tell your friends and followers how to set a task to repeat, proclaim your love for Subtasks, or link to a precise explanation of the differences between Workspaces and projects.

Writing the Guide

My goal was to produce each section after coming back from the Winter holidays. Some of the writing would be directly lifted from our previous help site, but much of it would be new. I thought of all the questions I had received when answering customer support tickets, and stuck to the essentials: what are the two or three most important things about this feature? What do people need to know?

I started each day with a meditation and a workout and then dedicated the first four hours of my time in the office to the Guide. I left my phone in another room. Part of me thought I would need to go off to a cave somewhere and emerge with a complete, flawless Markdown doc, to raucous applause. Maybe a lei or two. Some rice. Instead, I accepted the help that was freely offered by my co-workers. The project spanned User Operations, Marketing, Sales, Product, and Design.

Writing the Guide also brought a lot of new tools into my life. I learned how to use Markdown and composed all the first drafts in iA Writer. I used Mamp and Gitbox to stage changes before pushing them to the live site. As the Guide was starting to come together, we worried that we’d be slower at responding to customers without a direct link between our knowledge base and ticketing system. The solution was a Chrome extension. Now, a single keyboard shortcut opens a menu full of Guide links that we can quickly copy and paste into tickets.

The Asana Guide is a live document and will continue to grow and change. Let us know what you think of it, or what you’d like to see more of, in the comments on this post or by contacting us.

Check it out, bookmark it, and share it with your team!

8 Comments

  1. avatar Gardenia Flores says:

    Is there a PDF or ePub version of the guide?

  2. avatar Konrad says:

    sure you mean “Magage” in that first screenshot?.

  3. avatar FV says:

    The guide looks great, even on mobile!
    Did you build it with a certain tool? I’d love to create such a manual for my software.
    Thanks!

    • avatar Ryan Pittington says:

      Glad you’re into it! A developer we work with, Michael Huang, and our in house designer Jim Renaud (both awesome at what they do) nearly custom built it, basing it off Bootstrap for Twitter.
      I just wrote the copy in markdown and gave it to them.

  4. avatar David White says:

    Excellent tool and the details are essential for someone like me who needs a specific tutorial outline to learn a new program. A suggestion: get three people who know nothing about Asana, give them each the details of a hypothetical project, on-line access to your guide and videos and see what happens. Also, have you checked with Lynda.com for tutorial support? They know about you.

  5. avatar Arslan says:

    Awesome tool for teams. Loving it

Add a Comment

Your email address will not be published. Name/Email fields are required.



You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>