Site Map Diagrams
A visual site map 17 is quick to make, fairly expressive and easy to change. People have all sorts of methods for building site map diagrams. Whatever your tool, the diagram is a useful way to demonstrate hierarchy. It clearly shows the relationships between pages and tells you where your website is too shallow or deep.
What’s it for?
To visually explain the relationships between pages on your website.
What’s good about it?
Nothing better illustrates the hierarchy of a website than a diagram with lines and arrows indicating the relationships between pages. Clients naturally understand it.
What’s bad about it?
The actual relationships between pages can be hard to grasp. What looks good on a chart might not work well on a website. And a site map diagram is not really useful during the development phase, quickly becoming a dead documents.
In sum
A site map diagram is a quick way to sketch navigation and hierarchy. Don’t try to cram in other bits of information that just don’t fit.
A few resources to learn more about site maps and diagrams:
A Visual Vocabulary for Sitemaps 18
The Lazy Information Architect’s Guide to Making Sitemaps
It's Art, Dammit. The Portfolio of Jeremy Somers - 1 views
-
Works: 1. Includes a variety of examples, illustrations, web design, photography. 2. Clean simple, with bold colors for tabs to draw viewers eyes, very large texts. 3. Large images on every page. Does not work: 1.Too much text. 2. Also sells his own art work??? but thats kind of cool, but draws less focus on main point? 3. Not much about info/resume.
Starting Out Organized: Website Content Planning The Right Way - Smashing Magazine | Sm... - 1 views
Jesse Willmon's Summer 2010 Design-tacular - 1 views
-
Good: 1. The buttons and navigation style is cartoony and interesting, which gives a feel for this guy's personal aesthetic in his work. 2. After clicking a tab (for medium of work), there's a visible list of the content on that page that is shown on the left. 3. There's buttons on left content bar to navigate through pages, but also at the top to navigate through sub-sections of the content (e.g. multiple ads for a single ad campaign). Bad: 1. The content info at the top of his page uses a font that I don't think matches his illustrated/stylized font. It only sticks out because it's the only area of the page that uses different font. 2. After clicking on a link from his home page, you can't get back onto the intro page unless you shorten/modify the URL. 3. When the content list on the left side of the page contains many things, it's annoying to have to scroll to find the last page you viewed after clicking on a single piece.
Vault49 | Creative Agency - 0 views
-
Likes: 1. Because the site takes a while to load, the "Loading..." image you see is an illustrated heart beating, and it's really interesting to look at while you wait. 2. Content is all listed on left--easy navigation 3. Color scheme is very attractive, and still works well with content. Dislikes: 1. Can't scroll using trackpad--you have to use the side bar 2. Content still takes a long time to load, even after waiting for the initial homepage to load as well. 3. It's hard to distinguish between the heads and subheads on the left--maybe bolding the heads would make them pop a little better?
Architecture Portfolio: Jared Barrios - 2 views
-
I have been very impressed with youtube architecture portfolios from students. I like the way their work is presented as a small 2 minute film. Its fast, its visual and its a great way of introducing your work, designs and projects to this type of profession. What I like about this portfolio: 1. I love the first image you see: "How I do architecture" its a great "pow" and intro to what comes next (your work) 2. I like it when he shows a project in almost a scrapbook kind of way. You see one large picture of the overall project, then you see smaller pictures of different views of the same project. This is how I thought I might show my architecture projects with a plan, perspectives and a small collection of materials. 3. The ending of his portfolio is very surprising, I like it! It is a final quote from F. Wright about architecture and its connection to the heart. 4. I like his second page set up: a sketch of a seating area he designed. It looks very professional. 5. It is great how he shows sketches/black and white pictures and then it turns into a colored rendering of the sketch. What a great way to show design and drawing skills then to bring that sketch to life with color or turning it into a 3D model. Its fascinating to watch the development of the project. What could be changed with this portfolio: 1. I think this is a great way to introduce yourself and get viewers excited about what you can do, but this video is lacking a Homepage, contact and resume (at the least). I would be using this as an interactive tool (a small slide show) to introduce the viewers to my portfolio. (it will serve as an invitation of who I am to the profession) 2. Its too long. 3. Its not consistent and smooth. Its a bit choppy and shows too many different ways and styles, it feels like a little too much distraction of movements, when it should all be about the work. 4. It feels like an archive, a collection of all he has done. There is no direction or reasoning behind his selection
Ken Wong : Illustration & Design Portfolio - 1 views
-
Works: 1. Clean and simple layout, few tabs. 2. Design is dark color allowing images to pop out. 3. First thing you see are thumb nails of artists works. Does not Work: 1.About does not include a resume. 2."Prints available".... confuses a little. Is this a store? 3. Text color could be white instead of another shade of grey, site is already grey/ash/black.
Richard W. Rush, Architectural Illustration - portfolio - 0 views
-
What I like... - Be able to scan the overall works on a single page - A brief information with a couple of pictures on the first page helps me choose what I want to see - Fast move to each page What need to be improved... - It requires to scroll down a lot - Not enough additional information and images when moving into each project page (the amount of information seems almost same as the first page shows) - Not a strong Header - Related images of each project are not connected to each other but show up separatedly
1 - 10 of 10
Showing 20▼ items per page