Skip to main content

Posts

Best Practices of 6 Essential Principles for Web Form Design

We see a variety of web form design almost every day for logging in or give information to acquire service or publish content. However, the process of filling out forms is often not so pleasant. We spend the time to enter information, click submission and then we may have to wait for an audit. Especially for relatively complex and long process forms, the poor user experience is easy to frustrate users and make them end up giving up. How to improve the efficiency of filling out forms and prevent users from mistakes or lost half way? This article sums up the following methods: 1. Convincing users to fill out effectively: First, build great forms to tell users the reason to fill them out. What can they get? Let users see the benefits of giving you the information. For example, Github tells you clearly what kind of help will you get on the right side of its registration web form design. In addition, you can be more specific to tell users your consideration of letting t...

Design Mistake: You Are Still Using Website Carousel?

Website carousel, an interactive way, seems to be commonplace in the web era. When a group of people is competing for the priority of the focus picture on the homepage, it seems that using carousels can solve this dispute effortlessly and hence no one loses. However, is this really an effective way? How to design to give users a better experience? You should take carousel usability into consideration. In fact, the click-through rate and conversion rate of a website carousel are usually low. However, it occupies the vast eye-catching place on the page. Imagine such a scene: when you go to the library to find a specific book to read, a salesman stays in front of you and asks you to look at a large advertising map first; however, he switches to another advertising map before you finish reading the contents on the first one. He is annoying, isn’t he? So it is in most of the design of carousels. 1. Make sure you really need to use a carousel First, an improperly designed carous...

Best Long Web Form Design Practices and Principles to Follow in 2017

As is known, the  long web form design  is not well-accepted especially in the conventional wisdom of web design, and it is kind of notorious for hurting the site conversion rates. However, it does help to grab users’ attentions and bring the exact type of conversion by telling the whole story behind the scene. As a web designer, you also need to consider more than the basic design skills, including the  user experience , algorithms, coding and so on. The goal of web form design and development is to deliver users smooth and hassle-free experience from the form-filling through to the final submission process. Almost each site presents an individual form style, from simple and straightforward forms to fancy and creative ones. To  design better forms  is not that difficult. No matter it’s a registration form, contact form or any other forms, just keep in mind that the purpose of a form is to gain the attention of users and meanwhile guide them when filling in...

Beginners' Guide on Why and How to Make Web Design Mood Board?

If you are a new-starter, you may ask what the  web design mood board  exactly is. It’s often used when designing for website’s user experience and helpful for delivering your organization’s personality, branding guideline as well as communication style. This method is based on a consensus that the pictures are more persuasive than the text, and it’s somewhat like the “Inspiration Board” and “ Story Board ”. Sometimes, the visual designers may spend a long time completing a pretty fine and high-quality design, but only to find the final results cannot meet the needs of the users. A majority of users in fact don’t know what kind of design they need before the final product comes out, but it’s easy for them to determine whether the deliverables are up to their own preferences and expectations. In this case, it’s of great importance to understand the demands and expectations of users so as to prevent vast time and energy from being invested at a wrong place. Here, the us...

Ineteraction Design Thinking Process before Getting to Prototyping

Before I introduce the interaction design thinking process, I prefer to point out two common mistakes firstly that may lead your interaction design into a dead-end. 1.Design just by imitating I do not say that referring to good competing products is not right. As a reminder, I mean that if you begin to draw something on a  prototyping tool “just by”imitating existed products rather than something in your mind, you are in fact getting yourself hopelessly trapped in a negative thinking set. Maybe someone you know got successful in this way, but believe me, the possibility that things could go wrong is far more overwhelming than the chance that you are the one. 2. Never look before leap I often recall the time I became an interaction designer. I was young and full of creativity at that time. But as a senior designer, when I look back into the old days, I suddenly realize that something is not right. I had wasted too much time on the flow charts. It’s a natural weakness of...

Do Web Design Without Coding Knowledge? You Need to Change

In 2010, the difference between designers and developers was obvious in their choice of pants. While designers put on skinny jeans in combination with MacBook, doing web design without coding knowledge, developers came to work in cargo pants and with their own keyboard. The two groups differed not only in their way of working, but were also two completely different types of people. However, it is the usual stereotype. In the last six years, the development of web design has clearly advanced. A wealth of new devices, technologies and tools have been added. In contrast to 2010, nowadays visually overloading designs are no longer in fashion, and but minimalist designs are in demand because of the massive spread of mobile terminals. The minimalistic model of flat and  material design  can primarily be seen as a visual response to the technical changes. This development makes user experience play a more importance role in web design. From the perspective of designers, ...

Never a Rose without a Prick-Apple also Makes Some Design Mistakes!

Apple is not perfect and also has some deficiencies in its design. Following are several design mistakes in  iOS app UI design  during its process of version updates. These contents only represent my personal view. Please feel free to discuss if there is any different opinion. 1. The notification centers of iOS7 and iOS8 follow first the inverted order of notification receiving time and second the order of app classification, greatly decreasing users’ efficiency of notification processing. In the notification centers of iOS9 and iOS10, the previous complex classification of the notifications (first the inverted order of notification receiving time and second the order of app classification) is changed to the integration of time as a whole, increasing the efficiency of notification processing. I guess everyone should have been tortured by this design mistake before using iOS9: click close buttons one by one to clear all the notifications. In this information-ov...