Category — Interface Prototyping

The BBC has recently released the third iteration of its acclaimed on-demand iPlayer media service to a slew of new features and a revamped user interface design. At first glance the layout of the interface design is less cluttered and now better demarcated easing web site navigation. This is partly achieved due to TV and radio content now separated into individual tabs. Each of these tabs has panels designed to help users find content fast and without having to think. The four panels at the top, in order from left to right, highlight ‘Featured’ content, ‘Recommended’ content linked to a user’s viewing/listening habits, ‘Most Popular’ content, and your ‘Friends’ recommendations. The latter feature requires users to register for a BBC iD and takes advantage of Facebook and Twitter APIs to make it easy to share and receive content. Each of these panels can be expanded to reveal more viewing options in the UI.

In addition there is a search bar at the top right of the user interface design that suggests results as you type them in, i.e. in real time. Below the four panels there are the TV/ radio channels on the left including a schedule for the previous four days. This makes sense because the site tagline is “Catch up on the last 7 days of BBC TV & Radio”. Users, however, can open the full schedule with a single click. To the right, below the fours panels is the ‘Categories’ area where content is divided into Music, Children’s, Comedy, regional etc. By default four different programs, each from a different category are highlighted. Another handy feature is the ‘Favourites’ right at the top of the interface design just below the search bar. Once a show has been chosen as a favourite, new shows as well as the last episode can be accessed from here. All in all the new user interface design scores high in usability and has impressive discoverability. On the down side I found the registration process to be lacking. I felt that the number of steps taken from signing up for a BBC iD account until activating Facebook and Twitter accounts was too high for a top mark. Nevertheless, a commendable approach to a functional UI design.

Despite leading the browser charts as the most successful browser Internet Explorer still remains much-maligned by all and sundry.  Internet Explorer’s apparent ubiquity seems to stem from coming bundled with Windows (leading to anti-trust suits against the Redmond giant). According to StatCounter IE’s market share has now fallen below 50%, perhaps a sign of things to come! Popular gripes about IE include the slower benchmarks in regards to the competition, such as Firefox. IE also lacked a download manager and hogged up more RAM.  Even more worryingly it came with a lot of unwanted add-ons and toolbars that made it even slower and negatively impacted the user interface design as website viewing space would shrink, requiring even more scrolling to see all parts of the UI.

IE9 is Microsoft’s way of staying relevant in a cutthroat industry and is currently available in public beta form. At first glance the interface design is minimalistic falls somewhere in between the really lean interface design of Google Chrome and Firefox allowing users to see more of the web. IE9 eschews the menu bar and the search bar giving the address bar and navigation controls more prominence. The address bar now also doubles as the search bar thereby simplifying the interface design. Coupled with Bing, which displays certain info as you search (such as a photo of the person you’re searching for or weather conditions etc.), IE9 lives up to Steve Krug’s first law of usability because users have to spend less time thinking and clicking through processes to accomplish critical user tasks.

The popularity of web applications is also given due prominence. IE9 now allows users to pin their favorite web apps (be it social network, webmail, or music streaming services) to the Windows taskbar, meaning easy one-click access to the most-used online services right through the interface design. After all, first opening the web browser and then clicking on a bookmark is about to become so passé. Coupled with other long absent and asked for features, such as a download manager, Microsoft has shown that the browser wars are far from becoming stale.

Developing any user interface can be a challenge, but designing a VUI (Voice User Interface) comes with its own unique set of obstacles that developers must grapple with.  And they are different from those that designers of GUIs (Graphical User Interfaces) are faced with.  One of the major mistakes that a designer can make when working with a VUI is buying into the misconception that a VUI is a just simplified, telephone version of a GUI and thus requires a similar design approach based on a similar set of issues and challenges.  This mindset couldn’t be further from the truth.  In order to better understand how to craft successful and optimally usable VUIs, it is important to note the differences between the two user interfaces in order to achieve the results that providers and users expect.

For many years now, outsourcing has resounded through the land. But still it is linked in our heads with big companies which give some work away because they either do not have the capacity to carry out the work themselves, or want to save money by using this strategy. However, nowadays it is not only big companies anymore who try to gain from this process, but more and more small businesses and private people.

