As our regular readers will know, we here at Bandwidth Blog like infographics, or basically anything that makes data more visually appealing, or easier to understand. I recently came across this tool from Ionz which generates a cool looking, albeit simple “view” of your own profile. When you open up the site it will ask you a few questions, and then based on percentages of the average user, generate something like this:

From there you can go and save a high resolution version for desktop. While I realize its a very simple little tool, I wish it had a few more metrics.

If you want to go and try it out – get it here. Once it fires up, just click the Union Jack at the top right to switch to english. From there answer the questions, and just wait for he infograph to generate. You can then personalize it in terms of orientation, colour, etc. Enjoy.

If you play around with the Apple iPad at the moment it becomes pretty clear that the apps dont follow some type of guidelines on usability. Sure, the button sizes are correct, but some apps have very strange operating methods. For example, the Guiness Book of Records uses a different paging techniques than say, Wired’s page flipping method. At present, image link areas are also too large or small in some apps. This leads to some usability issues with current range of apps. It reminds me somewhat of the early days of CD-ROM – every app had a more creative, but not necessarily better way to navigate or operate.

With the iPhone, the screensize limited new or unique gesture methods. But with the iPad’s bigger screen developers are free to play around with new gestures, like three or four fingers swipes. While this is fine, there needs to be some user conventions that will hopefully happen over time.Just watching someone who is used to the iPhone will show this pretty quickly – you often see them repeating gestures with small adjustments in either speed, motion, etc. As Nielsen mentions:

“iPad apps are inconsistent and have low feature discoverability, with frequent user errors due to accidental gestures. An overly strong print metaphor and weird interaction styles cause further usability problems.”

This does not necessarily mean there is a problem with the platform, instead developers need to focus on certain aspects to ensure that their apps perform well on the iPad:

Even our limited initial user studies provide directions for making iPad designs more usable:
• Add dimensionality and better define individual interactive areas to increase discoverability through perceived affordances of what users can do where.
• To achieve these interactive benefits, loosen up the etched-glass aesthetic. Going beyond the flatland of iPad’s first-generation apps might create slightly less attractive screens, but designers can retain most of the good looks by making the GUI cues more subtle than the heavy-handed visuals used in the Macintosh-to-Windows-7 progression of GUI styles.
• Abandon the hope of value-add through weirdness. Better to use consistent interaction techniques that empower users to focus on your content instead of wondering how to get it.
• Support standard navigation, including a Back feature, search, clickable headlines, and a homepage for most apps.

If you want to go read the full 93 page usability report, you can find it here. This is a truly valuable resource if you are currently experimenting with touch interfaces.

Thanks to Albert for the pointer…

[Guest post by David Perel - Co-Founder of Obox Themes.]

I have recently had access to the Digg website and based on my initial impressions it is quite impressive.

The design has been done very well and has a level of quality that is sometimes missing in larger sites. Facebook lost their way a bit in this area, their design landed up quite messy but they impressively managed to pull it back.

It feels as though every part of the new design has gone through a lot of analysis and revision. I am super impressed by it. The usability and navigation is hugely improved and in general the whole experience flows.

In terms of functionality and the way it works, Digg seems to have taken a few tips out of the Twitter and Facebook juggernauts. In particular the way that stories are now ‘Dugg’ has changed.

They say the priority has moved away from power diggers (those who hold all the power on the current Digg site) and more toward the user. When you login into the new site you are given a User Suggestion List. From there you are offered to find friends to follow from your Facebook, Twitter and Google friends lists.

In the past when you landed on Digg you were presented with the latest stories which have been Dugg. Now your profile has become the landing page and on it are stories from the people you follow. So the more people you follow the more stories you will see.

The more friends you have in the new Digg the more chance you have of your story hitting the front page. So it is now up to you to gather as many followers as possible so that they can Digg your story.

They say on Twitter that your follower count does not matter. Well on Digg it does, in a BIG way. It literally feels like a Twitter link farm and instead of a tweet stream you now have a Digg stream.

