[{"data":1,"prerenderedAt":308},["ShallowReactive",2],{"content-/guide/ux-design":3,"related-guide":276},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"keywords":10,"author":11,"date":12,"category":13,"image":14,"body":15,"_type":270,"_id":271,"_source":272,"_file":273,"_stem":274,"_extension":275},"/guide/ux-design","guide",false,"","UX 设计","创建用户体验优秀的网页","UX 设计, 用户体验, 交互设计, HTMLPAGE","HTMLPAGE","2025-11-27","设计","/content-images/guide/guide.jpg",{"type":16,"children":17,"toc":257},"root",[18,26,32,39,46,71,77,100,106,129,135,158,164,187,193,216,222,244,248],{"type":19,"tag":20,"props":21,"children":23},"element","h1",{"id":22},"ux-设计",[24],{"type":25,"value":8},"text",{"type":19,"tag":27,"props":28,"children":29},"p",{},[30],{"type":25,"value":31},"创建用户体验优秀的网页。",{"type":19,"tag":33,"props":34,"children":36},"h2",{"id":35},"ux-设计原则",[37],{"type":25,"value":38},"📌 UX 设计原则",{"type":19,"tag":40,"props":41,"children":43},"h3",{"id":42},"_1-可用性",[44],{"type":25,"value":45},"1. 可用性",{"type":19,"tag":47,"props":48,"children":49},"ul",{},[50,56,61,66],{"type":19,"tag":51,"props":52,"children":53},"li",{},[54],{"type":25,"value":55},"易于学习",{"type":19,"tag":51,"props":57,"children":58},{},[59],{"type":25,"value":60},"易于使用",{"type":19,"tag":51,"props":62,"children":63},{},[64],{"type":25,"value":65},"符合用户期望",{"type":19,"tag":51,"props":67,"children":68},{},[69],{"type":25,"value":70},"清晰的反馈",{"type":19,"tag":40,"props":72,"children":74},{"id":73},"_2-信息架构",[75],{"type":25,"value":76},"2. 信息架构",{"type":19,"tag":47,"props":78,"children":79},{},[80,85,90,95],{"type":19,"tag":51,"props":81,"children":82},{},[83],{"type":25,"value":84},"清晰的分类",{"type":19,"tag":51,"props":86,"children":87},{},[88],{"type":25,"value":89},"逻辑的层级",{"type":19,"tag":51,"props":91,"children":92},{},[93],{"type":25,"value":94},"直观的导航",{"type":19,"tag":51,"props":96,"children":97},{},[98],{"type":25,"value":99},"易于搜索",{"type":19,"tag":40,"props":101,"children":103},{"id":102},"_3-视觉设计",[104],{"type":25,"value":105},"3. 视觉设计",{"type":19,"tag":47,"props":107,"children":108},{},[109,114,119,124],{"type":19,"tag":51,"props":110,"children":111},{},[112],{"type":25,"value":113},"清晰的层级",{"type":19,"tag":51,"props":115,"children":116},{},[117],{"type":25,"value":118},"一致的设计",{"type":19,"tag":51,"props":120,"children":121},{},[122],{"type":25,"value":123},"适当的对比",{"type":19,"tag":51,"props":125,"children":126},{},[127],{"type":25,"value":128},"引导用户注意",{"type":19,"tag":40,"props":130,"children":132},{"id":131},"_4-交互设计",[133],{"type":25,"value":134},"4. 交互设计",{"type":19,"tag":47,"props":136,"children":137},{},[138,143,148,153],{"type":19,"tag":51,"props":139,"children":140},{},[141],{"type":25,"value":142},"顺畅的流程",{"type":19,"tag":51,"props":144,"children":145},{},[146],{"type":25,"value":147},"及时的反馈",{"type":19,"tag":51,"props":149,"children":150},{},[151],{"type":25,"value":152},"可预测的行为",{"type":19,"tag":51,"props":154,"children":155},{},[156],{"type":25,"value":157},"防止错误",{"type":19,"tag":33,"props":159,"children":161},{"id":160},"ux-最佳实践",[162],{"type":25,"value":163},"🎯 UX 最佳实践",{"type":19,"tag":47,"props":165,"children":166},{},[167,172,177,182],{"type":19,"tag":51,"props":168,"children":169},{},[170],{"type":25,"value":171},"以用户为中心",{"type":19,"tag":51,"props":173,"children":174},{},[175],{"type":25,"value":176},"进行用户研究",{"type":19,"tag":51,"props":178,"children":179},{},[180],{"type":25,"value":181},"原型测试",{"type":19,"tag":51,"props":183,"children":184},{},[185],{"type":25,"value":186},"持续改进",{"type":19,"tag":33,"props":188,"children":190},{"id":189},"优化建议",[191],{"type":25,"value":192},"💡 优化建议",{"type":19,"tag":47,"props":194,"children":195},{},[196,201,206,211],{"type":19,"tag":51,"props":197,"children":198},{},[199],{"type":25,"value":200},"简化操作流程",{"type":19,"tag":51,"props":202,"children":203},{},[204],{"type":25,"value":205},"提供清晰的指引",{"type":19,"tag":51,"props":207,"children":208},{},[209],{"type":25,"value":210},"减少认知负荷",{"type":19,"tag":51,"props":212,"children":213},{},[214],{"type":25,"value":215},"支持用户目标",{"type":19,"tag":33,"props":217,"children":219},{"id":218},"相关资源",[220],{"type":25,"value":221},"🔗 相关资源",{"type":19,"tag":47,"props":223,"children":224},{},[225,235],{"type":19,"tag":51,"props":226,"children":227},{},[228],{"type":19,"tag":229,"props":230,"children":232},"a",{"href":231},"/guide/editing-tips.md",[233],{"type":25,"value":234},"编辑技巧",{"type":19,"tag":51,"props":236,"children":237},{},[238],{"type":19,"tag":229,"props":239,"children":241},{"href":240},"/guide/design-guidelines.md",[242],{"type":25,"value":243},"设计指南",{"type":19,"tag":245,"props":246,"children":247},"hr",{},[],{"type":19,"tag":27,"props":249,"children":250},{},[251],{"type":19,"tag":252,"props":253,"children":254},"em",{},[255],{"type":25,"value":256},"优秀的 UX 设计让用户愿意停留。",{"title":7,"searchDepth":258,"depth":258,"links":259},3,[260,267,268,269],{"id":35,"depth":261,"text":38,"children":262},2,[263,264,265,266],{"id":42,"depth":258,"text":45},{"id":73,"depth":258,"text":76},{"id":102,"depth":258,"text":105},{"id":131,"depth":258,"text":134},{"id":160,"depth":261,"text":163},{"id":189,"depth":261,"text":192},{"id":218,"depth":261,"text":221},"markdown","content:guide:ux-design.md","content","guide/ux-design.md","guide/ux-design","md",[277,289,300],{"_path":278,"_dir":279,"_draft":6,"_partial":6,"_locale":7,"title":280,"description":281,"keywords":282,"author":11,"date":283,"category":284,"image":285,"_type":270,"_id":286,"_source":272,"_file":287,"_stem":288,"_extension":275},"/blog/accessibility-guidelines","blog","无障碍设计指南","WCAG 标准和无障碍设计最佳实践","无障碍设计指南, Blog, HTMLPAGE","2025-11-26","待分类","/content-images/blog/blog.jpg","content:blog:accessibility-guidelines.md","blog/accessibility-guidelines.md","blog/accessibility-guidelines",{"_path":290,"_dir":279,"_draft":6,"_partial":6,"_locale":7,"title":291,"description":292,"keywords":293,"author":294,"date":295,"category":296,"image":285,"_type":270,"_id":297,"_source":272,"_file":298,"_stem":299,"_extension":275},"/blog/accessible-ux-research-guide","无障碍用户研究完全指南：从规划到实施的每一步","深入了解如何进行包容性的用户体验研究，确保残障用户的声音被听见，让产品真正为所有人而设计","用户研究, 无障碍设计, 包容设计, UX研究, 残障用户, 无障碍访问","HTMLPAGE 内容团队","2025-12-01","无障碍与设计","content:blog:accessible-ux-research-guide.md","blog/accessible-ux-research-guide.md","blog/accessible-ux-research-guide",{"_path":301,"_dir":279,"_draft":6,"_partial":6,"_locale":7,"title":302,"description":303,"keywords":304,"author":11,"date":283,"category":284,"image":285,"_type":270,"_id":305,"_source":272,"_file":306,"_stem":307,"_extension":275},"/blog/react-hooks-guide","React Hooks 实战指南","深入理解 React Hooks，包括 useState、useEffect、自定义 Hooks 等","React Hooks 实战指南, Blog, HTMLPAGE","content:blog:react-hooks-guide.md","blog/react-hooks-guide.md","blog/react-hooks-guide",1774945286872]