Introducing Aha! Mockups

Our mission is to help you build great products and be happy doing it. And that means giving you a place to do everything from defining your high-level product strategy to writing detailed user requirements — all in one tool. Today, we build on that vision by launching a design and wireframing tool: Aha! mockups.

You may already use a mockup tool. But Aha! mockups is different. It is seamlessly integrated into Aha! — so that you can build wireframes, diagrams, and annotated images directly within Aha!

Mockups offer world-class online wireframing and diagramming — perfect for product managers, business analysts, and program managers. We built it by leveraging the Draw.io open source project, so the drag and drop functionality is combined with an extensive library of thousands of shapes. And because it includes premade UI elements from Bootstrap, iOS, Android, and more, you do not have to be a designer to create beautiful wires and diagrams.

Now, as you build out your features and requirements, you can also quickly create mockups and attach them to your descriptions to further define what customers need. This brings offline whiteboarding directly into Aha! for users with Product Owner or Contributor user permissions — so you can design features and save the diagrams with the text. Mockups are also highly collaborative. Everyone can view them and users with Product Owner or Contributor users permissions can open and make edits directly to any mockup, even if they did not originally create it.

Here are a few ways you can start using Aha! mockups for your next big product launch:

Integrate mockups into your workflow
No need to toggle between different tabs and tools as you work through product definition. When you open a feature, you will see the link to “Create mockup” below the feature description. Mockups are tied to and will stay with that feature as it moves through the product lifecycle. Now your team has a single place to access all the relevant details, including mockups that show how the feature should look and work.

Mockups can be created and edited from any feature or requirement description, as well as comment fields across Aha!

Rapidly generate mockups with shapes, text, and images
You can draw from the library of shapes, add your own text, or import images and screenshots to show details about what should be implemented. Choose from thousands of UI elements and commonly used shapes to instantly communicate plans for new features or to visually highlight bug fixes.

Mockups include a library with thousands of shapes, forms, and other UI elements. 

Build flow diagrams to visualize the user experience
The sequence of how users move through a feature is just as important to document as the design itself. Create a user journey diagram to outline each step for your design and engineering teams. From the navigation menu of your mockup, select “View > Connection arrows” to automatically create connection points and pre-populate your next shape. This makes quick work of documenting user flows and creating charts.Autosave on mockups ensures you never lose your work.

Seamless collaboration with your team
As you work alongside other product managers and designers on your team, you want to provide clear feedback and suggestions. Product Owners and Contributors can create mockups from any description or comment field in Aha! — these users can also edit existing mockups for quick feedback. Viewers and Reviewers are able to see mockups but they cannot make changes.

Collaborate in mockups and provide clear feedback using virtual sticky notes.  

Export mockups to product presentations
Your design and engineering teams in Aha! will be able to open and edit mockups directly from features, requirements, and comments. But you can also export your mockups to share upcoming plans with teams not in Aha! such as sales and support. Adding visuals that show what is coming helps prepare them for upcoming features and be prepared to better articulate the benefits to users.

Export mockups as images or add directly to an Aha! Notebook.

It is a cliche, but a picture truly is worth a thousand words. Especially when it comes to communicating the desired user experience of that brilliant new product feature.

Mockups bring wireframes and user flows together with the powerful Aha! roadmapping and analytics capabilities you love. This is certainly a big addition to our suite of product management tools. And we hope it helps you better define customer requirements and enjoy doing it.

Sign up for a free Aha! trial — be happy
Mockups are available to all Aha! customers. If you are not already a customer, you may want to sign up for a free 30-day trial now to see why over 150,000 users trust Aha! to set product strategy, create visual roadmaps, and prioritize releases and features.

Aha! is a trademark of Aha! Labs Inc. All other company and product names may be trademarks of the respective companies with which they are associated.

About Jessica and Aha!

Jessica is passionate about showing product managers there is a better way. She is the Product Marketing Manager at Aha! - the world’s #1 product roadmap software. Previously she led product at YouEarnedIt, a top five employee engagement platform. Before that she was a product marketing manager at several business-to-business SaaS companies.

Sign up for a free trial of Aha! and see why 150,000 users at the world’s leading product and engineering teams trust Aha! to build brilliant product strategy and visual roadmaps.

We are rapidly growing and hiring!

  • Customer Success Managers (product manager experience required)
  • Product Marketing Managers
  • UX Designers
  • Rails Developers

Work from anywhere and be happy. Learn about our team — see current openings.

Comments

  1. Pedro J. Rosa

    I appreciate the capability but it seems this tool is well outside of Aha’s core value proposition. There’s tons of great design tools on the market, I personally don’t find a tight integration or this design tool with my Aha instance to be tremendously valuable.

    There are some big wins in the Ideas portal such as Aha mobile that would bring us more value.

    Reply
  2. Tom Beck

    Wow! What a nice treat to find the day after Halloween. This new feature looks great and I’m looking forwarding to trying it.

    Reply
  3. mike bernard

    Really excited about this feature because it gives my Product Managers a quick way to sketch up an idea, and the promise of it saving right within the feature or release drawer is where the value is.

    However, I tried a mock up today and it is only displaying a blank Mock Up on the Release card. In other words, it is not visible as an attachment.

    Is there a known bug today?

    Reply
    1. Jessica Groff Post author

      Hey Mike,

      Thanks for the kind words. We are happy to hear you are excited about Aha! mockups.
      Would you mind sending us an email to support@aha.io about blank preview you are experiencing? We would like to get a few more details from you so we can look into it.

  4. John Seifert

    I do like the functionality being added to Aha!. Navigation is interesting. As a product manager, I am constantly working in the backlog of the future features. Having the ability to build a process flow, mockup or graphic in the feature adds so much value. The UX/UI folks that I work with want me to white board the concept.

    This functionality gives me the ability to do it and capture it right in Aha.

    Nice addition…

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *