Web content, structure and presentation
Content is the basis of structure, not the other way around. The content reflects a certain structure to a certain extent, but not all. The original content is equivalent to the RAW format of a digital photo. It is unprocessed, but even unprocessed content contains a certain structure. For example, when we read a paragraph of text, it may contain the title, text, and paragraph (these attributes are through What you find by reading, not from the perspective of expression, etc., is the structure. In order to distinguish the structure reflected by the content, it is called the internal structure (content structure).
The above is for only one paragraph of text. The basis of the Internet is web pages and hyperlinks, and hyperlinks form page streams. This page flow is also part of the structure and is the focus of interaction design: the processing of requests and responses. The structure mentioned here cannot be reflected by the content, and it is called an external structure (interactive structure) for convenience.
The inner structure and the outer structure form the structure of the web site together. This structure is the basis of all performance. Without this structure, there will be no performance. The structure is not Wireframe. Wireframe is a visual expression of the structure and is a communication tool in the development process. From content to structure to performance, it is also the process of designing most websites.
Many articles ignore the importance of content. Content is the basis of web pages. All the content involved in this article refers only to text, images (excluding decorative pictures), audio, and video. This definition is not logically explained, otherwise it will be too troublesome. So what is the prompt feedback during the interactive process? It should not be attributed to the content or structure alone, which should be a combination of the two.
Usually when people talk about structure and performance, they also mention behavior (Behavior). According to my understanding, behavior should belong to external structure, that is, interactive structure. Why should we put forward behavior separately and compare structure and performance? Because the popularity of Web standards is the most common thing about structure, performance and behavior, which are implemented by (X) HTML, CSS and JavaScript respectively. In HTML, the structure is the various HTML tags and its attributes, and the content is the data included in the middle of the start label and ending the label. As for the performance, it is the part of CSS.
The work of information architecture is to deal with the internal structure and part of the external structure, and present the content according to people's psychology (habits). The work of interactive design is to deal with the external structure and it is based on the premise that it does not affect the internal structure; the work of visual design is to Do not affect the content and structure, deal with the performance of content and structure. Therefore, information architects often work together with interaction designers or are the same person (often follow the entire design process, including the design in terms of performance). Visual designers are more likely to distinguish.
Content, structure and expression are related to all aspects of life and work. Making a PPT, making a report, travel plan, etc., is not just a web. More structured content will be the direction of web development.