Design Theory: Textual Expression and Usability

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
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

Recommend

Centos builds chrony time synchronization server process diagram

My environment: 3 centos7.5 1804 master 192.168.1...

Analysis and treatment of scroll bars in both HTML and embedded Flash

We often encounter this situation when doing devel...

VMware virtualization kvm installation and deployment tutorial summary

Virtualization 1. Environment Centos7.3 Disable s...

Using JavaScript to implement carousel effects

This article shares the specific code for JavaScr...

Detailed explanation of Angular component life cycle (I)

Table of contents Overview 1. Hook calling order ...

Introduction to installing and configuring JDK under CentOS system

Table of contents Preface Check and uninstall Ope...

Detailed explanation of fs module and Path module methods in Node.js

Overview: The filesystem module is a simple wrapp...

How to distinguish MySQL's innodb_flush_log_at_trx_commit and sync_binlog

The two parameters innodb_flush_log_at_trx_commit...

Design theory: Why are we looking in the wrong place?

I took the bus to work a few days ago. Based on m...

XHTML Getting Started Tutorial: XHTML Web Page Image Application

<br />Adding pictures reasonably can make a ...

Example code for implementing card waterfall layout with css3 column

This article introduces the sample code of CSS3 c...

Detailed explanation of Vue's list rendering

Table of contents 1. v-for: traverse array conten...