Web design experience: Make the navigation system thin
|
<br />When discussing with my friends, I mentioned a point of view that the most core of all framework layer designs is navigation design. Recently, I have seen some foreign colleagues say that "80% of usability is navigation!" Because good navigation can ensure that users can find any information. In other words, providing the possibility of reaching something is far more important than providing the means of reaching it. I am used to dividing navigation into one-dimensional, two-dimensional, and multi-dimensional for simple understanding. One-dimensional corresponds to linear structure, two-dimensional corresponds to hierarchical structure, and multi-dimensional corresponds to disordered structure. This may sound a bit abstract, but in fact, they are all well-known applications. Let's take an example to illustrate the design intentions:
When the two-dimensional structure becomes complex to a certain extent, it will inevitably lead to excessive navigation depth, making it more difficult for users to reach their destination. At this point, it is necessary to consider the comprehensive implementation of other solutions. The specific design can be summarized as follows: The accumulation process from nothing to something takes out all the resources that can be scheduled at present. The process of sequencing from more to less, decomposing tasks to find clues to primary and secondary tasks and reorganizing them. Recalling Flickr’s revisions, the version code was changed for the first few important navigation changes, which shows that Flickr attaches great importance to the navigation system. At the same time, the upgrades of the Beta and Gamma versions also correspond to my ideas, refer to the header navigation fragment:   The characteristic of Beta is that you can see whatever you want. Functions have been continuously added since Alpha, although adjustments to task decomposition have also been made during this period. But obviously, if the quantity is too large, it will be complicated to adjust. The characteristic of Gamma is that you can get whatever you want, but the right to choose or not is returned to the user. If we explain it from the perspective of user experience, Beta has satisfied the user's cognitive experience and is fun and useful enough; Gamma has improved the user's operating experience and is playable and easy to use. If you compare carefully, you can find similar traces of Douban's revision. With operational data, problems can be easily exposed. For example, for Beijing's traffic, the ideal situation is to divide Beijing into N small areas, with high-speed transportation such as subways and urban railways used between areas, and low-speed transportation such as buses used within each area. At the same time, subways and urban railways and bus stations are integrated vertically and horizontally. In this way, large-scale intersections of bus routes can be avoided as much as possible (flat structure), and active prevention rather than passive pressure relief can be achieved. We are faced with the fact that the capital cannot be rebuilt, but the products can be completely rebuilt. |
<<: How to deploy MySQL master and slave in Docker
>>: CSS multi-column layout solution
Recommend
File backup solution between servers, how to automatically back up server files to another server?
Many organizations have the need to back up file ...
Detailed explanation of MySQL single table query operation examples [syntax, constraints, grouping, aggregation, filtering, sorting, etc.]
This article describes the MySQL single table que...
React's transition from Class to Hooks
Table of contents ReactHooks Preface WhyHooks? Fo...
A detailed introduction to the three installation methods of rpm, yum and source code under Linux
Chapter 1 Source Code Installation The installati...
A brief talk about MySQL pivot tables
I have a product parts table like this: part part...
Detailed explanation of the differences between SQL joint query inner join, outer join and cross join
When developing applications that use a database,...
Solution to the problem of mysql master-slave switch canal
After configuring VIP, the error message that app...
How to convert a column of comma-separated values into columns in MySQL
Preface Sometimes you come across business tables...
Solution to the problem that VMware15 virtual machine bridge mode cannot access the Internet
Description Solution VMware 15 virtual machine br...
Detailed explanation of MySQL database index
Table of contents 1. Introduction to MySQL Index ...
Simple implementation of mini-vue rendering
Table of contents Preface Target first step: Step...
How to use fdisk to partition disk in Linux
Commonly used commands for Linux partitions: fdis...
Simple use of Vue bus
Simple use of Vue bus Scenario description: Compo...
How to use ssh tunnel to connect to mysql server
Preface In some cases, we only know the intranet ...
Example of how to identify the user using a linux Bash script
It is often necessary to run commands with sudo i...