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.
I read a lot of design articles about best practices for improving the flow of sign-up forms. Most of these articles offer great advice, such as minimizing the number of steps, asking for as little information up front as possible, and providing clear feedback on the status of the user’s data.
If you’re creating a sign-up form, you could do worse than to follow all of these guidelines. On the other hand, you could do a lot better. Design guidelines aren’t one size fits all. Sometimes you can improve a process by breaking a few rules. The trick is knowing which rules to break for a particular project.
In the Web industry, a lot of exciting knowledge and diverse opinions are shared daily. They are delivered in fragments across hundreds of blogs, feeds, Twitter accounts and apps. In addition, the number of topics seems to multiply daily. We are building and designing for moving targets. Technology is constantly forking and disrupting the way we interact and do business. This is our industry, and I love it. I also know it could be better.
Why does finding and reading content have to be so painful at times? We set out to build great (user) experiences, yet our own experience of reading and learning from blogs is not always so pleasant. We end up relying on our peers and trending topics to see what we should be reading. Just knowing how to get a handle on what’s going on becomes a job requirement — more of a distraction than a good use of time when we have project deadlines, among other responsibilities.
A positive first impression is essential to relationships. People look for trust and integrity, and they expect subsequent encounters to reflect and reinforce their first impression. The same principles apply to brands and their products. Design plays an important role in building lasting relationships with end users and, thus, in supporting the brand’s promise.
Users expect mobile services to be relevant and user-friendly and to perform well. The limitations of the medium, however, impose significant challenges to designing products that meet all of those expectations. While often underestimated, performance is a crucial contributor to a trustworthy mobile user experience. Therefore, it should be considered a key driver in the design process.
In this article, we’ll discuss performance in relation to design and present seven guidelines that can help shape design decisions related to performance while accounting for the needs of end users and businesses. These guidelines are based on the experiences of our teams in designing native mobile apps for a broad product portfolio and on multiple mobile platforms.
Nothing ruins a great website UI like people using it. At least, it often feels that way. You put in days or weeks building the interface, only to find that a vast majority of visitors abandon it partway through the process that it supports. Most of the time, visitors leave because they’ve hit a roadblock: a problem that lets them go no further. They typed their credit card number wrong or clicked the wrong link or mistyped a URL. And it's not their fault.
A good design assumes that people make mistakes. A bad one leaves visitors stuck at a dead end because they mistyped one character. The best professionals account for this with smart, defensive design strategies (also known as contingency design).
A recent power cut highlighted the fragile and dated way I access content on the Web. I sit in front of a computer which has a number of hardware elements like a keyboard, mouse and monitor — all connected to a black box which houses a number of other smaller more complicated bits of hardware. To access content on the Web, I rely on all of these layers working, not to mention the parts outside of my control-like cabling and remote servers.
There was nothing for it but to pick up a book to try and satisfy my visual hunger. With all other distractions (the kinds that need juice from the wall) lying lifeless around my flat, I was able to really enjoy a book I’d been meaning to look at for some time. With many image filled pages the large hardback book (Supply and Demand by Shepard Fairey) was a real joy. Controlling the speed at which I let the pages flick with my thumb, the smell of the ink and paper and the subtle cracking noise of the spine as I opened the book wider, it was the best user experience I’d had in a very long time.
Think about what keeps you coming back to your favorite store, your favorite person or even your favorite website. It’s not just a mindless buy-go, hug-go or click-go relationship. It is a complicated, emotional connection. It is what makes relationships with people and brands intoxicating. User engagement must have an equally complex emotional connection. It must affect the user in mind, body and spirit. Anything less is a 1990s brochure website.
You can create strong storytelling strategies based on user personalities and segmentation. However, it seems almost impossible to measure those efforts, let alone know how to optimize them, without access to a neuroscience laboratory. In fact, emotional engagement can be optimized, and quite effectively, using something already at your disposal: performance metrics.
There are many ways to design sign-up and log-in forms. Most designers are familiar with the conventional ways. But understanding and applying a few innovative techniques could make your forms simpler and more efficient to fill out. In this article, we'd like to present a couple of new ideas that might be useful for your next designs. Please notice that before using these techniques, you should make sure that they make sense in the context in which you are going to use them. We'd love to hear about your case-studies and usability tests that affirm or dismiss the suggestions proposed below.
The purpose of every sign-up form is for users to complete it successfully and send it in. However, if the form is long and complicated, then the user’s excitement for your website could turn to displeasure. Here are a few innovative techniques that will make your forms faster and easier to fill out.
For the past few years, we've heard pundits declaring each year as "year of the mobile Web"; each year trying to sound more convincing than the previous. Whether 2011 will be the real "year of the mobile" remains to be seen, but what is indisputable is the fact that the mobile usage of the Web is growing and evolving. As it evolves, so does the mobile user experience, driven by advances in mobile device technology — from better browsers on basic mobile phones (or feature phones — remember the Motorola RAZR?) to the increased adoption of smartphones and tablets.
The term "Mobile Web" (although often criticized) is commonly used to describe accessing the internet using a mobile device. This definition is broad enough to cover everything from using a browser on a feature phone, to using highly customized apps on smartphones or tablets.
In contrast to desktop Web search, auto-suggest on mobile devices is subject to two additional limitations: typing avoidance and slower bandwidth. The new patent-pending design pattern, Tap-Ahead, uses continuous refinement to create an intuitive, authentically mobile auto-suggest solution. This helps dramatically reduce the amount of typing needed to enter queries, and utilizes slower mobile bandwidth in the most efficient manner. Using this novel design pattern, your customers can quickly access thousands of popular search term combinations by typing just a few initial characters.
As John Ferrara wrote in his November 2010 UXMagazine article, "Psychic Search: a quick primer on search suggestions", today auto-suggest is practically ubiquitous in desktop Web search. In contrast to desktop Web, auto-suggest on mobile is (at least for now) fairly rare. The only mobile Website that currently implements auto-suggest is Google.com, and a handful of mobile auto-suggest implementations that currently exist come from native mobile apps built by leading online retailers like Amazon and Booking.com.