Highlights of the new site are the new way you post links. In the past it was a painful process which involved a 4 step process but now you simply enter your URL into a link box which is similar to the status box you have on Facebook.

Once you have entered your link it will gather all the relevant info for you. It’s a pleasure to use and quite user friendly. Full marks for that new feature, I know that I will be using the site a lot more because of it.

Overall I see the new Digg generating more traffic than before and pleasing new and existing users. You can still access the old style method but now with the emphasis more on the masses than the power diggers they will see a pretty big increase in new signups as people beg their mates to join.

If you’ve visited Wikipedia recently, you may have noticed a few changes to the reading and editing interface. These changes form part of Wikipedia’s usability and user experience programme, and are the result of qualitative user research undertaken by the Wikimedia Foundation.

Here’s a rundown of the changes you can look out for:

• A new theme, called Vector
• Tabs at the top of each page to more clearly define whether you are viewing the page or discussion page, and whether you are reading or editing a page
• Improvements to the editing toolbar, making page-formatting simpler and more intuitive
• Link wizard, for easily adding links to other Wikipedia or Wikimedia pages, as well as links to external sites
• Improved search suggestions
• Table wizard for creating tables
• Find-and-replace feature to simplify page editing

Other changes planned for later this year include:

• A reduction in the amount of wiki code users see in the edit system
• Allowing users to change data in tables and information boxes through simple forms
• A new outline tool that will help users navigate long articles while editing
• Simplification of the search function
• An improved interface for uploading images and video, and searching the multimedia repository

If you are someone who always wants to try the latest version of software, even if it is a pre release, you might want to take a look at IE9. I downloaded it, and from what I see Microsoft is really trying to step up to the plate by creating a decent standards based browser. While it might not be a Webkit browser like Chrome or Safari, it does support the newer HTML5 standards, including H.264 video codecs right out the box.  IE9 is currently not even in Beta yet, but is primarily focussed on web developers who want to be proactive with their work. When you install it, it does not replace your current IE install, so its not too risky. What this version of IE9 does well is some great new design demos:

You can run the demos in other browsers and just see how they perform. So if you are interested, you can get IE9 preview here.

Obox Design, a premium theme studio based in Hout Bay, Cape Town, has joined up with popular micro-blogging service Posterous to supply their users with a selection of themes. The Obox themes will be included in the official Posterous theme directory, and will all be free. Three themes are already available, with two more in the pipeline.

Themes now available
My.List, a visual theme suited to designers or photographers:

Mad Men, formerly known as Smoke & Tumble:

Post Press, formerly known as Micro.Press:

The two themes currently in development are Minimal (simple design with a clear focus on the content), and Wired Inspired (includes some subtle grunge elements). Read more about the partnership on the Obox blog.

BandwidthBlog posted the scoop a few months ago about the new M&G site layout and I’m sure you remember it. Vincent Maher head strategist for M&G and Amatomu co-founder, showed it to Charl months and months ago, but today ladies and gents the wait is over. We have the final version which should be ready to go live soon.

Took them a lot of time to renovate their website but M&G Online now includes a world-class design that’s based on a more spacious and sophisticated layout, which should offer a very easy and comfortable browsing experience. They’ve also implemented social media functionality by combining features from Thought Leader, South African blog aggregator Amatomu, and News in Photos sites.

Some say it may be faster than the older version. I agree.

Most important features of the new Mail & Guardian Online are:

• Save clippings of favourite articles and publish these on their own clippings blogs.
• The StoryPredictor suggests articles according to reader interests.
• See who is viewing which article on the M&G Online in real time with NewsSwarm.
• Enjoy better and centralised management of newsletter subscriptions.
• Use advanced article printing functionality.
• Add blog and news feeds from other online sources.
• Receive special announcements from the M&G Online.
• Use the ReadersChoice system to vote for articles or add articles from other sites.
• Explore major e-commerce areas: jobs, cars, dating, property and shopping.
• View related articles from other news websites.
• Comment on all articles and debate with other M&G Online readers.
• View a basic video feed of world news from AFP

