Interface Design-What should we do when there are too many options?

ArticleDirectory

• 1. Familiar Interfaces
• 2. How to design it?
• 3. Final Result

1. Familiar Interfaces

This blog has a long title, because there is really no well-known term for interface design to describe this situation. But asProgramClerk, I only need to show you an interface, and you will be able to appreciate it.

This is a survey (software) configuration page, which is ugly? In fact, it looks pretty good at the beginning. There are two textbox and three selection lists. With the addition of the function, you can add a point for each person, and finally it becomes like this.

Now I have a requirement. Let me add two more configuration options. The encoding is not complex, but what should I do on the interface? Directly add two configuration items?

No, this may be acceptable to those who ask for it. However, it is too awkward for me to look at it.

2. How to design it?

How can we start designing? The first step is the most difficult, because we don't know how to do it. In fact, there are still some ways to sit down and think about our design. You can open this header for us, for example:

• Gradually reconstruct the layout and find a proper position for each element.
• Ask colleagues about their ideas.
• Q: What is the current problem?

I used the last method to start with the current problem? I have no functional problems, but it is too messy. Yes! It is too messy.

Classification is a powerful way to deal with chaos. We can use classification to solve the chaotic element layout. However, classification alone is not enough. For most people, such many settings are not used ~ Five settings are sufficient. Therefore, we cannot force all users to view and care about these settings, so we need to have default values. In addition, when we add new things, we will find that there is no space to add. We also need to adopt a method of Space reuse, such as using tab pages and accordion to reuse the layout space.

The following is a summary:

1. Classify all settings according to their functions
2. Set a default value for uncommon options
3. Reuse space to solve the problem of insufficient space for adding interface elements

3. Final Result