Category — Website Wireframe Software

Interfaces designs are sweet, but those uncluttered

Are sweeter:  which is a reason why users stay on

When a website is clear it becomes more endear’d

Leading to increased visits and subjective satisfaction

Being used with great ease and not wanting to leave

Accomplishing tasks with minimum error scares

Knowing I can recover if something goes amiss

Though winning near the goal – yet, I do not grieve
For using this graphical user interface design is bliss
With a high level of memorability, this interface design is a breath of fresh air!

Based on “Ode to a Grecian Urn” by John Keats

The idea behind this series of blog posts is to look at famous poems and use them to shed light on issues that affect usability, wireframes, wireframing tools and user interface design. If you have some suggestions of poems that you would like for us to interpolate, please feel free to do so by leaving a comment with your request in it.

Ode to the Usability of Interface Designs

Though still unfinished pride of expertness

Thou wireframe of an interface design

A rapid paper prototype used to express

Ideas of layouts and navigation that lurk in the mind

What icons and buttons envelope thy shape

Of links and portals that strive with growth

through the fiber optic cables of an ISP

Streaming gigabytes of info with ease for you and me both

What mad pursuit ever since the struggles of Netscape

When the ripe World Wide Web became destiny

According to Giovanni Calabro’s article “Top 10 tools to measure user experience” (pragmaticmarketing.com) UX can be divided into a hierarchy within which each organization or designer falls into one of three categories:

1.    Stage 1  – General Knowledge: This stage of UX knowledge indicates that the designer or organization has little understanding of their users beyond general assumptions about what the users want, think, and need.  Thus, this level of understanding of the user is very broad and does not lend itself well to interface design evolution based on what users want and need. Instead, it is a simple way of brainstorming and predicting what users might want and what they trend towards.

2.    Stage 2 – Understand User Behavior: This second level of UX understanding means that you or your company are now employing testing methods, such as usability tests, to ascertain UX information from clients and/or users in order to design interfaces accordingly or make the necessary changes to your existing interface design.  This is a level that all organizations should try to achieve if they are serious about usability and UX success.

3.    Stage 3 – Influence Your Users: This is the stage in which you not only determine what users want to make a system functional, but also what they want to make a particular interface design interesting or unique.  In this stage, you have developed a process of measuring UX feedback to the point where you know how to craft systems that are unique and will entice users; you are influencing them to use your site for more than just functional purposes.

The UX hierarchy that Calabro introduces shows that if you are serious about interface design, then you definitely want to make it your or your organization’s goal to reach the third level.  You want to generally understand your users, specifically understand your users, and ultimately influence your users relative to your interface design.

Maintaining a UX frame of mind

According to Joseph C Lawrence’s article “Five reasons why user experience thinking is essential” there are five important “UX mantras” that every designer should keep in mind when designing a user interface (as paraphrased below):

1.    UX design is about the users: Keeping the users at the center of your interface design will allow you to create websites and applications that aren’t just characterized by functionality, but also by individuality based on what users want and need beyond the structure of a site—sometimes a basic, functional structure is too boring.
2.    UX design requires testing: UX testing will help you learn not only how users interact with your site, but also how they want to interact with your site.  Thus, you will be able to analyze the feedback and make the changes necessary to infuse your interface design with individuality.
3.    UX design is psychological in nature: Websites are dynamic and intertwined with almost every interaction in our daily lives whether it is socializing, traveling, or shopping etc. Since the web is now such an integral part of the way people live personally and professionally, interface designs must now be more than a collection of pages and data—they must be designed understanding the psychology of what motivates people to perform the interactions facilitated by websites and applications.  UX design allows designers to gather this vital information.
4.    UX design is a harmonizing force: UX design can tie together all of the diverging goals of web users and designers in order to create a unique and usable interface design.  Understanding how users use an application and what users want gives designers and other stakeholders the information required so they can tailor their business goals and methods to the needs of the user without jeopardizing their own enterprise.
5.    UX design is an interdisciplinary method: The dynamic and integrated nature of today’s websites and apps requires web developers to understand not only computer software and programming but also an assortment of other fields: psychology, business, and marketing to name a few.  UX design transcends into all of these fields because users are human and humans are by nature interdisciplinary.

Using Lawrence’s “UX mantras” can help you keep your focus on the users which will ultimately distinguish your site from others that are similar, increasing your interface design’s popularity and success.  The better you understand your users and their needs, the more seamless the process of using your website or application becomes for them. This makes users happy and they will want to use your site above others because it is designed to understand what they want and respond to their needs.

Austria has for a number of years been one of the European leaders in e-Governance, with awards to show for it. All kinds of services ranging all the way from the local to the provincial and federal level are offered through the “Digital Austria” platform. Whether filing taxes or seeking information Austrians are able to do so within the comfort of their own home or anywhere for that matter where they can access the internet. Now, the Austrian government and Microsoft Austria have teamed up on a project dubbed the Digital Austria Explorer. This essentially incorporates a menu bar into Internet Explorer’s interface design for users to access all available e-government services more easily.

How to test expert users

