While the world wide web is often considered to be a symbol of a truly international form of communication, there are some boundaries that still exist. Even after the language barrier, there are cultural differences, which affect the very way we use the internet. This can be seen even in the user interface designs of websites.

When looking at the complexity of user interface design, it’s important to look at the functions users from different cultures expect from a website. Some international firms create entirely different user interface designs for their websites aimed at users from Europe and Asia. This is done to improve usability of the user interface design for local and international users. Components, such as color and graphics, play an important role in many cultures, which should be reflected in the user interface design. However the functional layout of user interface design can also vary across cultures. When we consider that Japanese script is often written vertically, this changes the way a Japanese audience reads text on the internet and navigates through a user interface design. While people from some cultures are more patient when it comes to searching though user interfaces, others appreciate efficiency. This is why usability is key and needs to be considered with the relevant audience in mind. When creating a user interface design, it is important to think about the hierarchy of information for a user. What information is most important to them and what do they want to access more quickly.

In order to create a universal user interface design, simplicity is usually the best option. Information should be clearly laid out and easy to access. If you want to see how your international users respond to your user interface design, you need to observe how they interact with your website and optimize the accessibility of your website across cultures.

This fall Amazon impressed its customers with the release of a new product, Kindle Fire. This new generation device stepped out of the line of simple e-readers into the severely competitive world of touch screen tablets.

What does Fire’s user interface design have to offer compared to previous Kindles? The reviews of this hot product are controversial. Kindle Fire is based on a customized version of Android. At first glance, its user interface design is simple and straightforward. It is equipped with a standard on-screen keyboard, which pops up when needed. Navigation buttons are completely eliminated from the body of the device, and that helps keep its size at seven inches with the screen resolution of 1024 by 600. Fire’s user interface design is divided into categories, for example, Books, Video, Apps. It is possible to customize the elements of the user interface design to bring the most used applications forward as favorites. The most recently opened applications are shown in a carousel view. The number of applications available for Kindle Fire is still limited but it might change depending on its popularity.

Amazon Cloud, the important feature of the Amazon Kindle series, is also part of Fire’s user interface design. Amazon Cloud not only provides Kindle users with 5Gb of free online storage, but it also allows them to buy and rent books and films directly from the Amazon store. While dependency on Amazon seems like a drawback, it is a useful feature for those who shop at Amazon anyway.

Customer reviews on Amazon generally confirm high usability of Fire’s user interface design. Some complain, however, that it is not as functional as that of iPad. Indeed, Kindle Fire is mainly intended for e-book reading, mp3 and video playing, and limited web-browsing. It is hard to compare this to the unlimited possibilities of iPad but their price levels are not comparable either.

While Kindle Fire is not designed to be iPad’s competitor, simply because it has a different purpose and functionality, this Christmas many buyers will be debating whether it is best to get iPad or Kindle Fire.

Wireframe software has gone a long way towards becoming the applications that web-developers and web-designers are using today. I recently encountered an article written by Julie Stanford in the beginning of 2003 on Boxes and Arrows on the benefits of using HTML for wireframing, and I wondered how the evolution of wireframe software happened.

Naturally, the first known wireframe tool was pen and paper. This one existed since the beginning of web-development. By the way, the first website to ever be published is said to have been developed at a CERN facility in Switzerland in 1991. Pen and paper were surely used then, and it still is a handy wireframing tool because it is quick and available to anyone. Have some ideas and no computer at hand? Just pick up a pen and jot them down. But paper prototyping, of course, also has its limitations as a wireframing tool that are partly solved by more modern wireframe software.

The beginning of 2000 knew two main types of wireframe software, which Julie Stanford describes in her article. Those were HTML-based and graphical tools. HTML wireframe software allowed web-developers to put together a few lines of code, and get a very simplified version of the website, which, nevertheless, would allow users to see its functionality because it produced web-pages with working links between them. Apart from links, these pages would not have very much in common with the future website.

Graphical wireframe software would have a closer visual resemblance with the future website’s layout, but those wireframing tools had no capacity to show how the website would interact with the user. Interactive elements like, for instance, a drop-down menu, could only be represented by a still image. In many cases, Photoshop or similar image-processing applications were used.

Today, thankfully, there is a lot more diversity than this. One of the first specialized wireframe software applications was released in 2003 and a variety of other tools followed, becoming more and more progressive every year. The latest wireframe software, first desktop and later web-based, is meant specifically for creating website wireframes with the least effort and time involved and allows web-developers not only to design great user interfaces but also to test those user interface prototypes through usability tests.

