Category: UX Design
This category features quality articles on usability, information architecture, interaction design and other user experience (UX) related topics for digital (Web, mobile, applications, software) and physical products. Through these articles, experts and professionals share with you their valuable ideas, practical tips, useful guidelines, recommended best practices and great case studies. Curated by Chui Chui Tan. .
Popular tags in this category: Usability, Design, User Experience, UI, Psychology, Process, E-Commerce, Content.
Websites and Web applications have become progressively more complex as our industry's technologies and methodologies advance. What used to be a one-way static medium has evolved into a very rich and interactive experience.
But regardless of how much has changed in the production process, a website's success still hinges on just one thing: how users perceive it. "Does this website give me value? Is it easy to use? Is it pleasant to use?" These are the questions that run through the minds of visitors as they interact with our products, and they form the basis of their decisions on whether to become regular users.
User experience design is all about striving to make them answer "Yes" to all of those questions. This guide aims to familiarize you with the professional discipline of UX design in the context of Web-based systems such as websites and applications.
There are well-known proverbs that imply (or state outright) that beauty is superficial and limited in what it can accomplish. "It's what's inside that counts" and "Beauty is only skin deep" are a few simple examples. Because the Web design industry is now flooded with a lot of raw talent, and because virtually anyone can create a "beautiful" website, recognizing a truly beautiful website experience is becoming increasingly difficult. What appears beautiful to the eye might in fact be more of a hindrance.
In this article, I hope to provide a clear demarcation between what is perceived by most to be beautiful in Web design and what is truly beautiful, along with some guiding principles to help designers today create websites whose beauty is not superficial, but rather improves and enhances the user experience.
One of the most influential factors in our buying decisions is the opinions of our friends and relatives. Likewise, a large majority of online shoppers now trust what other customers say about the products they buy more than the e-tailers themselves. The reason is that we trust people who are "on our side," even if we do not know them personally.
This attitude was described as the “Amazon effect” by Joshua Porter in his book Designing for the Social Web. He observed during his tests that people always started shopping on Amazon first. Their main reason was not that Amazon was better or that they had an Amazon account; they simply knew that on Amazon they could always find trustworthy information provided by people like them. They wanted to know the “truth,” not an idealistic vision of the product decorated by marketing cliches.
The world of online sales, whether of products or services, can be daunting at first; the options seem confusing and the information conflicted. Yet as the designer or developer of an online store, you will need to guide your client through the maze of choices in order to get it up and running.
I have developed many e-commerce websites during my career as a Web developer. I've used and modified off-the-shelf software and have also developed custom solutions — so I know from experience that there are a number of important questions to answer before presenting possible solutions to a client. Getting all the pertinent information up front is vital if such a project is to run smoothly, and it can save you from delays during the process. It can also help you advise the client on whether they need a full custom cart or an open-source or off-the-shelf product.
This article responds to some questions you should be asking of your client before putting together a proposal for the development of an e-commerce website. I'll explain the most important things to think about in terms of taking payments and credit card security. It should give you enough information to be able to guide your client and to look up more detailed information about the aspects that apply to your particular situation.
Every user interface designer is familiar with this procedure to some extent: creating a prototype and evaluating it with potential users to understand how the user interface should look and behave. Users will tell you what nags them and should therefore be improved before you code. So, at the beginning of any UI design process, you can expect your prototype to have to be modified in order to work.
Because you (and your client) want the changes to be as cost-efficient as possible, you are better off adopting change-friendly prototyping methods and tools. This is especially true in the early stages of the project, when your ideas for potential solutions are rather vague. In this early phase, most often you don’t even know the exact problem for which you are hunting for a solution. You are still analyzing more than designing.
Below, we'll briefly discuss ways to look at the code and the result of our interactive designs and, thus, improve their usability. Most if not all jQuery is fired through events from the user, whether it's loading new content, posting forms or simply modifying the presentation of an item. Such events are fired through a click from the user.
With advertising, a curious thing happens: most people want its benefits but are rarely willing to put up with its hassles. Those who run websites and applications have enough on their plates without having to worry about handling transactions, putting banners across their website or hearing requests from advertisers. Moreover, users have little to no interest in even looking at advertisements that flank a website's content, some going so far as to block ads before they're delivered. So, what's a website owner to do?
Advertising hasn't always been this way. Some people even enjoy them. Scary thought, I know, but stay with me. You know those previews shown before movies and those signs outside of gas stations announcing fuel prices? Those are rarely seen as advertisements at all. That's because people find them informative, helpful and engaging. Heck, some people say they watch the Superbowl for the advertisements themselves. So why are websites any different? What has changed online that people (apparently) find less acceptable than offline? Not much, really… well, not much unless you count that whole "Internet" thing.
As a general rule, when people surf the Web, they're in control of the experience. If someone wants information about a particular topic, they might query Google or look up an article on Wikipedia. Regardless of what they do, they choose how to obtain the information they want. The traditional advertising model — shout at your audience until it listens (as Groundswell would put it) — is diametrically opposed to this.
Mobile forms tend to have significantly more constraints than their desktop cousins: screens are smaller; connections are slower; text entry is trickier; the list goes on. So, limiting the number of forms in your mobile applications and websites is generally a good idea. When you do want input from users on mobile devices, radio buttons, checkboxes, select menus and lists tend to work much better than open text fields.
But constraints breed innovation, and mobile forms are no different. The limitations of mobile devices have forced developers and designers to find new ways to allow users to input data faster and more easily. Thanks to the modern solutions covered in this article, the mobile space may not be a place to avoid forms much longer. Instead, it may become the place to encourage them.
Over the years designers have pushed themselves to create unique and inspiring designs. Companies have yearned to have websites which are innovative and make them stand out against their competitors. Yet charity websites have not progressed along with trends and expectations they seem to have been designed for launch and then only updated with minor tweaks to suit the content.
It has become a recent trend for charities to look at their online identities and branding; spending money on creating user experiences which suit their user base, and over time getting people involved with their campaigns and messages.
Below we look at charity websites which have successfully developed their online brand using modern and creative ideas. We will also discuss how each charity website can be improved because, as we all know, not every website is perfect. There are always improvements to the design or usability that may have been overlooked by management, designers, or developers.