Category: Customer experience

Related tags

Are you the author who passionately writes about UX-design and project management?

Contact us if you want your articles to be posted on our blog.

FlowMapp x Figma. All stages of UX Research on a single platform

Having a single platform for managing a project at all stages of UX Research remains an urgent challenge today. Often when working with a client there can be misunderstandings due to chaotic comments and forgotten edits. Such issues are directly related to the number of services, messengers and social networks used by the project manager to establish communication and present the product to the client. Relying on memory, the search for relevant information in this chaotic system can turn into torture. In this article, we would like to tell about how to integrate Figma prototypes into FlowMapp and use this bundle as a single platform to manage the project.

Content:

  1. First step. Fundamental stages of development,
  2. Talks, talks. The issue of communication at different stages of UX Research,
  3. Familiar place. Working with Figma prototypes in FlowMapp interface,
  4. Not looking back. FlowMapp projects archiving.

1. First step

Starting a new project, we will face a number of necessary actions, such as fixing requirements and coordinating a technical task. Building a detailed site map improves the project understanding and simplifies the requirements fixing, thereby speeding up the preparation of a technical task. FlowMapp also allows you to work out User Flow, prior to the prototype development and place convenient links to it within the description of any sitemap card.

2. Talks, talks

In spite of the general development of UX design, and the emergence of well-thought-out interfaces, the manager has to remember that it is not always easy for the client to navigate through the endlessly increasing flow of new services. The difficulty and time spent on the exploration of new interfaces can lead to a misunderstanding arising between the manager and the client, complicating the coordination processes and can create an artificial increase in the cost of development.
For this reason, it is so important for both parties to maintain the established communication experience. Using FlowMapp and Figma as a single platform for UX Research can help you solve this issue.

3. Familiar place.

Figma is a great tool to prototype differently detailed screens, in conjunction with FlowMapp, it allows you to narrow the focus of attention by creating a single system for communication with the Client and allowing you to close the UX Research chain based on a single platform.
On the way to solving the fundamental UX Research issues, the client will familiarize himself with the FlowMapp interface, leave the first comments and mark the edits in the sitemap cards. In order not to force the client to search for links to actual prototypes in instant messengers or mail, you can use the convenient “Add Main Link” function in the sitemap card interface, which is familiar to the client, to link the current prototypes created in Figma.

FigmaFlowmapp

In fact, this simple action, together with the ability to create links in the card description to other sitemap cards, opens up the possibility of creating a full-fledged Prototype User Flow. You can try these services in the project following the link.
Thanks to Page Covers presentation mode and the most user-friendly UI FlowMapp, the client has a convenient way to navigate the project, and the manager has a clearly organized project history with all the comments and edits.

4. Not looking back

Experience has shown that the project handover is not always its logical completion. And there is always the possibility that the manager may need this or that information on the submitted project over the course of time. Without having a single platform, he will again need to rely on his own memory. In addition, the more time passes after the project is handed over, and the more submitted projects appear, the more difficult it is to navigate dozens of abandoned chats and forgotten passwords from the services on which the accounts were created for the project. To stop the chaos in the project manager work, saving him from frustration and subsequent burnout, FlowMapp has a convenient system for projects archiving. Archiving allows you to focus on current tasks, and refer to submitted projects only as needed.

2019 poses new challenges for us. The ability to cut off information garbage and focusing on the main thing-are the main priorities of the Designer while working on the Project. Trying to keep tons of information in mind leads to helplessness and loss of quality control arising in the workflow.

Working with the FlowMapp+Figma bundle helps you be more productive-consolidating all the information on a single platform, unloading your head to work on creative solutions.

Read more

User Flow in UX Research

UX Research

Development of empathic interface is a serious task that requires deliberate decisions from a Product Designer, which is why every stage of UX Research has great importance. In this article, we will analyze a tool that can help you at one of the first stages – Ideate.

Usually, when a designer develops an idea, it determines the development vector of an estimated product. A User Flow Tool can be a good helper at this stage. Origins of User Flow can be found in technical block diagrams describing algorithms and technical processes.

user flow example

At the moment, User Flow combines block diagrams and visual interface elements. These diagrams enable a designer to set a goal in advance, and test suggested user flows, defining key moments and determining issues at the Define Stage. An important advantage of User Flow Diagrams is its opportunity to reduce costs of a project, excluding a large number of UX mistakes even before prototyping of a tool, and simplicity of reading patterns allows to clearly demonstrate a Client or a Manager the importance of any solution.

To better understand the need for User Flow in your projects, click on the link to see a diagram.

When reading or creating such diagrams, don’t forget to follow basic principles which designers use in their User Flows:

  1. Limitations and Naming. A User Flow Name is a set goal of user flow; when creating a diagram, it’s important to set a user goal as accurately as possible to use it as a name of your diagram. It’s also important to plan the naming of each element of your User Flow. Deliberate and laconic names are one of the fundamental rules for creating a diagram that allows easily following the pattern making it convenient and logical.
  2. Standards. Even though current User Flows are not regulated, and there’s no a specific form for developing them, we followed a fundamental principle of standardized block diagrams while developing this diagram:

Each fan-out can only come from “diamonds.” A user can change the flow only by making its choice.

This diagram demonstrates User Flow in an application where a user can book an apartment directly from a property owner, a final goal of  which is to “Execute a booking request.”

UX Research

This small example allows us to measure the flexibility of the diagram. We reflected user flow to a specified objective and some flows that bring it back to the main route in situations when a user can’t respond positively.

Flexibility is a key element of User Flow. User Flow is not the system documentation and/or Use Case. All these factors provide such a broad diagram profile.

User Flow is an amazing tool, allowing to plan a variety of options for achieving a set goal of user flow that might help a designer and a team to prevent the possibility of costly mistakes at early stages of product development and make a well-considered and convenient project for an end user.

You can try to create a free User Flow Diagram at our platform. FlowMapp is an end-to-end solution for a designer, enabling a team to have full control of a project at each UX Research Stage.

Read more

Shift to T-Shaped has already happened

Here is professional talk with our friend Adam Zielonko, Senior Product Designer, Netguru agency. Read on as Adam sheds some light on his design approach and gives us some valuable advice.
Let’ go!

Read more