Last week Google posted in its official blog that a new user interface design was available for Gmail. It is still in a test mode, but the users that like it can switch to it immediately. The new user interface design can be accessed by clicking on the button in the bottom-right corner called “Switch to the new look”.

One of the important innovations of the new user interface design is advanced email search options. The drop down menu for these options is now located in the same window as the search itself. There, a user can refine his search by contact, folder, date etc. without having to go to a different window. This possibility seems to be a major improvement for the users that have a large number of emails and use the web interface for email.

Another improvement of the new user interface design is a neater conversation view. Google added a social element to the email threads: users can now see profile photos of the person they are corresponding with. This new look creates an atmosphere of instant messaging, where users can see clearly which person is writing what.

Furthermore, the new user interface design has more flexibility. Users can customize the side bar with labels and the chat area. All boxes can be resized by using arrow buttons and the chat window can be removed altogether by clicking the button in the lower left if the user does not need it.

Apart from that, Google introduced elastic density and a variety of new HD themes to the new user interface design. These features make Gmail more colorful and adjust spacing between elements automatically depending on the user device’s properties.

This is the first part of my two-part blog post on psychological manipulation through the user interface design of e-commerce sites.

Psychological manipulation through design has long been a reality of the retail industry. Companies have long lavished high wages on psychologists and other professionals to figure out the best ways to get us to spend more of our money. Even if you don’t realize it a simple stroll through a supermarket will probably end up with you putting more in your shopping cart than was on your shopping list. In the same vein e-commerce sites also put just as much effort into their user interface design, so as to achieve a similar effect. In effect what they are trying to achieve through their user interface design is the justification of spending habits and getting users to feel better about their transactions.

What power does the default user interface design hold?

The default user interface design/ user experience is the UI design/ UX of a website or application that you see without you having had the chance to customize it. You can think of it as the clothes that might come with a doll from the box. According to usability guru Jakob Nielsen a large number of users will always stick to the default user interface design and settings. This “power of defaults” means that many of the customization features are untouched despite the fact that these settings could, and often do, improve the overall user experience/ user interface design. Conversely speaking the default user interface design and functionality has to be spot on. For a long time Amazon’s user interface design has been a UI design success story, constantly refined and perfected leading to increased sales. An example of the power of defaults effect on UI design that Nielsen gives is in filling in the country field of registration forms for one of his usability conferences. Instead of leaving the country field empty the location where a user is registering from can be used to, say, show the United States for someone registering from New York. The goal here is to obliterate the small frictions that get in the way of repeat purchases. One way sites like Amazon do this is to incentivize users to spend more to qualify for the omission of mental hurdle that is shipping costs!

Google appears to be slowly ushering in new user interface designs to their web app tools.  Among the most talked about in the blogosphere is the experimental YouTube user interface design dubbed Cosmic Panda. That YouTube is the world’s most popular video site is beyond question but this success has rarely been attributed to the YouTube user interface design. Well at least recently! YouTube’s user interface design has been looking more and more outdated in an era of minimalistic and polished user interface design. Although there have been numerous changes to its user interface design one gets the feeling that the UI design team decided to make sure YouTube is instantly familiar to users who haven’t used the site much since its inception 8 years ago. If the Cosmic Panda user interface design is finally released then this would certainly mark the biggest UI design changes YouTube has yet seen.

The new look and feel of the user interface design  features darker UI design themes and lightbox type elements that make the videos more prominent. Related videos now appear at the bottom like a filmstrip rather than on the right sidebar. The user interface design of Channel pages has also been revamped with larger pictures of videos. This naturally means that less videos are visible at a go but the trade off in user experience is a worthwhile one. An option that I would have liked would have been the ability to watch directly from this list view like one would on Facebook. Most promising of all, however, is the ability to browse and search while watching a video but this feature is currently only available to Chrome users. It must be said that the new user interface design is similar to that of Hulu which is a good thing. Hulu has a characteristically uncluttered and polished user interface design that coupled with YouTube’s market share, higher selection of videos and brand awareness will please users.

What is Computing Transparency?

Computing Transparency is a vital aspect of HCI (human computer interaction) and is connected to issues of clarity and usability in user interface design (UI design). The Merriam Webster Dictionary lists a number of characteristics that show how the term transparency literally refers to the quality or state of being transparent: Fine or sheer enough to see through, free from pretense or deceit, easily detected or seen through, readily understood, characterized by visibility or accessibility of information especially concerning business practices. Transparent hence implies that actions or information are clear, truthful, and easy to understand.  So transparent is a good term to apply to usability or UX design.

