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
Can User Experience Be Beautiful? An Analysis Of Navigation In Portfolio Websites | Sma... - 0 views
-
In this article, I'll be analyzing the navigation elements of a particular category of websites, i.e. portfolios. Why portfolios, you ask? Because they represent an interesting blend of creativity and development techniques. As they offer an intriguing user interface and interaction, this often borderlines with what is ultimately defined as an enjoyable user experience. Should aesthetics, originality and creativity come at the expense of usability? Can they reside on the same website in harmony?
Horizontal Navigation Menus: Trends, Patterns And Best Practices | Smashing Magazine - 0 views
-
In this article, we will focus on a variety of techniques and best practices to improve the usability of horizontal navigation bars, and we will note less effective styles. We'll also look at several trends that developers can choose from when working on the navigation design for their next project.
LiveReload - 0 views
Starting Out Organized: Website Content Planning The Right Way - Smashing Magazine | Sm... - 1 views
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
Web Design & Development I - 0 views
Getting Started with iOS: Introduction - 0 views
1 - 12 of 12
Showing 20▼ items per page