3 web architecture tools that will keep your project from derailing
28 February 2019
If you’re a project manager, a designer or UX researcher or even an entrepreneur, you probably know building a site or app is not as easy as it might look.
While adopting an agile project management method might reduce the amount of chaos you will face when you start structuring your app’s content, it’s still important to anticipate by seeing the bigger picture.
Sitemaps and userflow charts are essential visual tools to align your team around your content. But for years these artifacts have been hard to produce. Often the result of poorly designed available webapps, we all had to rely on creating those sitemaps ourselves, with paper or design softwares.
I was looking for a tool that allowed to lay out the overall site or application architecture, without distracting clients or testers with its design. But most of the tools available didn’t provide that. They either provided a way to create pages, but no description of content, or they focused more on the visual design and interactions.
Luckily, I stumbled upon different tools that did exactly what I needed. Here is a list of three user-flow tools that will, I hope, help you keep your project on track.
The first is Flowmapp, a nifty sitemap creator with wireframe templates that allow you to build your site’s architecture for under one hour. I want to thank Camille Bossel of Food Hack, for this finding which made me tear up a little. What I like about this tool is its ease of use, clean design, affordable pricing and the fact is has a userflow tool, although it is not directly linked to the sitemap, yet.
I was sent a link to Mockflow, which also looks promising but is more geared towards wireframing and usability planning. It does have a sitemap feature and boasts collaborative tools and integrations but I haven’t explored it enough to say it is as good for content planning.
Doing some research I found overflow, a well designed mockup-to-prototype webapp. It looks gorgeous and it’s important noting that it allows for more complex page-linking. But this one is definitely more suitable for high-fidelity prototypes. In my quest for a design-agnostic content planner, Overflow isn’t the one. But it might do the job for others, who want to display fully detailed pages and interactions.