In applying the term transparency to Computer Science we encounter the idea of Computing Transparency.  Computing Transparency refers to a system that incorporates user friendliness and alleviates the user of the need to worry about technical details (installation, downloading, updating or device drivers).  For example, this may mean detecting monitor resolution automatically rather than requiring the users to do so themselves and adjust the program manually, thereby easing the system usage for end users.  The term is thus straightforward: systems and programs that are transparent for the user mean that they can operate with ease and with little need for attention to detail.

Why is Computing Transparency important?

Computing Transparency is an important aspect of UI design since systems that are lucid and understandable will ultimately facilitate optimal usability.  The idea of a system or graphical user interface design being transparent means hiding or avoiding its complexities; the less users have to think about what their system is doing or how to make if function more optimally, the more likely they are to use it.  Since usability is the omnipotent force in interface design, Computing Transparency is a powerful principle with regards to usability.

Computing Transparency and Privacy

Another aspect of Computing Transparency is linked to privacy.  Programs and applications that guard or use personal data should be transparent in their method of doing so.  If user interfaces are in unclear about the way they deal with their customer’s private information, the results can be disastrous—as can be seen from the recent Facebook scandals.  When it comes to user privacy the term transparent is crucial.  Just as citizens beg their governments to practice transparent politics, so too do the clients of user interfaces.

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.

Team Work Across Global Offices – twago

twago is a Berlin based company which focuses on outsourcing and offshoring of online services. The overall goal is to achieve the best performance for the best price for the customer. The more precisely you know what specific task you would like to have done, e.g. programming, web design, user interface design, etc., the better it is. You simply post your project with a detailed description on the platform and receive proposals from all over the world from up to 20,000 providers. These service providers can be companies or freelancers. You can find a service provider who best fits to the individual project. Whether you are looking for a service provider from around the corner to meet up face to face or you prefer a freelancer from a specific country, twago offers the possibility to find the right service provider with suitable skills. You choose the one that best fits your needs and preferences. And the best of all: Using twago is easy. You just have to register, post your project and award it to your provider of choice. Should you need any help or special service the kind twago employees are ready to support you. You can try it out at: http://www.twago.com.

Companies today realize the value of providing outlets for communication with their customers.  Blogging is an effective method to do so and has thus given rise to the corporate blog. However, corporate blogging is much different than the traditional personal blog, particularly in its purpose.  Let’s take a look at the main purposes for creating a corporate blog, in addition to pointing out how their purpose often differs from the traditional blogs.

This blog post is the second in a series of two about Affinity Diagrams as a usability and interface design method

How to conduct the Affinity diagramming process

During the planning phase of the Affinity diagramming process, one should first gather a team of four to six people. Preferably, the group should be as eclectic and diverse (but also relevant) as possible so as to ensure the delivery of as wide a group of ideas as possible. As far as time is concerned, it is optimal to set aside at least, preferably, two hours. You should encourage team members to go for their gut reactions and not spend too much time agonizing over sorting. One of the goals of Affinitization is to reach a consensus so that disagreements can be handled simply. If a team member doesn’t like where an idea is grouped, he or she simply moves it. If consensus is not reached then make a duplicate card of the idea and place a copy in each group. Moving ideas at will without talking encourages unconventional thinking while simultaneously discouraging semantic battles. Here below are the steps to follow during the affinitization process:

1.    Generate ideas – This is where the team brainstorms a list of ideas and writes them down on separate post-it-notes (or some other form of cards).

2.    Display ideas – Post the ideas randomly on a wall, board, table, flip chart paper or other surface.

3.    Sort ideas into related groups – Ask the participants to silently sort idea cards into groupings. This can be done by first looking at two ideas that may seem related
in some way and placing them together in a column off to one side. Then other ideas that seem related to those set aside can be added to that group. Other ideas that are related to each other are also placed into a group. This process is repeated until the team has placed all of the ideas in groups. Ideas that don’t fit in any group shouldn’t be forced into a group. They don’t belong but should stand on their own. Create sub-groups where necessary.

4.    Create header cards – Each group needs its own header card, which concisely describes what each group represents. These should be meaningful enough without having to resort to the contents of their group. Create sub-header cards for sub-groups if necessary.

5.    Draw the Affinity Diagram – Place header cards at the top and corresponding ideas below. Draw lines connecting the headers, sub-headers, and groups. Connect groups that are related too. The resulting diagram should look like a typical organizational chart of a firm.

A great practical application of Affinity Diagrams is to help organize notes and data derived from usability testing of wireframe prototypes of a user interface design. This visual tool aids the whole interface design process by making it easier and faster to make sense of the data collected while gathering requirements and conducting usability tests.