1. Software Project Architecture Design Tools
2. Software Architecture Design Example
3. Architectural Drawing Software Free Downl…
4. Software Architecture Design Tools Online

Home design software is one of the most popular tools used by both interior designers and architects alike. Room and home design software helps you plan and remodel a room or even construct additions to your home through an easy to use computer program. Programs such as these are usually referred to as computer-aided design (CAD) software. Edraw Architecture Diagram Software provides an easy solution for making architecture diagrams in your software system development process. With extensive premade drawing shapes and a straightforward users interface, you can easily make system architecture diagrams, software architecture diagrams, application architecture diagrams, website system architecture diagrams, uml diagrams and much more. Have you ever spent hours trying to make a software architecture diagram using a general purpose diagramming tool? Structurizr is a lightweight, web-based modelling tool that lets you quickly create diagrams based upon the C4 model for software architecture.

What tools do you use to speed up documenting application design.Namely, creating wireframes, flowcharts. What other methods do you find essential .

Is the general consensus that use cases are vital, or is a good functional spec document easier and quicker

StuartStuart

closed as off-topic by meagar♦May 15 at 13:54

This question appears to be off-topic. The users who voted to close gave this specific reason:

• 'Questions asking us to recommend or find a book, tool, software library, tutorial or other off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.' – meagar

If this question can be reworded to fit the rules in the help center, please edit the question.

18 Answers

ArgoUML has been my friend for many years when it comes to drawing UML. ArgoUML is a tool and you're asking about both tools and the processes used (i.e. 'which artifacts do you create with the tools). We generally stick to user stories (agile project) and do not make 'classical' use cases and use case documents.

krosenvoldkrosenvold

I use Balsamiq Mockups for UI design and Visual Paradigm Aigilian for modelling - it allows to nicely go from high-level business processes to granular requirements and UML modelling... And it's quite cheap.

Michał ChaniewskiMichał Chaniewski

Sparx EA is big bang for the buck. Multi language support with roundtripping and team support. Been using it for three years without complaint.

I've used Rational Rose, Poseidon, ArgoUML, and several free Eclipse plugins. Rational's too big and slow, Poseidon was great (free version imprints semi-nude greek god of the sea on your diagrams), and Argo always gave me problems and didn't diagram what I need. I never found a good 'free' Eclipse plugin... was always waiting for that magic bullet.

The pencil add-on for Firefox is pretty good for simple diagrams and GUI sketches.

And if you don't like it as a FF add-on, you can download a standalone version for Linux or windows.

EvanEvan

I use Freemind to handle all the ideas i get when im brainstorming a the solution of a problem. And then by using the icons and colors on each node i can prioritize them. I really like that freeware tool.

Allan SimonsenAllan Simonsen

Mostly Dia (http://projects.gnome.org/dia/), whiteboard and for quick 'drawings' pen and paper.

Paper and pencil, and whiteboard and dry erase marker. Later I transfer it to Visio once I've worked out the major problems. Unfortunately it doesn't meet your requirement of free, sorry.

jasonhjasonh

I use a four-section whiteboard with embedded printer. That way, I can both do design privately at my desk or in a group of peers, and it lets me print out my ramblings for later on.

I've never found an application that gives me all those capabilities (although a 6 foot by 4 foot monitor would be neat, I don't think my employer will pony up the cash for it).

