Good interactive design is not the same, 10 ways to help you give your design personality

Click ↖ aboveBlue charactersafter the attention

Reply."Interactive Design"Send you off to get a soft trick

There are many relatively common ways to make UI design look more interesting. Most of these methods are not complicated, a little adjustment, there will always be a good effect.

Today, Sister Fan shared a piece for youDanny SapioThe summary of these gives the UI a personality in 10 ways.

1, to inject life into the paper

Whether it's a new user boot process or loading information, it's fun for the user. That's why brands like Old Spice and Geico have so much awareness and influence.

By introducing humor and personalized elements into marketing, you can achieve better advertising results and content presentation.

Aarron Walter, UX Design Director at MailChimp, says:"We've found that tying humor, eggs, mascots, and many personalized elements into the workflow can turn an otherwise mundane task into an experience that the public doesn't want to miss."

The difference between "loading..." and "our trained monkeys are trying..." is that the latter is more alive.

A good paper doesn't necessarily mean it's humorous.Of course, in different industries, the need for humor is different. Some websites and apps themselves should be serious, so it's best not to use humorous text. When designing next-generation products, consider how to make the user experience more humorous and fascinating.

2. Add icons and emoticons

Adding emoticons and icons gives you a clearer idea of what you're designing.When you see the magnifying glass icon, you immediately realize that clicking on it will make you search.

Use emojis to make it more attractive and friendly. This makes your UI more visually appealing and simpler and more efficient.

In addition, there are two things to note,One is not to use it too much, and the other is not to use it too creatively.Try to make it interesting, not annoying, "plus" is to add, shopping cart icon means shopping cart, gear icon is set, these conventions do not move.

3, through illustration to make your products more user-friendly

You can.Easily convey complex information through illustration.

We've been trained to connect language and complex vision since we were kids, and the illustrations and children's books we saw as children are the stuff of learning.

Add illustrations to the product design to balance the interface, attract user attention, and make the functions and information of the interface easier to understand.

But more importantly,Illustration needs to have a clear purposecan complement, not replace, content. Illustration should improve the user experience, can not interfere with the operation, style and interface should be consistent, will not appear out of line.

4, dark mode

If the APP you're developing at the moment has dark mode, it's a boon for people who live in dark mode all year- year-old. Dark mode makes it easier for your eyes to adapt, so you don't have to feel like you've been staring at a harsh light bulb.

Dark mode and light mode are not too different in design, it is nothing more than modifying the entire color scheme, but the color configuration needs to be carefully adjusted according to the specification.It is recommended that the user decide whether to use dark mode or light mode, the switch between modes can bring a good experience to the user, and give the user a greater sense of control.

5, high-quality photos

In APPS, pictures are as important as any other element. You need to choose high-quality images very carefully so that the UI and experience are very lively and interesting, enhancing the overall effect of the UI interface.

6, make the state of error less frustrating

You should see every event in your app, even if it's not so good, as a positive, impressive opportunity.

The perception of an error state is usually negative. However, if you can help users solve problems, you can also turn them into positive experiences through personality and fun.

Designed under the "Web Disconnected" error-reporting interface, Google Chrome provides almost all the necessary information, including guidance on how to fix the web, and a well-regarded Little Dinosaur Run Cool game! It's a genius design!

In addition, Dribbble's 404 pages are designed to be great because they're really designed and users can quickly get back into the design.

7, to move

From momentum into the design process to today, it has become an integral part of the design process. Whether it's illustration-based animations or UI-based micro-interactions, dynamics are everywhere.

On Dribbble, there are a lot of action flowers. But for users, they always expect itMomentum is as close as possible to the real world experience.Expect objects to move according to the usual physical rules.

Let's say slow down. A ball, we give it strength, kick it when it accelerates, then slows down, the process is realistic. These physical rules are the basis of action, the basis of reality.

Tools such as Pincipled, XD animation, Invision Studio, AE, Lottie, Flinto, and more are emerging, allowing designers to make momentum better and faster.

8, through micro-interaction to help users pay attention to detail

Similar to animation, micro-interaction can provide users with unexpected subtle experiences, allow you to sense real-world experiences in the APP, and micro-user interactions provide effective, instant feedback.

In Medium, the micro-interaction of likes is a very typical example of an enhancement of the experience, which is very different from the likes in Youtube, where there is only a simple color change, from gray to blue, with no animation. This is directly related to the content properties of the two platforms themselves: text content needs to be micro-interactive to enhance perception, and in a video platform, such micro-interaction can be noisy, distracting, and therefore needs to be weakened.

9, add patterns and gradients

Patterns and gradients are an effective way to make less engaging content more eye-catching and beautiful.Adding textures, patterns, and gradients to an image or background can quickly add flavor to a bland design.

Of course, you can use your ideas according to the actual situation, but be sure to pay attention to one thing, is not to let it be noisy.

10, better use of shadows, increase the depth of the layer

Don't forget the visual Z-axis!

Shadows are a great way to increase the depth of your design, and it makes it visually more three-dimensional.

Different elements have different depths, and visually, the closer the element to the user, the more important it is to rely on shadows. When you add shadows, remember to filter priorities to add shadows to the most important parts.

(Image source network, intrusion and deletion)

- end -