How do you illustrate web site navigation?

views:

150

answers:

How do you illustrate web site navigation?

Hi everyone! I want to know if there is a "standard" way to illustrate a web site navigation (mostly "common" websites, not big web applications).

Can I use UML for that?

I'm looking to make a diagram of the navigation and not a "working prototype" (like you can do with balsamiq or others)

Thanks!

Microsoft Visio has some templates for that I believe

Cody C 2009-06-13 00:56:40

+1 A:

I prefer UML because it allows the informal sketches to progress toward formal documentation without you having to decide that "today we're doing real docs, not just sketches".

Enterprise Architect is one UML tool that has some web page patterns and stereotypes built it. Just be sure of what you want to represent in the dialect you choose. From an implementation standpoint you may be thinking about service endpoints, but from a UI development standpoint you may be thinking about user screens and modes.

The important part is consistency.

caskey 2009-06-13 01:16:13

I think you are talking about what Information Architects would call a sitemap. They are usually drawn with graphing software like Visio, OmniGraffle or occasionally Illustrator. Here is a tutorial.

jiggy 2009-06-13 01:31:19

Sitemaps are a little basic, no?... You can't see that you can go from page A to page B on clicking on the "Search" button or to page C by clicking on the link "login".

2009-06-13 01:50:28

There aren't any constraints on what a sitemap can show. You can indicate whatever relationships you like. Things like search are usually handled as special cases since they are not part of the navigation tree. Browse the rest of that site since IAs have already dealt with every navigation issue you can think of and come up with 5 different solutions for each one.

jiggy 2009-06-15 15:20:14

+1 A:

Dave Everitt 2009-06-16 09:08:43

ansaurus

tags:

views:

answers:

How do you illustrate web site navigation?

related questions