The advantages of outsourcing

But what are the advantages of outsourcing and how can these be generated? The system is easy. If you as a company – (whether a small or big one) – would like to give previously performed in-house tasks to an external provider, you can simply give the contract to a third-party who you will pay to carry out the task on your behalf. The main advantages include cost savings, being able to focus on your core business, overall being able to improve the quality while increasing flexibility at the same time. Collaborating with external experts allows customers to calculate their business costs more precisely because the costs only occur for a certain period of time.

But how can you find such an external provider, and how do you know if the price you are paying is not too high and if the proposal is really the best you could get? One possibility is: Using global internet platforms which arrange services for you in order to meet your individual needs. One of the biggest in Germany is twago.

Internet usage and connectivity varies greatly around the world. In Germany, around 72% of all households have internet access. While this may seem high, especially when put into the context of developing countries, it still means nearly one third of all households lack internet access. One of the reasons for this could be age and the age-related habits or requirements of elderly people. In Germany, 60% of adults use the internet whereas 80% of 10-13 year olds use the internet. Statistics from the US reveal that overall 79% of adults use the internet, but on further inspection one can see that the number of 18-29 that use the internet, at 92%, is double the amount of those aged 65 and over, at 42%.

Another reason could be differences in income or social status. On a macro level, the countries with the highest number of computers per people and households with internet tend to be those with the highest GDP. Within those countries, households from a lower socioeconomic background tend to have less internet access. In Britain, this led to the then premier Gordon Brown to start an initiative to provide 270,000 economically disadvantaged families with laptops and free internet connection. China, with 298 million users, has the most internet users in the world, but considering its huge population that only means that 22.4% (below the world average) of their population are using the internet. Africa by contrast has an average internet penetration rate of 8.7%.
Could the reason a third of the population in countries like Germany do not use the internet be due to inadequate interface design and/or usability issues in general? While many popular websites have interface designs that are designed with the best usability principles in mind, they often focus on younger age groups – not only in content and functionality, but in important areas of interface design. These include small to medium font sizes or navigation elements that require good eye-sight, screen layouts that are unfamiliar to people used to print products, complex navigation schemes and a plethora of options to select, as well as terminology and language which often includes modern non-native terms like “Home”, “Account”, “Login”, and the like. All these elements of an interface design pose potential barriers to use by older people.

Aside from other reasons for the lack of 100% internet access at home – such as people not feeling the necessity perhaps having (free) internet access at work, school, wireless access at their favorite cafe, or even from their mobile phone – usability and interface design issues may help explain part of the large portion of the population that still doesn’t use the internet. This shows that in order to improve and facilitate internet use for certain groups in the population, such as the growing group of elderly people in developed nations, their special requirements in terms of usability and interface design will have to be catered to. This may well open new market opportunities, such as accessible internet and others. Yet, there needs to be more, perhaps even special arrangements by providers taking into consideration the needs relating to content and layout of interface designs with special settings or access options for certain population groups.

While internet access is a good indicator of internet use, statistics on this indicator do not tell the full story. Consider these facts: The mobile phone application market is expected to grow to $15 billion by 2013. In places like Africa the leapfrogging aspect of mobile phones means that it is easier and cheaper to access the web via a phone than to have internet access at home, leading to a large percentage of internet users not accounted for by internet access statistics. In addition, it is worth noting that internet use can never be 100% of the population considering that some people, like those in prisons, are often not allowed to use the internet.

Over the past few weeks numerous iPhone 4G users have been complaining that the phone has a faulty antenna. They claim that they easily lose reception when holding the phone at its lower left-hand corner.  Apple’s solution?   Steve Jobs simply says “don’t hold it that way”.   Apple also has a more concrete answer, insisting that the problem can be avoided by using a case that covers the phone (presumably an iPhone case purchased from Apple).  While this hardware related usability complaint may seem trivial, Apple’s newest hardware usability problem is a springboard that we can use to explore a growing area of concern for many technology users: the increasing gap between hardware and the interfaces required to use them.

What impact does the smartphone market have on the tech industry?

