Why our Design Team uses Flowmapp

January 14, 2021

Over the past couple of years, fjorge has delved into the User Experience Design arena. This new service has been immensely helpful at creating efficiencies in development and has also played an integral part in uncovering potential issues with a Product in its infancy. We also have designed some cool interfaces.

We’ve dabbled around with different product offerings that aid us in our early UX / UI design process (we call it Discovery), and have found that Flowmapp checks all our boxes for gathering knowledge about Users, working collaboratively with a client, and organizing sites into logical flows and structures.

Features We Use & Love

Site Mapping

We’ve found in the past that sitemaps can be really cumbersome to make and edit efficiently. With Flowmapp, we can easily add, remove, or reorder pages seamlessly without having to make everything pixel perfect. If we are using a CMS, like WordPress, we can also name templates that will be reused on various pages. This makes it easy to keep track of the number of templates we’re designing and developing for.
example sitemap flowmapp An example sitemap we made using Flowmapp

User Flow Mapping

User Flow Maps help visualize the flow a user goes through when they make particular decisions. Being able to mock these decisions up quickly has proved really helpful at creating a shared understanding of the options users will have when they interact with a Product. As a Design team, we do User Flow Mapping collaboratively with a client with some guiding questions at hand, while other times we do them internally and share them afterwards. Either way, it puts us down the right path, and ensures we aren’t missing any steps of a User’s flow when they are navigating our Product.

user flow map for client

The beginning portion of a User Flow map.

Other aspects of this feature we like?

  • Ability to add iconography at decision points to visually tell the user if a question is true or false
  • Ability to add different shapes (Decisions = diamonds, Terminators = Ovals, Processes = Rectangles) & colors
  • Infinite amounts of artboard space, so you don’t have to worry about running out of room
  • How this feature can also be used for other activities, like narrowing in on taxonomy structures, or groupings of content (see below for example)

taxonomy examples

User Personas

Part of having a good User Experience with your Product means you’ve really zeroed in on your Primary Users, and refer back to them when you’re making functionality & design-related decisions. This helps create an empathetic User Experience.

Using templates from Flowmapp and information we’ve gathered about the Users, we can create various Persona’s that help guide our Products. You can add/remove sections to tailor it to the Persona and Product at hand.

user persona example

 

Have we sold you yet?

By the way, this isn’t an #ad. We just believe in being transparent about great products, and want to share them with the community. They’ve helped us with creating empathetic, functional, and delightful user experiences—and we think there should be more of them.

Author

Stay in Touch!

Stay in Touch!
Solutions Architecture

browse through our blog articles

Blog Archive