Creating a Website Wireframe is Easy With Pidoco Free Wireframe Tool. Wireframe Creating & GUI Prototyping Tool.

Copying or paying tribute to the Bing interface design?

While it is no doubt an excellent idea to reinvigorate a user interface (especially when you make an images interface all about the images), the changes to Google Images are not necessarily new per se.  Google’s new interface design is strikingly similar to Bing.com’s Images user interface design—in fact it is almost uncanny.

Of course it would be unfair to call Google unoriginal in its interface design choices.  After all, it’s the details of an interface design that matter in the world of good usability.  In this case, Google seems to have picked up a good interface design idea and improved it through yet a more prominent display of the images through their larger size.  Everything that rises out of the creative world is influenced by what came before it.  Good ideas are infectious and if Google took a page from Bing’s website then that means they obviously liked what they saw.  That is the give and take in the world of interface design, painting, even literature.  Variations of what is working well for someone else.  Still, time will tell how well Google’s users respond to the new changes.  But for now, Google continues to surf the wave of internet success, being authentic in many instances, but also not afraid to concede and adopt good interface design solutions.

Several weeks ago Google updated their Google Images page interface design to move from a text-based to a more image based user interface.  The most noticeable changes include search image results that are assembled in a larger, more mosaic style pattern.  Google vice president of search products and user experience Marissa Mayer also maintains that “stripping [the interface down] and highlighting the image” will be simultaneously enticing and beneficial for users.  The idea is that users will have visually visceral and instantaneous access to the products that they seek.

Further changes to the Images interface include the way Google allows users to view selected pictures. Users can now click on the desired image and it will be blown up with the website of origin shown as faded in the background.  Google will also be phasing out text ads and replacing them with image ads to further improve the usability and clarity of its interface design.

But now let’s look at the interface design features that struck me: OnLive’s interface design is, in a word, cinematic. Upon starting the program a small overlay opens up requesting log in details. The background of the menu screen is made up of a number of small screens with running games, supposedly being played that moment by other users. The layout of the interface design is nicely suited to video games as there aren’t too many menu options, and it’s clearly designed to be easily navigable with a control pad. Choosing one of the menu options, such as the Marketplace game store, reveals breadcrumbs at the top of the interface design – one of those usability best practices. When acquiring a demo, the top right of the interface design layout of the games menu displays how much more time users have to play the game until they must purchase or rent the full-version. All in all, this is an interface design that is refreshing and easy-to-use, which is a great plus with online gaming services.

OnLive’s greatest challenge to date is keeping the lag down to a minimum of micro seconds. When streaming video, buffering time of 3 seconds is manageable. While playing a video game, 3 seconds could well mean game over. OnLive feels to me like a service intended for use two years from now (ready for use in Japan). The service is currently only available in the US where only 25% of broadband connections are faster than the 5 Mbps threshold needed to use it. Despite this, the service holds promise, working and sporting the same interface design on multiple formats such as PC, Mac, Linux, TV and even the iPad, which may make it a triumph of interface design.

I recently came across an interesting gaming platform that I thought I’d share. It seems appropriate since there were several things that I noticed which stood out with regard to its interface design. Well, you’ll see for yourself if you read further.

OnLive is a new service that seeks to turn the gaming world upside down with a decidedly disruptive Web 2.0 approach. Thus far video games have been largely an affair of hardware, localized at that. You (which usually meant mum or dad) would buy a game console or a PC with the best possible graphics card etc… Once that business was out of the way all that was left was to buy the games. This meant buying a piece of plastic with data on it. With the advent of ubiquitous internet, downloading games directly to your local hard drive became possible through services such as Steam. However one needed compatible hardware to be able to run the software. OnLive’s premise is to harness the cloud and a web-browser for gaming. The games run on servers in a remote data center and the audiovisual output is streamed to your computer in exchange for your controller inputs. This means that as long as you have a good internet connection, the hardware settings of your computer do not matter. All very nice so far.

New to Safari’s interface design is the Reader function which can be activated when Safari detects that you’re on a web page with an article. In that case, a grey button called Reader appears in the address bar at the top of the interface design. Clicking on it renders the button purple to show that the button is turned on. An overlay appears over the website with the article clutter-free along with the corresponding picture (if any). Onscreen controls for zoom, print and email are integrated into the Readers interface design. An interesting new feature is the introduction of Extensions (a feature other major browsers have had for a long time now). It will be interesting to see how extensions might improve Safari’s interface design and popularity further.

The latest iteration of Apple’s Safari web-browser sees the Cupertino based company renew its arsenal in the fiercely competitive browser wars. According to Netmarketshare Internet Explorer still leads the pack with 62.1% followed by Firefox (24.4%), Chrome (5.22%) and Safari (4.53%). The numbers clearly show that Safari has a lot of ground to catch up in the popularity stakes (especially considering it was around before Chrome). Although I suspect that a significant number of users of Internet Explorer use it simply because it came with their computer and do not see the need to for any other browser or use it due to company policy, this does not change any of the facts about this well-known browser with its familiar interface design, and Internet Explorer 6 on its own is still accounts for 17.17% of market share!

