navigation Home Portfolio Services Rates Contact

Posts tagged ‘hierarchy’

June 27th, 2010

Church Websites

While there are many different types of religions, this time we will only be looking at the web sites of Christian churches. I’ve heard a lot of complaints from people moving to a new town trying to find one that the sites tend to be complex and difficult to navigate. After polling various users, they said that often the sites have masses of useless information often in unreadable fonts.

What they did request from a church web site:
- Obvious service times
- What denomination and why
- Directions with clear map & picture of building
- Calendar of events / saint days / etc
- Accessibility for the elderly
- Gallery

First Presbyterian Church of Petaluma

There is no obvious hierarchy on the site– it is not clear where to look first, second, third, etc. This is due to the multiple colours and text being of a similiar size and weight. As a result, the homepage is disorienting to visitors, particularly due to the sheer volume of information presented.

The site does have most important data on the main page, for example, the service times are on the top left. Some serious simplification would do the site a great deal of good and make it look less formidable.

There are many content features on the site that are interesting, such as the podcast, unfortunately they are hidden in the piles of information. This is where a web designer could properly organize the site so information could be quickly found.

The Cathedral of Christ the Light

This site has a slightly better hierarchy, but it does not have the pertinent information up front– rather it concentrates on the history and symbols in the building. The directions are hidden in small type way down at the bottom of the page. Their map gives an error message and there is very little information that is helpful to the visitor.

The design is fairly clean and the text sizes are reasonable, although on the small side, so as church sites go it is above average for its layout. It merely needs to be a trifle more organized and put greater emphasis on crucial information, rather than flooding the visitor with trivia.

Open Door

This site has some very cheerful colours and photos on the main page, including the building. Seeing what a church looks like is helpful when trying to find it. It is not quite clear what sort of doctrinal beliefs they hold. That is important when the name of the church does not obviously include what sort they are.

It is difficult to find their service times and directions. I never cease to be astounded at many location based sites that do not take a few minutes to write directions from various important roads. It is the number one complaint of visitors.

St. Joseph Community

This site design is amateur, which can sometimes give the impression that a church does not respect its visitors enough to bring in a professional web designer for an initial CMS theme setup. That is not the most important thing to notice on the site, however. The text overall is small and difficult to read. The navigation needs to have more space in between links and to drop the extraneous symbols (-). If these quick changes were made, it would significantly increase the readability of the navigation.

The content overall, including the navigation, looks like someone wrote down every conceivable item that could be put on the site, then put it all online without stopping to organize it first. The enthusiasm is to be commended, but the result is that important facts are buried and there is no clear hierarchy.

That being said, they are one of the best sites for giving directions and providing photos of typical parish life. Once found, the information on the site is quite good. It only needs an extra few hours to sort it into a better wireframe.

Calvary Chapel

This is an example of an excellent church web site design. The service times are right up front and obvious, the hierarchy is decent, and the homepage is not clogged with useless information. It has a professional look and gives visitors confidence in the quality of the church.

Unfortunately, they have the exact opposite problem of the previous church site. While having a good design, they do not have well-written content. “Who We Are” does not make it clear what makes them different from other denominations. Their service times do not indicate what the services are, and superfluous content runs throughout the site. Having a lovely design just does not make up for not having helpful content.

New Life Christian Center

This is a good example of a medium site– the design and content are better than average, but need a lot of improvement. The type is small and almost unreadable, but it has a decent organizational structure and a visitor will not get lost or confused. Services & Events are right in the navigation, and the contact us has a fairly clear map, although it could be improved. There are no links and random facts everywhere– it is clean and easy to navigate.

The site does require multiple clicks to find important information– in general it is best to make it quick to access information such as service times. Their “About” pages are very well put together and they have an excellent list of their doctrinal beliefs complete with scriptural references. With some basic improvements, the site could be one of the best church sites online, although it still has a ways to go currently.

What we Learned:
- Hierarchy is crucial
- Keep information streamlined
- Important facts need to be quick and easy to find
- Find a balance between too much information and too little
- Clear navigation is just as important as a good design

Most designers are quite willing to set up a CMS system these days. Some Christian designers might even do the site for free or a discount– for the sake of visitors I hope churches will realize it is worth taking the time to ask for a professional site– even taking the time to fully pay for it. I have talked with many people who move to a new town and bemoan the difficult process of visiting all the churches. All they want to know is what sort it is, when the services are and how to get there. They are the primary target audience. Current members of a church rarely go to the site, and if they do it is only to see special event calendars. There is absolutely no need to clutter the site with anything else.

