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.
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.

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)

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.

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.