Mar 8, 2010 update: Below are thoughts from Feb 18, 2010. I don't know if the site has been modified/improved.
In my opinion, http://futureoftoledo.org violates multiple Web design principles, but maybe professional designers or user interface experts have a different view.
The site design typifies government: bloated, inconsistent, and cumbersome. This is unfortunate. The city should have browsed the writings at useit.com. And even if Toledo government had nothing to do with creating this site, it's their baby now. They are responsible for this getting out.
It's a noble concept to seek public input through a Web site, but this design is unsatisfactory. I feel sorry for those users who want to use the site and contribute but may get frustrated because of a clunky Web design.
Was this site created too quickly? It's probably too late to change from a Flash Web site to an HTML-text Web site, but the city or developer can at least make some text color changes. I don't understand how people in government signed off on this.
I believe the city or someone built the site at Wix.com, which describes itself as a "Free Flash Website Builder." It seems the city could have found an out-of-the-box Web site construction tool that did not use Flash. And doesn't the city have one or two IT people who can download a free, mature, community app like Drupal to create a simple, functional Web site?
Feb 17, 2010 - WTOL - Mayor's office uses new website to seek citizens' ideas
Mayor Mike Bell has already hosted several meetings to reach a consensus on how to best eliminate the deficit. Since he cannot meet with everyone, Bell has decided to utilize a website to reach more folks.FutureOfToledo.org launched to allow residents to provide their input on how the city should move forward. Steve Cady, Bell's transition coordinator, says the website is "an place to go and get the latest information on the city the budget process."
to easily provide - A split infinitive. Cool.
Who tested this site and came to the conclusion that the site was easy to use and efficient? Did the site developers or owners invite people into a room to test using the site?
This is how the site appears to me when I visit it:
The site is created with Flash. I use the Flashblock add-on in my Firefox Web browser because I dislike Flash most of the time. By clicking on the 'F' button, I can turn on the Flash, so I can view the site.
The exceptions to my dislike for Flash are when I visit Web sites for video games, movie studios, artists, advertising agencies, some Web design firms, and other similar sites that are targeted at specific audiences in a creative field. I would expect such sites to be designed differently, including the use of Flash. Another exception, of course, would be YouTube.
But futureoftoledo.org is targeted at a audience. I don't waste time on sites like this that unnecessarily use Flash.
futureoftoledo.org is confusing and inefficient. It almost seems it was designed to deter people from offering feedback, but government can later say, "We created a Web site seeking input."
Elementary design violations of futureoftoledo.org :
- Not understanding the targeted audience.
- Entirely created using Flash.
- The back button does not work within the site.
- It's a computer resource hog, bogging down older machines.
- Pages load slow because Flash is loading.
- Scrollbars used within the middle of some pages.
- Links to twitter, facebook, blog, etc. cause new browser windows to pop-up.
- Regular text and clickable text two different colors.
- most regular text is white, but some clickable text is also white.
- some regular text is greenish, but some clickable text is also greenish.
Once Flash finally loads, here's a partial screenshot of the home page:
I guess the intuitive part is supposed to be all the annoying "Click Here" white text. That shows a design flaw. Why not simply make all clickable text the greenish color and all non-clickable text white?
Under "Balancing the Budget," make all the greenish text like "Mayor Bell's Letter" and "more about the budget process" clickable instead of having the white "Click Here" text at the end of each line. The greenish text "download the flyer and share with everyone" is not clickable, but it's intuitive enough that it should be. Thus, no need for the "Click Here" text.
Under "Upcoming Meetings," for some reason I thought either the greenish or white text would be clickable, giving more info about each meeting, but it's not clickable.
So on the left side of the page under "Balancing the Budget" and "Upcoming Meetings," none of the greenish text is clickable. But under "Latest News" on the upper right, greenish text is clickable and not just the "More Updates Here" text. Why no "Click Here" text at the end of each line under "Latest in the News?"
Even if a bad design is chosen, at least be consistent, and this home page is inconsistent, and that can be confusing to users.
More inconsistent use of link colors.
Greenish text is used at the bottom to indicate links. The other greenish text is not clickable.
White text is used at the bottom to indicate links. Greenish text is not clickable.
The list of white text is clickable. No "Click Here" text.
This list of white text is not clickable, except for the "Click Here" text. Maybe what I think are white links are not really white but ivory. Regardless, the whitish links are too similar to the non-clickable white text.
Again, the site is targeted at a wide audience, and for many users in their daily Web surfing, scrollbars embedded within a page are unconventional navigation. And the cute icons at the lower right of each page are cruft. A general audience will possess varying degrees of social media savviness, so what's the point of links to facebook, twitter, a blog, etc? Make the site focused on one thing. Make it a tool with no clutter. Allow the user to get in, perform the expected tasks, and get out, easily, with no distractions.
If government feels the need to spread itself thin with a blog, a twitter page, and a facebook fan page because they believe those services will direct more people to http://futureoftoledo.org then that's fine. Goody social media gum drops. But on this page, it's not immediately clear where to click for twitter, facebook, and the blog. It's the white "Click Here" text at the end of each paragraph of white text. I would at least make the paragraph titles with the larger font-size a greenish color and make them clickable, especially since each paragraph title begins with a verb. Another problem is the "Click Here" text at the end of each paragraph and the little icons at the lower right of each page require new pop-up windows to be created. I have my browser preferences set to disallow pop-up windows, which I had to change for this site.
The other Toledo government links represented by the icons at the bottom right of each page:
- Blog: http://futureoftoledo.tumblr.com/ - This is fine, but it's not updated enough. And by using a tool like Drupal, a blog could exist within the main site, instead of externally. Their tumblr blog posts are being cross-posted to their twitter account.
- Twitter: http://twitter.com/futureoftoledo - Nice, but again, it's not updated enough. Only one tweet in the month of February. So what's the point?
- Facebook fan page: http://www.facebook.com/pages/Toledo-OH/Future-of-Toledo/418541495713 - Had 16 fans earlier and now up to 22 fans. The Facebook fan page could be one of the more important communication tools used by government if it's used. And Facebook fan page wall posts can be cross-posted to their twitter account, which they may be doing.
- E-mail contact form: http://www.emailmeform.com/fid.php?formid=404052
- Join e-mail form: http://www.emailmeform.com/fid.php?formid=414275
Wonder why the city didn't use its own, existing Web site at http://toledo.oh.gov
October 2007 thread New City of Toledo Web site
Here's a good use of Flash: Penguin Batting