Suggested main navigation bar of a church site:

Home | Service Schedule | Beliefs | Location | Events | Podcast / Blog | Contact

Put the rest in a sub navigation area and leave the main links simple and easy to navigate.

June 10th, 2010

Sheet Music Research

People search online for music quite regularly— whether for a community concert, piano lessons or personal use. The reasons for finding a particular piece vary, but the plea for clarity of navigation is universal. After asking a variety of web users both among musicians and music lovers, the following items were requested across the board:

Poll Requests

- Search (for title, artist or lyric)
- Short Listening Sample (to make sure it is the right piece of music)
- Quick Purchase (where to download the full song)
- Sheet Music (with quick download, no extra programs needed)
- Free Lyrics/Libretto (in html text on the page and pdf download separate for printing)
- History/Info (date of music, whether it is under copyright and name of composer)

They were particularly emphatic that purchasing processes should be obvious and fast— I received multiple complaints that sheet music was difficult to download. The average musician prefers a pdf they can simply print out and prop up on their music stand to complex sheet music programs that have to be downloaded and used in conjunction with purchases.

As a test, I will be going through to find the music/sheet music to the opera Turandot’s aria “Non Piangere Liu”. It is a good example of something that is not obviously famous, but is not so obscure that music sites would not offer it.

The Piano Spot

Notice that this site does not have clear hierarchy— the eye does not know where to look first. As a result, the design appears to be jumbled and complex. The first thing that people wish to check is a short excerpt from the piece to be sure they have the correct one. In most of the entries, that is not an option. Although the site may not offer an audio version of the piece for sale, it would be worth having the first few bars of a piece recorded by a pianist specifically for the site. It may seem like a bother, but a lot of customers will be lost because there is not that audio confirmation they are on the correct page. Musicians in general tend to be very auditory and need that. It also might be worth displaying a jpg of the first few bars as well, to see if it is a type of sheet music that a musician prefers.

Some of the entries on the site give a sample page of the sheet music with watermark over it, which is quite helpful, although it requires people to click several times. It is much better to simply display a few key bars right on the page without additional scrolling and clicking.

Sites such as this one who expect people to just buy sheet music cold will not generate as many purchases as those offering brief samples. Imagine going out to purchase a new outfit for a gala opening. Instead of going to the shops, looking over what is available and trying them on, you are given a list of descriptions in text of each garment and expected to choose and purchase without seeing them. The very idea is ridiculous! So why is it commonly done with music?

The sheet music in many of the entries on this site is also only offered by being shipped, rather than also in digital format. Often there will be an emergency rehearsal or other need for quick sheet music– it needs to be available in an instant digital download in addition to a printed version.

Sheet Music Plus

Notice that it is instantly clear what the headline is on this page? There is a much better use of white space and also no doubt how and where to purchase the sheet music.

Unfortunately, the two things people need next (sample audio & sample sheet) are hidden. After careful searching, they prove to be two tiny links tucked next to the album art. They should be second in hierarchy to the headline, not hidden. People could arrive at the site, give a quick glance, give up and leave without ever seeing them.

While the lightbox method of displaying a gallery of sample images is valid, for sheet music there are some problems. I’m not sure if the web designer knew much about music, because the sample pages are so small that they are difficult to read and thus decide about the quality. They also offer several full pages with no watermark or any method of stopping duplication other than a little plea at the top not to. It is much safer to offer a full size few bars, rather than small versions of several entire pages. Again, this is a matter of the web designer not thinking of the target audience, but merely what common web fads were going on.

In short– while the overall design quality of the site is much higher than The Piano Spot, they still are not thinking of the consumer’s needs. This is an example of a decent designer who simply did not research the field enough before getting started on the design.

Other Sites

After looking through dozens of other related web sites, I found they all had the same problems as the two above. Either the design was extremely amateur and difficult to use, or it had an elegant design with no content. Unfortunately, it seems that the music world needs to do a bit more market research before selling products. We can take some good lessons from this, and apply it not only to the music industry but to other sites as well.

What we Learned:
- Hierarchy is key or important information will be lost in a jumble
- Always give quick samples of a product without requiring additional clicking
- Give a variety of purchase options for printed products, including instant digital download
- Design fads must give way if they do not match the target audience
- Do not hide crucial information in tiny ‘tasteful’ links when people need to find them fast
- Even the best design needs content