Sometimes the best technological solution is no technology at all (although I will be checking out the other answers to see if the tools have improved since the last time I looked - I'm pretty cynical however so I approach it with a certain pessimism).

paxdiablopaxdiablo

Software Project Architecture Design Tools

OpenOffice.org's 'Draw' does a decent job for creating flowcharts and similar diagrams, as long as you don't expect it to know (and enforce) the syntax and semantics of a given diagram type.

Erich KitzmuellerErich Kitzmueller

dia, graphviz (dot), pen and paper, and my own mind.

All of these are free as in speech. Dia and graphviz are also free as in beer.

ThomasThomas

Gliffy (wireframing, flowcharting) has a free basic version but all documents produced this way are public, therefore not very usable I guess.

Sorin ComanescuSorin Comanescu

I usually find myself using MS Excel for drawing flowcharts rather than Visio because of its ease of use, and the juxtaposition of spreadsheet calculations with the flowchart itself. I write the pseudocode right next to the flowchart in MS Excel, and that makes reviewing much easier.

Muhammad FarhanMuhammad Farhan

Skectching paper (3' by 2') and a sharpie and pencil. I like the large surface, but find it easier to work on a horizontal surface (rather than using a whiteboard.)

I've actually modeled some flowcharts for the boss in MS Publisher. The drawing tools are good enough, and it converts to pdf. Not free, but may be on your workstation already.

I don't always do use cases, or even user stories, but will always brainstorm how a new app will be used, and by whom, before planning. That helps me better defend my specs.

BoydskiBoydski

Visio mostly, drawboard/pen&paper for drafts. I write my final thoughts on a word processor and publish them for other team members to comment. presentations are also important to deliver your concept to a broad audience (important in large companies where many teams might be affected by your design/new system, and you want to get feedback from everyone).

I will be checking out the recommendations here though, maybe I'll find some new useful tool.

AmiAmi

Thats online tool from Autosketch also may be usefull for modeling aand designing.http://draw.labs.autodesk.com/ADDraw/draw.html

I am currently using OmniGraffle for both sketching and documentation (combined with paper and pencil of course). It is quite elegant, fast and makes it easy to produce good looking documentation.

The major drawback is that it is not connected to the code at all, which makes refactoring a bit harder, but that goes for many of the tools right? It not free either, although quite cheap for a tool with it's maturity and strength.

Sebastian GanslandtSebastian Ganslandt

I find Umbrello (bumped into it while bopping around KDE on Fedora) to be a nice tool, although I don't have much to compare it to.

Not the answer you're looking for? Browse other questions tagged architectureuml or ask your own question.

Website Architecture Tools – A website’s information architecture has two major components: the definition and identification of site content and functionality, and the underlying structure, nomenclature and organization that defines the relationships between content and functionality.

Website architecture is not part of the user interface on-screen, but it does inform UI. It is documented in diagrams and spreadsheets rather than wireframes, prototypes and comprehensive layouts. For websites, information architecture is the way that content is categorized and organized on the website. It forms the basis for navigation, user experience and nomenclature.

Web development, programming languages, Software testing & others

In a way, you could look at information architecture as the bundles of information making up the sections of the website. Concepts grouped together go into the same bundle.

But why is website architecture so important? Well, it is because holes in information architecture is one of the most common problems seen in websites. Unsound or poor website architecture can make it difficult for visitors to navigate the website and find what they are looking for.

Website Architecture

Just think about website architecture and usability related to an ecommerce website. If your website architecture is sound but usability or taskflow is bad, visitors will be able to find what they want but will find it difficult to actually close the purchase because the buy-flow task will be difficult to go through. That would result in poor conversion.

On the other hand, if your website has poor architecture but good usability, your visitors will not even be able to find the products that they want. As such, usability would cease to matter because visitors would leave without even entering the purchase flow.

HTML Training (12 Courses, 11+ Projects)jQuery Training Training (8 Courses, 1+ Projects)Ruby on Rails Training (6 Courses, 2+ Projects)

In order to improve your website or build a good one, it is important to build website architecture without holes or related problems. Doing so ensures that the maximum number of visitors find what they want, improving conversion and return on investment.

Now that you know how important website architecture is, here are some tools that you can use specifically for site mapping and diagramming tools to use during the planning stages of website development and for improving existing sites.

1. Microsoft Visio

Microsoft Visio is one of the top diagramming tools right now, suitable for everything from flow charts to floor plans. It can be used for creating diagrams both simple and complex. It has a wide range of inbuilt shapes, stencils and objects. You can make your own shapes as well and import them.

Visio can be used for creating 3D map diagrams via inbuilt tools, though this particular feature is limited. It works well for simple maps. The tool can also pull live information from external sources like a Microsoft Access database or Excel sheet. It comes packed with a lot of inbuilt shapes that can be added to your diagram.

The software has drawing tools for accommodating special requirements, and you can quickly start work with the standard templates available right off the bat. The generalized drawing tools customize the diagrams for your own requirements. Visio has an intuitive interface that can be picked up even by novices.

Visio is used by a lot of designers and developers to map and diagram their websites during the planning stage.

2. Omnigraffle

Omnigraffle is a tool that you can use for a number of purposes, particularly wireframing and diagramming. When compared to wireframing applications, Omnigraffle is far from perfect but it does come with a good combination of capabilities and efficiency. It lacks good interactivity for prototyping, however, and it is only available for Mac computers. You can create clickable prototypes, but the functionality is limited to that much. You can also show or hide layers and do other such things, but these functions only work while within Omnigraffle.

Despite the shortcomings, Omnigraffle is a proven wireframing tool and a worthy choice for planning your website architecture. At its heart, Omnigraffle is all about creating diagrams, from software wireframes to organization charts, and from space planning and entity relationship diagrams to flowcharts.

The software’s new Resource Browser offers a number of templates and shape collections to create these documents. You can opt for this tool to create flow charts, network diagrams, project processes and much more. Most important, you can use this to map out your website architecture.

Omnigroup’s wireframing and diagramming suite is particularly valuable in that wireframes can be developed with a hierarchy so that users can click to go from one screen to another and also view a sidebar to view the relationship between pages. The tool can be used to develop diagrams, page layouts, process charts, website mockups and more. Although there is a learning curve involved, you can find a lot of value in Omnigraffle

3. PowerMapper

Used in over 50 countries and around a third of Fortune 100 companies, PowerMapper is a very popular site mapping tool. MIT, NASA and several other major organizations use this tool, which should tell you all you need to know about it.

The tool enables you to make a site map with ease. What usually takes days of effort is done within a few clicks. For instance, while it may take around 50 hours to develop a site map of a 1,000 page website manually, with three minutes per page for creating a laying out a box for each page, PowerMapper builds a better site map for a fraction of the time and cost.

Developed by Electrum Software, PowerMapper also enables map sharing with others. You can share site maps with clients and colleague when auditing or redesigning a website. You can also export maps using HTML, XML, CSV, PNG and other standard formats. Maps can be exported in the Google XML sitemap format to improve visibility on search engine page results.

In addition, you can copy and paste maps into other applications such Microsoft PowerPoint and Word for other purposes, or to Excel as well. It is easy to use and a great site mapping tool for mapping skeleton sites or current websites, offline and online. A variety of mapping styles are available, including professional and standard versions.

4. SmartDraw

SmartDraw is a popular flowchart creation software program with intuitive design and great ease of use, making it a good choice for novices. Apart from its slight learning curve, this tool also offer strong diagramming and organizational features, along with great graphic features and decent text options. Despite this, there are some drawbacks in the support options and there are some key diagram features that are missing.

The software does lack some key connection point options, like the ability to add connection points and the non-availability of junction jobs. Nevertheless, it is a good product for those familiar with flowchart design and people new to creating flowcharts.

SmartDraw lacks just a few diagramming tools, notable of which was the inability to add connection points. This can be a major drawback to creating custom or complex flowcharts, but should not be much of a problem for more basic designs, since multiple connection points are already available.

Software Architecture Design Example

The lack of junction jogs can also be problem, but once again it should not be that much of an issue if you create simple diagrams. However, it can make multi-step workflow diagrams a little more complicated to create.

In other areas, SmartDraw is quite a powerful website architecture tool. You can use a variety of templates or create your own.

5. Xtreeme SiteXpert

With Xtreeme SiteXpert, you can create Java-based maps and DHTML menus for your website. The standard edition launches with a dialogue box guiding your through the complete process. The layout wizard can be used to scan your website and assemble the links. It also lets you map the complete site structure, customize the code and creation navigation.

You can also find a basic tutorial that explains how the tool works. Moreover, you can update and insert the menus for your website with the tool. The application supports NetObjects, FrontPage and DreamWeaver plugins.

The standard edition is different from the professional edition, which comes with a search engine, automated site updating, XML features, and hierarchal diagramming. Nevertheless, its cross-border compatibility output is still valuable and it still enables new webmasters to create great dynamic menus.

Architectural Drawing Software Free Downl…

SiteXpert can be used to create various site map designs for your website under its features, including cross-platform, cross-browser and site search compatible website navigation schemes.

6. Dynomapper

Dynomapper is a good choice of a visual site mapping tool to develop interactive site maps that display more than just URLs. It can be used by users to collaborate and include comments, categories, analytics data and more. You can choose between thee site map styles- tree, circle and default- and you can customize them with color schemes and logos.

The tool also comes with analytics integration, advanced crawler options and drag-and-drop functionalities, making it one of the best visual site map tools. You can opt for a 14-day free trial or explore other pricing plans based on keyword tracking, crawl limits and users.

7. StickySorter

Software Architecture Design Tools Online

StickySorter is a great tool for categorizing and arranging virtual sticky notes for diagramming sessions and for other information sorting tasks. It also allows you to use different stickies related to each other into a single group. The stickies can have different colors for differentiation, and can be arranged in a pile, stack or tile. They can be zoomed in or out, and the field editor can create new fields or edit or delete existing ones.

Created by Microsoft Office Labs, this is a great free tool to sort lists of content into groups and explore new versions of website architecture. Unlike some of the other online tools mentioned before, you need to download this tool, and it requires Windows Vista or XP.

8. Axure

There are lot of prototyping tools available, but only a few of them have advanced features and Axure is one of them. It is a great user experience tool and enables website designers to create highly advanced interactive prototypes quickly, even if they are not very knowledgeable with front-end coding.

It is a wireframing and diagramming tool similar to Omnigraffle, which is useful for information architects, particularly interaction designers. With Axure RP Prol, you can create pages with drag-zoom, parallax scrolling, docked headers, incremental search, moving dynamic panels and more.

9. MindManager

MindManager by MindJet is unlike conventional mind-mapping software. This tool embeds project management into mind mapping, making it more of a comprehensive information manager than a simple mind mapper.

Although it is far from cheap, MindManager is definitely worth the cost. It is a visual framework meant to promote idea organization and freefork thinking. With its easy drag-and-drop functionality, it can be used by information architects to easily and quickly create and put down ideas, and organize these ideas in a site map for illustration it allows the exporting of site maps as JPG, PNG, PDF or Word documents.

10. XMind

XMind is another mapping program with powerful diagramming capabilities, but it does have some interface issues. Once you get used to its interface, however, you can get a lot from this tool. It comes with a number of templates that feature different diagram types. Its interface is detailed and can be overwhelming for those not familiar with it. Revisions are handled very well, allowing you to roll back to earlier versions with ease.

This tool comes with the added benefit of enabling website architecture specialists to save maps to Evernote. It offers a complete library of maps for users to view others’ work and share their own work. A free version is available, along with the paid XMind Pro for Linux, Windows and Mac.

11. Treejack

Treejack is ideal if you want to test a proposed website architecture’s information hierarchy. It is superior in ways to other evaluation techniques like reverse card sorting and closed card sorting, evaluating the complete depth of an information hierarchy.

For those of you who want to test their hierarchy and understand how it would work with users, Treejack can be a good tool. It allows architects to input a site hierarchy, recruit users and set up tasks. They can then see the results of the test, share or download them.