This current fiscal year has been a great one for Apple as they, for the first time, surpassed long-time frenemy Microsoft to become the second largest US company by market capitalization after Exxon Mobil. This achievement would not have been possible with a product that did not exist just over three years ago. That product, in case you were wondering, is none other than the iPhone which now accounts for 40% of Apple’s revenue. Smartphones, this goes without saying, are the hottest game in tech town! And everyone seems to want a piece of this ever-growing pie if HP’s purchase of Palm is anything to go by.

How are the two biggest players in the smartphone market seeking hegemony?

The iPhone’s biggest challenger comes in the shape of Google via their Android OS which can be found on a number of smartphones made by manufacturers such as HTC, Motorola, Sony Ericsson, LG, Samsung, and more. The Android OS, with its royalty-free license, manages to compete with a hardware item like the iPhone by going the route of Windows in the 80s of targeting volume to create a ubiquitous platform that will in turn attract developers to create apps that add to the OS’ functionality. Although the iPhone is a hardware item the real attraction is the exclusive, beloved OS. This is evident in the fact that, so far at least, the iPhone is the leading smartphone OS in terms of market share despite Android boasting phones with better hardware specs such as the HTC Desire. Both Apple and Google have announced future iterations of their respective smartphone OSes, namely iPhone OS 4 and Android 2.2. According to tech blogger John Gruber “Apple and Google are jostling to shift the comparison between the two platforms to their very different strengths. Apple’s strengths: user experience, design, consistency. Google’s strengths: the cloud, variety, permissiveness”. And just to be clear, design here also refers to interface design, of course.

Who are the others?

It would seem, however, that social networking has reached a critical mass and is at a crossroads. Until now, there have been largely closed and centralized environments along the lines of mobile phone carriers that only allow you to call others who use the same provider for free. In addition to a solid interface design and usability foundation, the best ways (David’s slingshot, as it were) to challenge Facebook is on issues of privacy, data ownership and decentralization. Already a number of notable projects are in the works that address those issues and I shall briefly mention a few. The Appleseed project is working to create an open source, fully distributed and decentralized social networking software. In effect any entity would be able to create compatible websites which users can join. And if you decide you don’t like the site you’re on, you can sign up for another Appleseed compatible site and immediately reconnect with everyone in your network. OneSocialWeb is creating protocols that allow for communication between social networks meaning that if you meet a friend on another network you wouldn’t have to create a new profile just to connect with them. Perhaps the project that picked up the most buzz is Diaspora, “the privacy aware, personally controlled, do-it-all distributed open-source social network”, after it received pledges of $175,000 from over 4,600 people on Kickstarter after asking for only $10,000! It will be interesting to see how social networks will evolve over the next couple of years.

How does portability enhance user experience?

It is also worth noting that the web apps, being built with standard web tools, would function on any web browser supporting these technologies. What will set Chrome apart from other browsers is the ability to easily find and create convenient shortcuts to access these apps. According to Glen Murphy, a Chrome user interface design team developer, another important UI design principle of Chrome is “cutting Chrome back to absolutely nothing… moving towards this simpler, high performance approach”. This approach is going to open many opportunities for web developers and interface designers to create enriching apps that will make browsers even more ubiquitous and useful, at least as far as the desktop is concerned.

More of Google’s many announcements at the recently concluded Google I/O 2010 developers conference are a number of new features to its Google Chrome internet browser. Apart from improved speed and now being available for both the Mac and Linux platforms the web browser now features the Chrome Web Store. The store is an open marketplace for web apps that makes it easier for both users to discover web apps suiting their needs and for developers to reach a large audience.

How do interface design changes improve usability through efficient access?

Installing web apps will create shortcuts to said apps on the tab bar making them more quickly accessible through Chrome’s interface design with just one mouse click, thereby improving usability and user experience. Furthermore, installed web apps built on HTML5 can access services that regular web pages can not such as Geolocation APIs, file drag-and-drop and App Cache (this  can allow apps to tap unlimited local storage for offline access for example). Although using web technologies, with App Cache web apps would be able to run like native apps as all their resources could be stored locally. An example of this would be a video game that wouldn’t require a server connection in order to run.