On Visual Design and Interaction Design
<br />In the entire product design process, the "processes" of visual design and interaction design are very close, and the relationship between the two is complementary and mutually influential. As the most direct level of communication with users, how to present the interactive design to users in a good form? Here we mainly focus on the role of vision in improving the usability of interaction:
1. Improve browsing: 1) Good performance of information structure. In helping interaction, visual design must first satisfy the display of product and interactive information structure, the clarity and readability of information, and then the communication of brand and emotion. Visual language can process product concepts and information through stratification, classification, comparison and other language means. example:  pic.01  pic.02 Comparing the two pictures above, both of which are article detail pages, I believe that not many users can quickly and accurately know what information the website wants to give them, or what they want them to do, when browsing pic01. The distribution of information, hierarchy, and color are not done effectively, leaving users confused and lost. Pic02 divides the content into important and unimportant sections, so that the most important article details are clearly visible, and the structure is orderly and clear. We can feel the effective intervention of visual language, which can greatly help in the presentation of information structure. Previous Page 1 2 3 4 Next Page Read Full Article |
<<: Differences and usage examples of for, for...in, for...of and forEach in JS
>>: Detailed code examples of seven methods for vertical centering with CSS
Recommend
Use the njs module to introduce js scripts in nginx configuration
Table of contents Preface 1. Install NJS module M...
The idea and process of Vue to realize the function of remembering account and password
Table of contents Implementation ideas There are ...
Introduction to Linux compression and decompression commands
Table of contents Common compression formats: gz ...
js memory leak scenarios, how to monitor and analyze them in detail
Table of contents Preface What situations can cau...
Introduction to the use of several special attribute tags in HTML
The following attributes are not very compatible w...
Summary of important components of MySQL InnoDB
Innodb includes the following components 1. innod...
Implementation of proxy_pass in nginx reverse proxy
The format is simple: proxy_pass URL; The URL inc...
How to use Docker to build a pypi private repository
1. Construction 1. Prepare htpasswd.txt file The ...
JavaScript BOM Explained
Table of contents 1. BOM Introduction 1. JavaScri...
Simply learn various SQL joins
The SQL JOIN clause is used to join rows from two...
Echarts tutorial on how to implement tree charts
Treemaps are mainly used to visualize tree-like d...
Detailed steps for deploying Microsoft Sql Server with Docker
Table of contents 1 Background 2 Create a contain...
MySQL 5.7.24 compressed package installation and configuration method graphic tutorial
This article shares the installation tutorial of ...
Linux's fastest text search tool ripgrep (the best alternative to grep)
Preface Speaking of text search tools, everyone m...
Analysis of the implementation process of three modes of VMWare network adapter
Three modes Bridged (bridge mode), NAT (network a...