Make the interface flat in the UI design let the information level flatten

Source: Internet
Author: User
Tags email account

The current flattening of UI design is at its zenith, starting with Microsoft's Windows 8, and then Google's Android, the current Apple IPhone IOS, using a flat design concept. But do you really understand what flattening is? This can not help but draw a big question mark.

Before I begin, I'll sell a few words: I prefer the interface style of materialization, and the flat design idea.

A lot of people in the eyes of the flat UI design is: The interface is designed flat flat, and no three-dimensional. Is that all? is that enough?

If the UI interface uses a materialized style, it means that the cost of learning to use the product is greatly reduced, which is used by all ages, because the interface looks exactly the same as the real life, and you will have the desire to press on if you see the button of the object style in the interface. What if it's a "flat" button? Sorry, you will hear a lot of complaints: Ah, this can be a bit more?

Before continuing with this article, please enjoy a graphic style UI design:

This interface is obviously the user will see when registering, the left side has an envelope appearance of the input box, and the right side has a "register" button, when you lose the email account and click Register, you will find that the envelope was stuffed into, where to go? It must be in the website, and the registration will soon show Hello, Alex)) to show a welcome to the user.

Have to marvel at this design, it is too exquisite, see this envelope was thrown in, let people have a kind of accepted the pleasure, let a person feel very natural, very comfortable, immediately to this site to have a favorable impression.

Not everyone has a rich experience in the use of electronic products, so the lack of these experiences when the first use of the product, they will be more inclined to click on the materialized button, because, life so, with the hand "press" so natural, so comfortable, and "flat" Button will confuse the elderly or children who have no experience with electronic products, can this be pressed? Ah! This really can press! Perhaps for our electronic product regulars, this button is something that is already common sense, but an overly flat interface can make people feel confused and increase their response time. Therefore, the design of materialized icons is imperative.

So flattened? Should we abandon it? Please note that in the previous paragraph, I did not use the "flat" three words, but instead of "flat" two words. What difference does it have?...... Yes, I do. Flat "The word refers to the visual icon or the flat surface of the interface, as in a piece of white paper to do the same design, without any sense of the three-dimensional, and" flat "the three words? This is the subject of today: flattening is an intrinsic design idea.

Flattening is an idea that allows designers to reduce the level of information in the interface design process.

  What is reduced information level?

Believe that the use of smart phone users know that the mobile phone every day to be used in the application: weather, clock, date information, battery and so on. Regardless of the desktop widget on the premise, you have thought, why I want to see a weather must be opened to the icon to see after it can be seen; why do I want to see what day of the week it must be to open that application? Complaints like this are not a few, look at the specific number of battery charge (percentage) Why do you have to go into the application to see, why not directly on the icon? I think the icon is not just the entry of the application itself, but also a carrier of information, which is very good for Windows 8 tiles.

  How to reduce the information level?

Directly to the weather, time, date, electricity and other information directly displayed on the icon is a way to reduce information levels, ostensibly this approach is to reduce the workload of users, in essence, this is a concern for users, and users can feel this concern. And then the user to the designer's return is: Users recommend this product to more people, a good user experience word of mouth, eventually your users will be more and more, so your income will be more and more.

The above example is only a reflection of reducing the level of information, in fact, there are more.

As with the tiles in Windows 8, it directly displays the information you need to display on the tiles so that we can see some important information without going in.

Future UI design direction will be more inclined to a combination of physical and flat design style. From the appearance, the interface is the object, but the actual use of the information can be felt in the level of reduction, as well as the complexity of the joy brought to Jane.

In the past few years, Apple iOS design style, caused a stir in the industry, the various families to follow, so there was the then-materialized electronic world; In recent years, Microsoft Windows 8 flat design style, also caused a lot of fluctuations in the industry, Android and even iOS are beginning to follow, So there is now a flat interface style, and in the future, is not the materialization of the UI dominate the world, nor the flat interface to dominate the martial arts, but a quasi-materialized style and flat thinking of the combination of the UI design smile proud.

In a word, the physical and chemical properties of the proposed materialization, flattening has the advantage of flattening, only the combination of the two can make ease of use and simplicity to be better reflected.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.