Recently, I have made a round of refined revisions for the technical classification of this site and the main navigation menu at the top, to solve the four major problems of the original navigation logic confusion, missing categories, misalignment between Chinese and English menus, and division of the section layout. The whole process is combined with visitor browsing habits, technical category level, and bilingual adaptation and specification optimization.
1. Basic information of the revision prerequisite
1. There are first-level classifications in the whole station (19 in total)
- IT Community
- Web front-end
- web application development
- Cloud computing
- Enterprise application
- Other
- blockchain
- Blog Operations
- application tool
- Website building system
- development tool
- Plugins/Extensions
- operating system
- Database
- Server
- Independence and Freedom
- mobile development
- Program development
- Manage and monitor
2. Summary of the original problems before the revision
- Navigation categories are missing: the core technical category ‘Program Development’, the site operation and maintenance category ‘Blog Operation’ has not been added to the main navigation, and it is inconvenient for visitors to find it
- The order of the plate is chaotic: the bottom operation and maintenance category and the cloud service category are reversed, which is not in line with the top-down cognitive logic of technical learning.
- The bilingual menu is not equal: the number of Chinese and English menus, the category location, and the copywriting cannot be matched one by one, and the experience of overseas visitors is divided
- Invalid category occupancy risk: the niche category is almost mixed with the main navigation, resulting in redundant navigation and bloated
- Copywriting is not uniform: English abbreviation, full name is mixed, Chinese adaptation is missing, bilingual adaptation is not standardized
2. Core rules for the selection of navigation categories (core standards for this revision)
This time, we follow the three principles of ‘simplification and core of the main navigation, side/drop-down storage of the niche category, and hidden category’ to define whether the category has settled in the top main navigation:
✅ Added the main navigation category (2)
- Program development: Linkage programming language section, which belongs to the core category of general back-end and engineering development in all stations.
- Blog Operations: Fit to the positioning of this site’s self-built blog positioning, undertake the website construction system section, and form a complete link of ‘Site Construction-Operation’, and the website bloggers just need the categories
❌ Do not enter the top main navigation category (unified storage to side classification/second-level pull-down)
- IT community: information aggregation section, non-technical learning main line, place side classification
- Enterprise application: vertical niche industry categories, limited content volume, not leading navigation
- Plug-in/extension: attribution development tool sub-section, set as the development tool two-level drop-down menu
- Independence and Freedom: Personal Essay Comprehension Content, merged into [About Me & Cooperation] Level 2 Pulldown
- Others: The whole site articles are archived and classified, and the whole process is not displayed in any navigation position
Supplement
OriginalCloud computingIt has been in the original navigation itself, this time only adjusts the sorting, no need to add new errors.
3. Navigation and sorting the underlying logic
Fully fit the technical visitor browsing and learning path layered, hierarchical logic: Fixed the personal section of the homepage → programming basic section → the full-end development section → website operation section → tool resource section → The underlying operation and maintenance section of cloud services, from shallow to deep, from application to bottom layer, reduces search costs.
- Home + personal introduction (fixed front, site entrance)
- Programming Fundamentals: Programming Language→Program Development (Grammar Basics→Project Practice)
- Full-end development: front-end → application development → characteristic chain development → mobile terminal (full business development link)
- Site self-built: website construction system→blog operation (building→ operation and maintenance closed loop)
- Tools Collection: Development Tools→Application Tools (Professional Tools→General Tools)
- Low-level operation and maintenance: cloud computing → server → database → operating system → operation and maintenance monitoring (cloud layer → hardware → system → management and control)
4. Final draft: bilingual one-to-one correspondence full version navigation
The copywriting is strictly aligned, the location is completely synchronized, and the style is unified. The original abbreviation habit of the English reserved site is the designated official translation: program development = programming development, blog operation = blog operations
Chinese Navigation (Final Version)
- front page
- About Me & Cooperation
- programming language
- Program development [added this time]
- web front-end
- Web application development
- blockchain
- mobile development
- Website building system
- Blog operation [new addition]
- development tool
- application tool
- Cloud computing
- Server
- Database
- operating system
- Manage and monitor
English Navigation (final version, one by one)
- home
- About Me & Cooperation
- programming languages
- programming dev
- web frontend
- web app dev
- Blockchain
- mobile dev
- Site Builder
- Blog operations
- Dev Tools
- App Tools
- Cloud
- server
- database
- os
- Monitor & Manage
5. Fine-tuning details of this revision
- Switching the original web front-end and web application development sequence: give priority to the wider audience of web front-ends, and fit the general typesetting of industry sites
- Reconstructing the sequence of operation and maintenance sections: cloud computing front, operating system backwards, correcting the problem of the logic of the underlying category of the original version is reversed
- English About Me Supplement & Cooperation, 100% matching Chinese ‘About me & cooperation’ semantics
- Keep the original English abbreviation of the whole site: dev, app, OS, maintain the original visual style of the site, and do not change the historical language
Six, subsequent iteration planning
- Add a secondary drop-down for development tools: store [plug-in/extension] classification, streamline the main navigation length
- About me & cooperation to add a second-level drop-down: storage [independent and freedom] essay column
- Sidebar unified display: IT community, enterprise application, other three major categories
Leave a Reply