10 FlowMapp features that boost collaborative online work

Articles
April 23, 2020
Denis Bolshakov
Product Designer
FlowMapp
I’m a Product Designer here in FlowMapp. Sometimes I write about UX Design and different methods of organizing work time. It's all about my own experience.

In FlowMapp, we have extensive experience in organizing remote work. In a sense, the FlowMapp was developed specifically to introduce familiar UX design patterns online and expand the ways of interaction with outsourced staff.  Remote work opens up new opportunities for teams, such as attracting highly qualified professionals from different parts of the world to the project. Today, when the world situation dictates new rules, many companies have faced the need to transfer familiar work processes online and our task is to make this transition as comfortable as possible.

Addressing our customers

We’re pretty sure that users who have already used FlowMapp on their projects are aware of the set of useful features that we are covering here and use them regularly. However, today, a large number of people have faced a situation where, in order to increase productivity, they need to teach their colleagues to interact with new products, or they need to provide a justification for purchasing new software in front of their management. That’s why we’re writing this short overview article to help you familiarize yourself with or introduce your peers to the set of features that make the lives of FlowMapp users better every day, helping teams be more productive and achieve their goals quickly.

Forming the team

1. Team and its members

If your team has already been formed up and all areas of responsibility have been allocated you can start with forming your team in FlowMapp so every team member can get access to all current projects. Also, you can extend your team at any moment if needed by adding a new member. To make up a new team or to add a new member please follow these steps.

Note: This only applies to the owner of a Team or Agency plan.

To create Team:

  1. Click on People via the top menu
  2. Click on Create New Team button
  3. Enter your Team name
  4. Click Save

2. Inviting to the project

While designing a new Sitemap, developing a Flowchart or creating an ideal CJM you can add your colleague to the project to boost productivity and accelerate the development at any moment. To do so:

Note: This only applies to the owner of a Team or Agency plan.

To add users to your team:

  1. Click on People via the top menu
  2. Click on Add People to Team
  3. Choose collaborators you need to add to a Team
  4. Click Save

To remove users from your team:

  1. Click on People via the top menu
  2. Hover over the Team member’s tile and click on Delete icon
  3. Click Yes, Remove from Team to confirm the deletion.

Warning: This team member could also be removed from all projects if they are removed from the team.

Workflow with FlowMapp

3. Contextual communications

Sitemap on FlowMapp is not just a hierarchical structure of your site, but also a multifunctional system that allows you to structure data and save context in communications between each team member. Since each element of the site has an interactive modal window, you can make and edit the description and actually discuss the progress of the work in a certain site card. Here’s a small example: your copywriter has prepared texts for your homepage using a sitemap, he or she can open the card of the Homepage of your site, and use Page Structure to demonstrate new content. At the same place, you can evaluate the work done and comment on it using the Discussion block to communicate. The main advantage is that in the course of your project, your sitemap becomes not just a hierarchical structure, but also a navigation system underlying the course of development of your project, so you can get all the necessary information at any time just by selecting the appropriate card of the sitemap.

To learn more about the interface of the sitemap and page structure, please use the following instructions (https://flowmapp.com/help/working-with-sitemap/)

4. Notification settings

There are also flexible notification settings in your profile settings where you can edit the incoming information flow depending on your goals and your team responsibilities. To learn more about the notification settings, click the link in the Help Center.

5. Integrations

Slack

A huge number of teams set up communication with colleagues through Slack, so on FlowMapp in the Notification menu you can turn on the possibility of receiving notifications in Slack, and you can select a specific project that will receive new notifications for actions committed only within this project.

To turn on Slack notifications in your project, please use the following instructions

Notion

If you use Notion for your project, you can easily integrate iframe of FlowMapp’s workplace in any Notion document. To do, follow the steps:

  1. Create a share link of Sitemap, User Flow, Personas, or CJM.
  2. Copy the link;
  3. Open your Notion document;
  4. Create the «Embed» Block and paste the share link;
  5. Done! Now you can use FlowMapp’s interface in your Notion document.

6. Online control

If your team uses the whole functionality of page structure and follows simple rules of contextual communication then your project manager can easily control the course of work, take a look at source files and content and refer to the chat communications if needed, reducing the time spent on the search for the necessary information without distracting a certain specialist with the question ‘Where can I find..?’

6.1. Streams

It’s an unbelievable feature of FlowMapp allowing you to track down changes in the project in real-time. You literally can see how your designer pools the Personas, User Flow or CJM block from one place to another. This feature eradicates borders between people allowing your team to close the tasks faster and enabling your project manager to react to changes online.

7. Activity

In order to quickly track current changes in the project, you can use the Activity function (the button with the bell icon in the upper right corner of the interface). With the help of Activity you can see notifications grouped by projects. You can also sort the displayed items so that you can see the notifications meant for you only. The following list of notifications is displayed in Activity:

  • Schedule of comments and changes,
  • An overview of your project history over time.

8. Sharing

Thanks to a built-in sharing system, you can always share the work done, for instance, with the Client, if you work on the development of a product. At FlowMapp you can share both the certain User Flow, Personas or CJM, and a link to the whole project, so the Client has an opportunity to evaluate the scope of the work done.

9. Main Link

Every Sitemap card has a field for entering a link above its Description block. This link implies at least two scenarios of using it. The first one, when you have just started the development of your product your designer can use the Main link to place there the link leading to a certain frame of the prototype (e.g. in Figma). Therefore every team member has access not only to all contextual chatting and discussions and content, and also everyone will be able to look through the latest version of the prototype of a certain page. The second one implies that later you can replace links to prototypes with links to ready marked-up pages in the Main link, and use the sitemap as a navigation system during the further product development.

10. Files

There is nothing tricky with the Files block, it allows you to escape overusing cloud storages like Dropbox or Google Drive and store all required files (e.g. source files, visual content, etc.) in a certain card of the sitemap providing easy access to the files for every member of your team.

Today, many teams don’t have an opportunity to stand next to a board to develop Personas, User Flow or CJM, since most of these teams have to work remotely. We suggest considering new ways of product development and increase the productivity of your team by using the best online collaborative tools.

Effective collaboration

If you decide to use FlowMapp in a new project, try to follow the principles of essentialism and give up a lot of tools to avoid frustration from the incoming chaotic information flow. FlowMapp in conjunction with Figma can solve 99% of the designer’s product tasks. You can use Figma as a mood board, a space for brainstorming and a prototyping environment, and FlowMapp as a space for communications, information flow organization and marketing strategy development, as well as a cloud storage for project-related content. This way you can save your time and money. The most important thing to remember is that the fewer tools you use in the course of project development, the easier it will be to structure information in order to create new products faster and better.

Try FlowMapp

FlowMapp helps you create interactive sitemaps for web development and plan better UX with User Flow. But wait, there's more — create structure, invite team, add content, share with client. No fuss.

More