Just for the records here’s a comparison : before and after.

We at BandwidthBlog have always been harsh and hard with newcomers or changes, but this time it’s almost a perfect A. Good job to all those that worked hard hours on beer and pizza to come up with the new layout. It’s looking great!

Lots of people were expecting the new Facebook user profile layout but the “company” was very slow in delivering. The new layout was supposed to be ready early April, but all we got were more details on their Developers page. Apparently the new layout will contain 5 main tabs : Feed, Wall, Info, Photos, and “Boxes”.

The feed tab seems to be unchanged containing news feeds, but still users may find it hard to “understand” why there is a Wall anymore because it will be text-only from now on. Using a Publisher Tool users will be able to post to their friends’ feed tabs and their own. The tool could be similar to FriendFeed-like conversations but it’s nothing certain until we get more info from the guys.

Existing wide and narrow profile boxes will now appear on a new Boxes tab that every user can enable/disable on their profile.

Though I said there are 5 tabs contained within the layout, users will be able to add their own, too. Facebook will allow up to 5 application boxes to be shown across all tabs but there will be some sort of height restriction.

I’m waiting for the release to give you more info because right now there isn’t much I can dig, except for a not very informative screenshot. Stay tuned.

Building a successful blog has many key elements, one of them is a great design and layout. Now not all of us are design savvy and could easily end up with a horrible looking blog. Luckily we have blogging rockstars like Adii to provide high quality themes with feature packed back ends.

Adii released three new premium WordPress themes, the Live Wire series : Live Wire 2.0, Live Wire Edition and Live Wire Style. The prices start at $99.95 for a single license (website), go up at $149.95 for all three themes and two licenses and if you need to use them on an unlimited number of domains you’ll have to pay $249.95 (includes all three themes).

Here is a list of the features you get when you buy a Live Wire premium theme:

Automatic Image Resizer (requires PHP GD Library to work)
Custom Page Templates for Archives, Sitemap & Image Gallery
Built-in Gravatar Support for Authors & Comments
Author Profiles & Archives
Featured news section
Video Panel (for use with Flash videos)
Navigation Dropdown Menu’s
Sidebar Tabbed Box
2 different homepage layouts (featured section)
Widgetized sidebars
Integrated Banner Ad Management (easily switch this on / off)
Integrated Flickr & Feedburner

The three themes are all magazine-like but I’m sure you could use them on your blog even if you don’t want to start an online magazine. For example, an ideal place to use the Live Wire themes would be on a blogs network. We all know branding is important and having the same elements present is a must for blog networks.

I had the chance to see all of the themes in action and I really liked what I saw. Functionality is great but kept simple with a clean layout and sweet features.

One of my friends bought the developer’s package for his network of blogs and told me that his RSS subscribers increased by 20-percent and readers started to make more and more comments on his articles. This sounds like a great deal so if you want yours, go ahead and buy it now.

Ladies and gents if you remember our Springleap coverage last month you probably know that if you submit your t-shirt design and people like it, you may win some prizes.

The guys did it again, this time with a marketing solution to get blogs/Internet exposure and came up with a SEO contest. So they needed designers the first time to have what to sell and all they need now is people talking about them.

But let me tell you more about the contest. It’s starting today and ends on April 1st. This is when a number of judges will open up google.com and will search for – springleap – and will award points to the first three URLs (obviously 3pts for #1, 2pts for #2 and 1pt for #3). The total votes will be counted and the winners will get R500 for number three, R1000 for number two and a “whopping” R2500 for number one.

As you can see their marketing strategy is great and believe me there’s going to be a lot of buzz on this SEO contest mainly because it’s money involved. What I would enjoy the most is to get some numbers from them, that tell us how many new buyers they got from this campaign.

Right now, for – springleap – BandwidthBlog is #2 and we plan to either stay there or climb one step further. I wish everyone luck and let the games begin.