Competing in this setting, the new Safari boasts some great interface design features that increase the usability of the browser considerably. Safari borrows heavily from iTunes’ interface design even going as far as replicating Cover Flow and thus allowing users to view bookmarks and history visually as they would a photo album or album covers. Top Sites allows users to see their most visited websites at a glance in a cinematic interface design showing previews of the sites. These features of Safari’s new interface design lead to great usability. A photo preview of a website is recognised much more intuitively and faster than a list of URLs. Safari also scores usability points for its Full History Search which allows users to search for webpages using words or phrases from a website they visited, rendering it obsolete to remember complex URLs.

What else has changed?

Users with a WizeHive account can now log in with their Google account. This enables them to access Google Docs from within WizeHive’s interface design and link the appropriate documents to specific workspaces. Data can also now be tagged thus adding to the usability of the software tool offering users a way of organizing information in way that is meaningful to them. In addition to these changes, WizeHive has released a free iPhone app that manages to cram as much of the functionality of the web-app into an interface design that fits the iPhone’s smaller screen real estate. Changes such as these further underscore WizeHive’s easy-to-use collaborative interface design concept and point into a future direction of pushing aspects like collaboration and mobility even further.

Overall, the interface design changes seem to have a positive effect on the usability of the application and they may be a good example for other tools to follow.

WizeHive, an online collaboration tool that lets users share files, manage projects and track activity with others in secure, private workspaces recently revamped its interface design along with adding further functionality. A great opportunity to look at some interface design questions. WizeHive allows users to track multiple people and projects through its project management system. Users can create workspaces tailored to a specific client for the sharing of key business data, notes, documents and tasks. In addition, WizeHive helps to automate business processes, such as job applications or contests, through its WizeApps.

What has changed in the interface design?

Perhaps the most notable change to WizeHive’s interface design is that the new interface design is now much more streamlined, thus saving users time when they work with WizeHive, which may potentially bring down costs.  As before the interface design displays recent activity within an activity stream like Twitter, but now up to five workspaces can be added to clickable tabs at the top of the screen for easy access in addition to a ‘More Workspaces’ tab to access other workspaces that are not displayed by an individual tab within the interface design. There are further little improvements that all seem to add to the usability and clarity of the program.

How do users use the Guardian’s interface design?

For Phil Gyford, this meant creating a website with a unique interface design that features nothing more than a page that starts with the leading article from the daily newspaper. The date features at the very top of the page. The main navigation options are clicking right and left (for next and previous article respectively) thus meaning that users have no option but to read articles in the order presented. Users can however jump between sections (namely the main section, sport, g2, and film & music) right from what the developer has tentatively called the “sparkline/scrubber” at the top of the interface design. This same area of the interface design also indicates in red the current page as well as article length for users to be aware of where they stand in reading the daily edition.

Further considerations of this interface design

The choice in interface design works with the developer’s intention to improve the readability of the news content as there is no other clutter (in the form of links to all sorts of other articles, adverts etc.) around the article, which means that users can fully focus on one article. This consideration is of particular interest as studies have shown reading speeds on digital displays to be up to 10% lower than for traditional print products. The clean interface design of the Guardian also adds to the finishability of a day’s worth of news, something very irksome to achieve going through a traditional news website’s every subsection. A feature that I feel could be added is a calendar that allows users to jump to a specific date (for those who missed reading yesterday’s newspaper for example).

The Guardian, a major British national daily newspaper, has long received critical acclaim for its website which is also incidentally one of the most visited English-language news websites in the world. This success may not least be due to the influence of a superior interface design employed by the creators of the website, which greatly enhances usability. The website’s interface design is very efficient in layout and design allowing users to easily delve into the full gamut of news on offer along with clearly defined clickable breadcrumbs, helping users navigate easily to further subsections of the website.

What decisions led to this type of interface design?

An independent programmer name Phil Gyford has now offered users a unique streamlined way to enjoy the Guardian. Using the Guardian’s Content API he thought to tap into the need to consume news with the ease of a newspaper. No matter how well designed a newspaper’s interface design on its website may be, they all require users to actively navigate through separate sections. According to his personal blog, Phil Gyford “wanted something with reduced friction. There should be as few difficult decisions as possible, nothing harder than ‘shall I turn the page?’. I wanted to avoid having to make a big decision before reading an article. It should be as quick and effortless as possible, as close to how easy it is to start reading an article in a newspaper”. This statement speaks volumes to the importance of the ease of use with which end users (in this case the readers of the digital paper) can understand, utilize and navigate an interface design. With usability being one of the most noticeable determinants of quality online, its impact can not be overestimated, especially when addressing such a diverse audience as the Guardian does.