Hot answers tagged

10

Hagan Rivers proposed a very useful model of representing a site's navigation during her presentation Escaping Navigation Hell, you should look into it. She says it's better to use an application map since the navigation system can be viewed as an application on itself that has the objective of taking you to the screen you need. It's so much clearer than a ...


9

Gives me problems recommending Microsoft products, however, give the 30 day trial of Visio a go. Visio was awesome when Microsoft bought it 15+ years ago, it also enables you to do clever things with data sources such as Excel spreadsheets. One feature I particularly like is how you can neatly arrange your diagram elements and then get them to fit onto a ...


9

Organizations are so hung up on deliverables that it turns a proper UX process into a deliverable process instead. Which is bad UX. The ideal is to educate the organization that UX isn't a step in the process with a set of defined deliverables, but rather it is part of the process itself, and the deliverables will change from project to project and even ...


8

For starters I recommend looking at this excellent article from UX Matters which talks about how to extend Jesse James Garret’s visual vocabulary to reflect rich interactive applications which recommends highlighting the interactions as synchronous (requiring a page load)and asynchronous (happening within the page). To quote the article For user ...


7

This is a good question. I've been wandering if there is a better way to document interactions for over a year now and have been trialling a few different things. I've taken inspiration from a lot of different places and below are the different types of methods I've created/trialled in the past with some success. The images below show interaction with an ...


7

In addition to the technique described by Rahul, I've also had success in applying Hagan Rivers' approach of "Application Maps" in certain contexts. Rather than an exact one-to-one representation of each screen, her technique tries to consider how a user "perceives" the flow of an application with regards to the menu system. She also uses the concepts of "...


7

Jesse James Garrett's Visual Vocabulary for IA has the concept of a "conditional area", represented by a dotted line grouping the elements. http://www.jjg.net/ia/visvocab/#conarea The example he gives is the following: In your example, you'd have the condition based on their role and throw some sort of error when the user tries to access a page outside ...


7

I vote no for UX and yes for SEO (with a caveat). If your site requires a sitemap for a user to find their way around, then that's a smell that you have a poor information architecture. I don't buy the argument that they support users who know what they are looking for - like an index in a book. A website and book are sufficiently different that the ...


5

I'd have to point you to this BBC Internet Blog post for an excellent reference. This blog post describes the technology strategy the BBC Future Media department is using to evolve from a relational content model and static publishing framework towards a fully dynamic semantic publishing (DSP) architecture. You will need to define and describe a set of ...


5

It's worthwhile creating a sitemap that's part of the IA documentation. You'll find that a microsite is always a few pages bigger than expected. This includes Terms & Conditions, Privacy Policy, Response pages and Landing Pages if part of a campaign. It's also a useful negotiating tool if client has signed off on a project and wants to add more content. ...


4

Due to limited space, mobile sites should include only essentials. In my opinion, a site map is not essential. Most sites implement it for SEO purposes. The pages are rarely designed for "live" users. I would not have a sitemap on a mobile site.


4

I'd (rather laboriously) go through the site page-by-page and log it all down in a spreadsheet, such as the example I've attached: Give each page a reference number based on the hierarchy in the site, list the usual details (title, URL) and a brief summary of the content. I've also started listing out all the features found on the page (text, imagery, flash ...


4

A flowchart is a flowchart regardless of which device it is viewed on.


4

Sitemaps are a simple visualization of the pages that the website will consist of. I use sitemaps when developing a website for a client so we can agree on the pages and their content. It's as simple as a square with a word and maybe a small description. Like 'frontpage' with the description 'small introduction'. It's a simple visualization for the client ...


4

Yes Yes is the answer to your question. Why would you invent additional levels? Sitemap - the term The term sitemap is ambiguous, it may denote: The hierarchical navigation taxonomy A group of links at the bottom of a page providing the most relevant links to other parts of the site Like at the bottom of this page With an on-going argument regarding ...


4

1ST ANSWER: I normally don't really care about the terminology used to describe the assets that are created using a UCD process, but I do care about the quality and accuracy of the information it captures. So to me I think your description of the two types of information captured is pretty close to the mark, but I couldn't tell you if that's the exact ...


3

To my observation most popular eCommerce sites skip site map because of lot of interlinking between the pages. check Amazon, http://www.oliveandmyrtle.com/, http://www.quikr.com/, http://www.20north.com/, Rather they focus more on product classification and grouping, which make the user to understand where they are and what they want. Also they make their ...


3

What we do is use a thick sharpie marker to sketch out the various screens in full, then we print/cut them out and tape them up to a wall (often a pane of glass in our office) with arrows pointing from one to the other. The benefits are that now you have the right fidelity to encourage discussion (it's not too detailed, but it's detailed enough to facilitate ...


3

Yes, or you can say www.yoursite.com and have it a page under that. I have seen it both ways. However, it makes the most sense to start with it since most if not all your users will.


3

If your home page (or first landing page) is not intuitive enough, then a sitemap will be useful for not-so-tech-savy users. Also, sitemaps always help in making your site more accessible to search engines no matter how much SEO has moved on.


3

Site maps are still useful in the same way that an index is still useful in a book that has a table of contents. It provides a different way of organizing information. A great website will naturally lead the users to where they want to go normally, particularly if they don't know exactly what they are looking for, but a site map is invaluable for quickly ...


3

I think this could be handled by providing simple affordance. If it looks like a generic link, it will be a link. If it looks like a button, it will be a button. If you want to increase the affordance in your Mega Menu, you may want to consider: A down-pointing arrow next to each horizontal menu item or a right-pointing arrow next to a vertical menu ...


3

A list of all pages and their hierarchy is often referred to as an organization structure.


3

Typically the reason you're showing all the screens is to illustrate how they navigate from one to the other. It's not uncommon to see "navigation overview" or "application flow" used to describe this type of diagram.


2

Sketchflow by Microsoft is great for developing rough WPF and Silverlight applications. The only catch is that it is not free. If you are working with Microsoft products thought it can be well worth it. Skecthflow


2

Flowcharts are the most common tool for visually representing site structure, as far as I know. Here are a couple of examples:


2

It depends on the exact nature of the deliverable. I'm puzzled that you'd distribute them in paper full stop, actually, unless you've a client who insist that submissions for tender go through a paper process (not that rare in the public sector, actually). But the paper size depends on the exact reading context. Is this one person who's going to be reading ...


2

Inkscape being a vector graphics editor application has rudimentary diagram support by offering diagram connectors (Ctrl-F2) that glue to objects also when moving. Its default file format is SVG but it can directly save and read (!) PDFs among many others.



Only top voted, non community-wiki answers of a minimum length are eligible