Designing Navigation

This month we have been immersed in our latest challenge .... how to structure the navigation for a content rich site that uses big words and long phrases for its articles and consequently the planned navigation.
I like things simple, although comprehensible may be a better word, and when we are dealing with complex issues we sometimes need to go beyond simplicity to make things comprehensible. This is the issue with the navigation in question. Heres what we did to resolve this issue.

As always with our design we focus on how people will use a website or piece of software. Any navigation needs to help visitors answer 3 questions:

1. Where am I?
2. Where have I been?
3. Where can I go?

Along with answering these 3 questions, I have the results of numerous studies and the practical experience of observing people while they interact with user interfaces to help us reach a solution.

The more sections and pages planned for a website the more complex the navigation problem is. We cannot represent  every single piece of information in the navigation so we strive to provide the visitor to a website with enough information to quickly/intuitively work out where to go.

If the article buried at the lowest level of the navigation is the hardest to find then this would be our benchmark. While the designer was doing the visuals we built a wireframe and created a page for all the sections we knew about, along with pages deep in the site, that we could use to test out theories. Our programmer applied interactive code to the navigation and we are now testing the behavior of people on the site to determine if we have it right.

I am always searching for a solution that will make it easier for people to find the information they want on your website. 

How we manage the future

Testing for every browser is a costly and time consuming excercise and I have put a lot of thought into how we get the best result for our clients and their customers while keeping the cost under a million dollars . Heres what we do ....

We manage  future bowser version compatability by developing using the W3C guidelines for world wide web standards

We manage browser compatibility by testing to the following browsers:

          * Internet Explorer(IE) 6, 7 & 8
          * Firefox 2 & 3
          * Safari - Mac & iPhone
          * Chrome

Roughly 60% of the market (Net Applications via Wikipedia) is using IE. IE6 & IE7 do not fully support the world wide web standards so we sometimes go away from the standards in order to make things work in IE, which is the major web browser. Of course we check everything works fine in the other browsers at the time, but new browsers and new versions of the browsers can be, and will be, realeased after we have delivered the project.

When new browser versions are released we check that our Nautilus software works in the new release but not custom built software.

How to grow your Twitter following

Here are 5 ideas for growing your following on your business Twitter account:

• Post your Twitter link/username everywhere - website, email signature, blog etc
• Retweet great, appropriate tweets
• Respect your followers - don't flood them with sales messages
• Follow users you have something in common with
• Remember you are a professional - don't tweet your personal life on your business account

Collaboration Success

The latest consultant site delivered by Spiral also involved collaboration and working with a branding expert.
Working with other people and organisations to bring you the best possible result is something we are very practiced at and we very proud of our achievements in this area.  We have numerous examples of successful collaborations. To date they include:

• SME's who have a great relationship with their graphic designer where the designer has primarily been working on print collateral and they now want to upgrade their website. As software developers, who also do some design, we are well placed to interpret the visuals and build the website or newsletter template.
• Historic Places Trust. This project, implemented late in 2009 was a collaboration between Historic Places internal marketing department who wrote all content for the new site, Datacom who supplied the content management software and Spiral who supplied the database and web programming plus detailed visual design elements based on pre-existing concepts. 
• New Zealand Registered Architects Board (NZRAB). NZRAB have a database of all the architects registered in New Zealand. This information is shared with the public via the NZRAB website and via web services with the NZIA who manage architects professional development. Spiral is responsible for the technical management of this database and collaborates with the technical team at NZIA to enable secure sharing of some information and passwords across the two sites.

My tips for working with others are:

1. Leave your ego at the door
2. No-one likes to be left out - Include everyone in the communication
3. Have well planned a strategic meetings when needed, distribute the notes to all involved
4. Be honest and speak with kindness
5. Speak up and if the group decides against your recommendation, get over it - see tip #1

If you have ever watched a team of Husky dogs pulling a sled you will note that it only works if they all work together - it becomes a tangle if one dog says "Oh, I think we should go this way today!"

Sustainability Update - Congratulations Cain

Being sustainable means several things to us,  its not just about the environment! A sustainable business offers products and services that fulfil society's needs while placing an equal emphasis on people, planet and profits.
Cain recently published code he developed for the new version of Nautilus, to the open source community. This is part of our commitment to people in the community, in this case the world wide programming community.  The user control Cain developed, which is part of the code in Nautilus used to resize images and create thumbnails, was downloaded 4 times within 2 weeks of being posted.
If you know anyone into .NET programming and code bashing then send them the link - http://thumbnailcreator.codeplex.com/