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

Summary of 7 reasons why Docker is not suitable for deploying databases

Design Theory: Textual Expression and Usability

Summary of 7 reasons why Docker is not suitable for deploying databases

JavaScript canvas to achieve raindrop effects

Basic usage and pitfalls of JavaScript array sort() method

SVG button example code based on CSS animation

Ubuntu installs multiple versions of CUDA and switches at any time

Typora code block color matching and title serial number implementation code

CSS selects the first child element under the parent element (:first-child)

Detailed explanation of Vue custom instructions

How to write a picture as a background and a link (background picture plus link)

Summary of web designers' experience and skills in learning web design

Recommend

Method for implementing performance testing of MySQL database through sysbench tool

CSS3 realizes bouncing ball animation

Method of realizing automated deployment based on Docker+Jenkins

JavaScript to achieve stair rolling special effects (jQuery implementation)

HTML form and the use of form internal tags

Docker data volume common operation code examples

CentOS 8 system FTP server installation and passive mode configuration detailed tutorial

Detailed explanation of jquery tag selector application example

Implementation of rewrite jump in nginx

Detailed steps for Navicat to remotely connect to SQL Server and convert to MySQL

Using loops in awk

Implementation of nginx multiple locations forwarding any request or accessing static resource files

13 Most Frequently Asked Vue Modifiers in Interviews

Detailed explanation of the process of configuring multiple SVN repositories on Linux servers

How to restore data using binlog in mysql5.7