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

Detailed tutorial on docker-compose deployment and configuration of Jenkins

Docker-compose deployment configuration jenkins 1...

Is it necessary to give alt attribute to img image tag?

Do you add an alt attribute to the img image tag? ...

Three examples of blur background effects using CSS3

Let’s not start with the introduction and get str...

Detailed explanation of how to install MariaDB 10.2.4 on CentOS7

CentOS 6 and earlier versions provide MySQL serve...

How to install Nginx in CentOS

Official documentation: https://nginx.org/en/linu...

XHTML Getting Started Tutorial: What is XHTML?

What is HTML? To put it simply: HTML is used to m...

MySQL 8.0.12 installation and configuration method graphic tutorial

Record the installation and configuration method ...

How to use MySQL 5.7 temporary tablespace to avoid pitfalls

Introduction MySQL 5.7 aims to be the most secure...

Implementing a simple carousel based on JavaScript

This article shares the specific code of JavaScri...

Methods and steps for deploying multiple war packages in Tomcat

1 Background JDK1.8-u181 and Tomcat8.5.53 were in...

Optimizing the slow query of MySQL aggregate statistics data

Written in front When we operate the database in ...

HTML+CSS to achieve cyberpunk style button

First look at the effect: Preface: I came up with...