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 installing Tomcat server and configuring environment variables on Win10 (picture and text)

Table of contents Download and install JDK Downlo...

IE8 compatibility notes I encountered

1. IE8's getElementById only supports id, not ...

Node quickly builds the backend implementation steps

1. First install node, express, express-generator...

Detailed explanation of four solutions for MySQL active-active synchronous replication

Table of contents Master-Master Synchronization S...

Complete steps to implement face recognition login in Ubuntu

1. Install Howdy: howdy project address sudo add-...

The shortest JS to determine whether it is IE6 (IE writing method)

Commonly used JavaScript code to detect which ver...

Interpretation of Vue component registration method

Table of contents Overview 1. Global Registration...

W3C Tutorial (5): W3C XML Activities

XML is designed to describe, store, transmit and ...

Steps to create a WEBSERVER using NODE.JS

Table of contents What is nodejs Install NodeJS H...

Let's talk about the difference between containers and images in Docker

What is a mirror? An image can be seen as a file ...

JavaScript Canvas draws dynamic wireframe effect

This article shares the specific code of JavaScri...

Solve the error of installing VMware Tools on Ubuntu 18.04

1. According to the online tutorial, the installa...

A simple and in-depth study of async and await in JavaScript

Table of contents 1. Introduction 2. Detailed exp...

Detailed tutorial on installing harbor private warehouse using docker compose

Overview What is harbor? The English word means: ...

How to use CSS attribute selectors to splice HTML DNA

CSS attribute selectors are amazing. They can hel...