Usability testing expert users isn’t drastically different from testing novice users (you can still use card sorting and other standard methods), but one thing that is important is pre-usability test preparations.  Here are a couple of things to keep in mind when beginning the usability testing process with expert users:

1.    Make sure that expert testers comprise a demographic most consistent with and important to your interface design.
2.    Make sure the tasks are realistic and relevant based on how your users have previously employed the site.
3.    Try to obtain user information concerning what expert users have liked about the site in its previous form and what they haven’t like.  You can later compare their answers with the way they responded to the changes that you have made to the interface design after conducting the usability test.

Bottom line: Don’t forget about the dedicated experts!

If you have an evolving website that has accumulated a reasonable amount of success in the cut throat world of the internet, then it is worth testing your core users, your expert users when conducting usability tests on new interface design additions or changes.  They are the ones who have used your site in the past and they are the ones who will bolster it into the future.

In a bid to usurp Google as the world’s most popular search engine Microsoft’s Bing has been continuously updated in the past couple of months. And it would seem that Google is taking notice if its introduction of a Bing-like background picture to its interface design is anything to go by. Bing’s interface design is attracting the sincerest form of flattery for good reason. Both search engines have a winning interface design that displays search results with minimal noise, but there are some differences between the two that deserve mention.

In what ways does Google have a better interface design?

At first glance I found Google to score higher on usability. Firstly the advanced search option was more clearly labeled on Google as ‘advanced search’. The blue letting immediately made it clear that it was a clickable link. On Bing this option was only labeled ‘Advanced’ and even though underlined it had the same font color as the text next to it. The news items results for my search input (which in case you were wondering was Snoop Dogg) appeared much higher whereas on Bing I had to scroll down all the way to the bottom of the screen. Google adheres to the quasi standard of showing the login option in the top right corner, while Bing puts the ‘Preferences’ option in that spot, requiring users to search for the login.

So why did such a seemingly good idea backfire?  Interface designers are often looking for new ways to improve their websites.  Yet, before implementing changes to an interface design, interface designers should think about the user’s reactions first.  The Google background flop is an excellent example of how to understand users and what they want.  And what users (especially search engine users) want is familiarity and universality within the interface design:

1.    Familiarity.  A web site as popular and (dare I say) archetypal as Google needs to be familiar to the user.  The plain white screen background is one of the hallmarks of the Google interface design.  It makes the user experience simple and is in no way distracting.  Over the years people have gotten used to Google’s basic design, and changing this learned pattern decreases the user’s comfort and familiarity with the site, a big usability no no.

2.    Universality. A site with such a diverse range of users needs to be equally accessible to all.  There were likely many users who enjoyed the artwork that graced the screen of Google’s homepage.  But many were probably confused, maybe even annoyed by it.  Lack of contrast or not knowing how much else besides the obvious background design had changed may have made users insecure.  The brilliance of Google’s homepage design is that it is so simple and uncontroversial that it makes the site attractive to everyone. Thus, the more universal the interface design, the more popular it will be among users.

There are many more factors that contribute to website usability, but Google’s new background image feature struck at the heart of the user’s expectations formed by two principles: universality and familiarity. Having a universal interface design that users are familiar and comfortable with is a great asset for a website that should not be put at risk.  As redundant as it is to say, interface designers must keep user needs and experience at the forefront of the interface design process.  However, this interface design platitude is worth eternally repeating because as Google’s background images faux pas shows us, even the big boys make mistakes.

A few weeks ago, Google decided to make a daring change to its interface design, one that was meant to make the site more aesthetically pleasing to its millions of users.  Google rolled out a set of backgrounds by well-known contemporary artists as a promotion of a new feature which was to allow users to choose and upload personal photos as a backdrop for the infamously plain, white search engine screen.  At the drawing table, this must have seemed like a fabulous idea to Google designers, a way to refresh their interface design and permit users to have more control of its settings.  However, like the plethora of ideas that are great in theory (but not in practice), Google’s new feature backfired.  On the day the new backgrounds were introduced, the number 2 trending search on Google’s trending pages was “Remove Google Background.”  Search engine searches speak volumes about what users want and are looking for.  Clearly, Google users were not looking for works of art to replace the white screen.  Within two days Google was back to its old design and users were happy to have the unadorned consistency back.

Increased storage

It is rumored that the new iPhone 4G will have up to 64 GB of storage capacity—almost the same amount as the iPod touch.  This will allow users of the new iPhone to store more for entertainment purposes: photos, films, tv programs etc.

Ebooks

Apple has launched a literary equivalent of iTunes: the iBookstore, which is currently available via the iPad. The new iPhone 4G interface design will likely include this new application, giving users the capacity to download and read books from the comfort of their own phone.

New Design

According to rumors coupled with the viewing of leaked images, the new iPhone 4G will likely be smaller and lighter than the older model, with a smaller yet higher resolution screen.  Since the iPhone supposedly is vamping up its storage and camera abilities, it is likely that a higher resolution screen is more than just a myth.

The expected release of the iPhone 4G at The Worldwide Developers Conference 2010 promises to vamp up the public’s interest in the event. If the rumors surrounding the new iPhone 4G are true, then customers have much to be happy about and competitors better get back to the prototyping board!