Design Theory: Textual Expression and Usability

<br />In text design, we usually focus on the layout of the text, how to layout it so that our text looks more beautiful and easier to read; however, the meaning expressed by the text itself is equally important, because the fundamental meaning of our layout is to make it easier for users to understand the content.
1. Let’s discuss the importance of this in a simple way based on a few points in the design . Text can be found everywhere in software design, such as titles, text on buttons, feedback text, navigation, etc.
The title mainly tells us the theme of the current interface. For example, when we enter "My Network Places" from the desktop of our Windows operating system, the title displayed is "My Network Places", which is a general term for computers connected to the Internet with me. If we use "My Neighbors" to express it, it can also be understood as "My Network Places", but it is not accurate enough because some people will understand it as "my neighbor who lives next door to me."
If you feel that the above example is too wordy and not intuitive enough, we can also take a look at the title of the error prompt window:
Design theory: text expression and usability_123WORDPRESS.COMjb51.net

Design theory: text expression and usability_123WORDPRESS.COMjb51.net

From the title in the above picture, "Error while renaming file or folder", we can simply analyze that this title is relevant to the context. First of all, it is an error message prompt window, and it also explains when the error occurred during the operation. In terms of expression, it is just right. If you insist on using "Error" as the title, no one will say that you are wrong. It is just a window that pops up suddenly. A simple "Error" may confuse some users and reduce usability.
Buttons are also commonly used expression elements. We use words to express the functions of many buttons. Here are some common examples:

When filling out a registration form, you will usually see a button like "Submit Registration Information" or "Register". If it is written as "Submit a form", many users may be puzzled by the professional term "form". When you write a blog, you usually see a "Publish" button. If you are given a "Confirm" button, would you try to think that this "Confirm" button is "Publish", right? The mentality of this attempt just shows that the button text does not convey the meaning, and users have to guess its exact meaning. When we use chat software to chat, if the "Send" button on the chat window is changed to "Submit", you will feel very uncomfortable. In fact, it is the accuracy of the text expression that makes the problem.
To sum up the above examples, we always use specific text to describe the function of buttons in specific scenarios. The meaning of the text itself plays a key role in usability and ease of use.
Information prompt text is a very important part in software interface design, simply because it is used to communicate directly with users; when users encounter problems using software, information text feedback can guide users to take action, and this interactive process is mainly carried out through text prompts, where the accuracy and constructiveness of the text description are of primary importance. The most important thing about information prompt text is to "explain the cause of the error and provide constructive operational tips." Mocking users, commands, accusations, and other emotional language and tones are not allowed.
Design theory: text expression and usability_123WORDPRESS.COMjb51.net

The picture above is a confirmation prompt, which accurately indicates that we want to delete the "My Computer Icon" instead of "My Computer". Otherwise, some users will understand that all files on the computer have been deleted. It also prompts the subsequent recovery method, which makes it clear enough. The operator basically has no more doubts about this thoughtful reminder.
I won’t go into detail about the navigation text . Just click on it to see what the navigation means. Generally speaking, deceiving users into clicking may result in losing the user. If your sole purpose is to deceive people, I have no objection to you writing a navigation book that is irrelevant to the topic.
2. Some suggestions on how to ensure that the text conveys the meaning :

If you have professionals in charge of this, then thankfully they can take care of everything. If not, I hope the following points can help you. Pay attention to the usage scenarios and user characteristics, use language that is easy for your users to understand, and avoid using difficult professional terms. If it is a title, see if it can clearly express the theme of the current interface. If the context needs to be expressed, the source of this interface should also be explained. For example: It is best for the information prompt window to explain what operation caused it. Regarding information prompt text, it is recommended to find a standard to read. Special attention should be paid to: explaining the reasons objectively and accurately, and giving constructive operational suggestions at the same time; as for emotional language, it is better to save it. The buttons should be consistent with their functions, and the navigation should be consistent with the content. Although it is simple, it is still recommended to carefully consider the wording. If possible, test 3 to 4 non-computer professionals around you to avoid making too many subjective assumptions in the early stages.

<<: How to restore docker container data

>>: JS realizes the case of eliminating stars

Design Theory: Textual Expression and Usability

How to prevent website content from being included in search engines

Detailed explanation of publicPath usage in Webpack

A brief analysis of mysql index

Implementing long shadow of text in less in CSS3

How to configure nginx to return text or json

Nginx content cache and common parameter configuration details

Overview and differences between html inline elements and html block-level elements

Detailed Example of JavaScript Array Methods

Introduction and use of five controllers in K8S

Detailed explanation of mysql basic operation statement commands

Recommend

WeChat applet implements the Record function

How to modify the ssh port number in Centos8 environment

Vue uses Split to encapsulate the universal drag and slide partition panel component

Example of how to implement MySQL cascading replication

Full-screen drag upload component based on Vue3

How to set Nginx log printing post request parameters

Detailed explanation of how to use the Vue license plate search component

Common considerations for building a Hadoop 3.2.0 cluster

WeChat applet implements calculator function

Implementation of CSS border length control function

MySQL 8.0.11 Installation Guide for Mac

Summary of common docker commands

Implementation of adding visit count function in github+Jekyll blog in one minute with JS

Ajax responseText parses json data case study

Detailed explanation of the solution to Tomcat's 404 error