This article from: https://www.uisdc.com/creating-a-time-saving-design

Users have short attention spans. No matter through the data analysis of web pages and APPS, or other statistical data, this fact is confirmed. This also makes us need to spend more effort on design to capture the curiosity and attention of users, so that they can get the information of the site in the shortest possible time.

As for the types and characteristics of human attention, I have described them in detail in my previous article “From Understanding user attention to Create a Better User experience”. So how to use it in web design? Understand the actual needs of users, and help them get the information they need faster and better, so as to better retain users. Fortunately, such design techniques are not complicated, and the following 7 techniques can help you to some extent.

1. Let the user not have to think hard

Designs that make decisions without complex decisions are easier and more quickly available to users. Design that allows people to get information without trying to think is always reminiscent of minimalism, but in general, it’s more about simplifying elements and effects. Of course, minimalist style is also a good choice.

In general, limiting the amount of information to avoid information overload is the only way to achieve such a design.

  • Keep navigation simple and offer a limited number of options

  • Use fonts that are easier to read

  • Enhance the contrast between elements and make the call to action easier to perceive

  • Stick to one idea, or follow one interaction, on all pages, on every screen

  • Ensure that interactive controls such as shopping carts and forms are always available

2. Visual content that encourages interaction

The website itself is a highly usable media platform, and since it is media and content, you should take full advantage of this quality.

Capturing the user’s attention visually is a simple strategy, and when interactive elements are augmented by visual design, they usually have a good conversion rate.

In design, getting from point A to point B should be A straightforward and quick process. E-commerce designers should be aware of this. Users see a pair of shoes on social media, and they want to get it. They should be able to see the product immediately after clicking on the link, so there will be a higher chance of shopping interaction.

The time-saving design strategy is to get users to the buy button as quickly as possible, so they don’t have to flip through the page repeatedly looking for clickable links. There are a few notable tricks to this place. One is to use pictures on the site consistent with those on social media, so that users can tell at a glance that what they want is the same thing as the product.

3. Break down complex elements

By breaking down a complex story into smaller, more digestible and understandable parts, users are more likely to Get their hands on the information. In terms of text paragraph processing, smaller paragraphs are definitely easier to read and understand than larger ones, and users are more willing to read such content.

Try something like a card-like design, parallax scrolling, or summarising the main content to “read more” to guide the user to the full text. All of these techniques increase engagement and reduce complexity.

4. Reduce the form content

One of the easiest ways for users to interact more quickly is to minimize unnecessary content by providing only key information. The same technique is used for forms.

  • Ask for only the necessary information, such as the user’s name and E-mail, and provide form options that can be refined later.

  • Use forms to determine whether input data is correct to ensure that users know if they typed correctly and where they made mistakes for easy correction.

  • Don’t ask for duplicate data that has already been submitted, such as the type of credit card and the credit card number (you can actually determine the type by the number).

5. Design a clear call to action

Behavior call is one of the most effective means to trigger user interaction in web pages. The text of behavior call should be simple and clear, and the buttons should be clearly contrasted.

In general, for action summoning to be effective, it’s best to make the action summoning element bright enough for the user to know what to do when they see it, and use text labels that are clearly “click me to order”.

6. Think and edit before Posting

Content needs to be thought out and polished. Great content is never easy to come by, and great web content needs to be tweaked by designers and editors to make it easier to read and understand.

This means no misspellings, no ambiguity, clear directions, complete and correct grammar and sentence structure.

Sometimes it’s best to bring in a third party to read, review, and guide your content to make it errorless and better. They will be more likely to help you identify potential problems.

It’s a good idea to run it through with a built-in or third-party spell checker before you’re ready to post.

7. Be consistent

Consistent design means in the design process follows the same way of working, use unified elements, interaction, in short, before and after the whole design should be unified, buttons and button should continue to use the same color and font, hover state is the same, and keep the same original way, no matter where it is.

Elements that need to be used multiple times in your design, such as ICONS, shopping carts, forms, links, and social media buttons, need to be consistent and repetitive.

The content of the page, from the title to the body to the image, should be consistent. Unified Settings and management in the CSS help you maintain consistency.

This consistency makes the site look complete and unified, and users can see content without guessing that it belongs to the same site, and they can see new content in line with their expectations.

conclusion

Clear logic, quick operation, immediate execution, direct completion. Let your site fit the logic of users, natural smooth completion of the task, this is all the potential needs of users, but also the real needs, to help users achieve their goals at the same time to save time, for the site conversion rate, is also a lot of benefits.

, End,

Micro-interaction ∣ Detail design makes for great products

Long press, identify the QR code, add attention

Share the article and let more people know about microinteraction